---
title: EB Social Share
description: "Follow this in-depth guideline to easily add and configure the EB Social Share block from Essential Blocks."
url: "https://essential-blocks.com/docs/eb-social-share/"
updated: "2022-11-03"
category: Marketing Blocks
tags:
  - social
---

# EB Social Share

With the **EB Social Share**block, you can add social sharing buttons on your WordPress website posts or pages and increase engagement. This advanced Gutenberg block allows you to have complete control over social icons' appearances & much more.

Follow the step-by-step guidelines to easily add [**Essential Blocks**](https://essential-blocks.com/) Social Share using Essential Blocks For Gutenberg. 

## **How To Activate Essential Blocks Social Share?**

To activate the EB Social Share block, navigate to ‘**Essential Blocks → ‘Blocks**’ from the WordPress dashboard. Then, toggle to enable this ‘**Social Share**’ block. After that, click on the ‘**Save**’ button.

![Eb Social Share](https://essential-blocks.com/wp-content/uploads/2022/10/image-33.gif)

 Note: Please make sure you are using the latest version of Essential Blocks for Gutenberg.

## **How To Configure Essential Blocks Social Share?**

First, navigate to the WordPress dashboard **Post → ‘Add New’** and create a new one or select the page if you already have a created one where you want to add **Social Share**.

To add a Social Share block, click on the ‘**+**’ icon. Find Essential Blocks ‘**Social Share**’ block from the search bar. Simply click on the block and it will be added instantly. 

![EB Social Share](https://essential-blocks.com/wp-content/uploads/2022/10/image-34.gif)

Alternatively, you can click on the ‘**+**’ icon, search ‘**Social Share**’ at the search bar, and get the block. Simply drag and drop the block as shown.

![EB Social Share](https://essential-blocks.com/wp-content/uploads/2022/10/image-28.png)

Now, click on the ‘**Settings**’ icon. A side panel will appear on the right side of your page. From here you can configure and personalize the content and appearance of the **EB Social Share**.

![EB Social Share](https://essential-blocks.com/wp-content/uploads/2022/10/image-29.png)

### **General**

Go to the **‘General**’ tab to customize the content. You can customize your ‘**Share Buttons**’ and their alignments, and customizations also add more social share buttons if you want. 

#### **Share Buttons**

Under the ‘**Share Buttons**’ tab, you can toggle on the ‘**Show Title**’ option to preview the titles of your respective social platforms. Or you can enable the ‘**Floating**’ option to make your social share icons stay afloat whenever you are scrolling up or down on your website. 

![EB Social Share](https://essential-blocks.com/wp-content/uploads/2022/10/image-35.gif)

From the ‘**Social Media**’ option, you can add as many social icons as you want. For more customization of social media icons, simply click on the social bars and you can add ‘**Icon Color**’, ‘**Icon Background Color**’, ‘**Separate Color**’ etc. You can also swap your social bars positions in any order you want. 

![EB Social Share](https://essential-blocks.com/wp-content/uploads/2022/10/image-36.gif)

### **Style**

From the **‘Style**’ tab you can modify the overall appearance of the Social Share block. You can pick any ‘**Icon Shape**’ you want to make your social share icons more beautiful. To properly align your social icons, choose your desired alignments from **5+** options. 

![EB Social Share](https://essential-blocks.com/wp-content/uploads/2022/10/image-37.gif)

To make your social icons' appearances more stunning, you can add tons of ‘**Hover Effect**’ with artistic ‘**Hover Color**’ and ‘**Hover Background**’ colours. 

![EB Social Share](https://essential-blocks.com/wp-content/uploads/2022/10/image-38.gif)

To articulate the block’s border and box-shadow, click the ‘**Icon Border & Box-Shadow**’ option. Here, you can add various ‘**Border Style**’ with proper width and radius. From the ‘**Box Shadow**’ option, configure ‘**Shadow Color**’, ‘**Horizontal Offset**’, ‘**Vertical Offset**’, and much more. 

![EB Social Share](https://essential-blocks.com/wp-content/uploads/2022/10/image-39.gif)

### **Advanced**

From the ‘**Advanced**’ tab, you will have many options for advanced customization. Here, you can customize **Background type, Responsive Control, Animation, Custom CSS**, etc. Multiple advanced block design customization options are also available there.

![EB Social Share](https://essential-blocks.com/wp-content/uploads/2022/10/image-40.gif)

## **Final Outcome**

After making all the changes press the ‘**Publish**’ button to see your EB Social Share block. By following the simple and easy steps, you can add the **EB Social Share block** and style it in Gutenberg.

![EB Social Share](https://essential-blocks.com/wp-content/uploads/2022/10/image-30.png)

Here’s how you can easily set and design your **EB Social Share** in Gutenberg. 

Got stuck? Feel free to contact our [**support**](https://wordpress.org/support/plugin/essential-blocks/)for further assistance.