Early Bird Specials

days
hours
minutes
seconds

Introducing

Join 100,000+ happy users & access Premium Gutenberg Blocks for LIFETIME

Introducing

Join 100,000+ happy users & access Premium Gutenberg Blocks for LIFETIME

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 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
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

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

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

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

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

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

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

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

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

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

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

Got stuck? Feel free to contact our support for further assistance.

Powered by BetterDocs