Sharing Buttons
The Sharing Buttons element can be added to a page so users can share a page or publication on their social media accounts.
Adding Sharing Buttons
Option 1
- Hover over the desired section, and click the Add Element:
- Choose the Sharing Buttons element from the modal that appears:
- After you choose the element from the list, drag it to the desired section.
Option 2
- Hover over the left sidebar of the Site Editor and click Build (+) button:
- Choose the element:
- After you choose the element from the list, drag it to the desired section.
Moving and Resizing Sharing Buttons
Please refer to the Elements Management article to learn more about moving and resizing elements.
Customizing Sharing Buttons
- Hover over Sharing Buttons to display the Edit button in its top-right and be able to modify the element's Layout and Design:
Layout Tab
The Layout tab allows you to add, edit or delete social network sharing buttons and rearrange them.
- Add Networks. Click Add Social Network to add a new sharing button. Then, in the Add Social Network pop-up, click the sharing button you would like to add.
- Rearrange Buttons. Drag and drop buttons to change their order.
- Delete Buttons. Hover over the social network, and click the Delete button [x] on its right.
Design Tab
The Design tab allows you to change the following:
- Style. Select the social buttons preferable design: Square, Rounded or Circle.
- On Сlick. Select the on click action: Share this page (link to the current page) or Share this site (link to the home page of this site).
- Adaptive. Choose the responsive behavior on different screen sizes: Collapse last buttons, Collapse first buttons, or Collapse equal.
Deleting Sharing Buttons Element
- Hover over the Social Buttons element and click the Delete button [x] in its top-right:
