In the age of social media, easily share your posts to different social media with the share buttons. Droit Elementor Addons makes it super easy to add share buttons on your website. 

Using Share Buttons #

You can use the Share Buttons tool to display social share buttons on your website. Making it easier for the reader to share your content on different social media. 

Step 1 #

From the menu bar on the left-hand side, select Share Buttons. Drag and drop the widget on the area you want it to be.

Step 2 #

After selecting the tool,  you will see the following options: Content, Style and Advanced.

Share buttons widget on Elementor page builder

Step 3 #

Select from the different styles of share button designs from the Preset option within the content section. 

Share Button widgets preset tab

Step 4 #

From the Share Icon option, you can include the images you want to display as icons. You can also add different items to insert more social media platforms and modify accordingly. 

Share button's share icon settings tab

Step 5 #

From the Style section, you can customize the size of the icon easily by adjusting the nod. 

Share Buttons icon settings tab

Step 6 #

In the Advanced section of the widget, you will have the flexibility to add margin and padding to the widget. You can also modify the Z-index to customize the widget more. 

Share Buttons advanced settings tab

You will also get the chance to edit and customize the following options: 

  • Motion Effects
  • Background
  • Border
  • Positioning
  • Responsive
  • Attributes
  • Custom CSS

Motion Effects #

From the Motion Effects option you can add different effects such as fading, zooming, bouncing, sliding, rotating, attention seeking motion, lightspeed and more effects to make your widget look different. 

Share Buttons motion effects settings tab

Background #

If you want to customize the background with specific color, gradient or images, you can do that from the advanced settings as well. You can pick background type, color, gradient, gradient type and more.

Share Buttons background settings tab

Border #

If you want to add any line, box, dots and other design variations as borders of the widget, you can do it from here. You can also customize the size and insert shadow effects if you want to. 

Share Buttons border settings tab

Positioning #

This feature will allow you to fix the positioning of the widget. From the width section you can select if the position will be full width, inline or customized. And you can set the position as absolute or fixed as well from these settings. 

Share Buttons positioning settings tab

Responsive #

You can check the responsiveness of the widget if you toggle through the available options. However, the change of the widget will be only visible on the live page or preview, not in the Elementor.

Share Buttons responsive settings tab

Attributes #

With Attributes you can add custom HTML attributes to any elements. However, this feature is only available with the pro version of the Droit Elementor Addons. 

Custom CSS #

Custom CSS lets you add CSS code to any widget, and see it render live right in the editor. However, this feature is only available with the pro version of the Droit Elementor Addons.

Powered by BetterDocs