--- title: EB Social Share url: "https://essential-blocks.com/docs/eb-social-share/" updated: "2022-11-03" category: Marketing Blocks --- # 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.