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.

Table of Contents

• Adding Sharing Buttons
• Option 1
• Option 2
• Moving and Resizing Sharing Buttons
• Customizing Sharing Buttons
• Sort Tab
• Style Tab
• Deleting Sharing Buttons
• More Menu

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 and drop it using the grid.

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 and drop it using the grid.

Moving and Resizing Sharing Buttons

Please refer to the Elements Management (Drag and Drop Grid) article to learn more about moving and duplicating elements.

Customizing Sharing Buttons

To edit, duplicate, layer or delete the element, click on it and switch between the buttons that appear in its toolbar:

Sort Tab

The Sort 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 Remove button [Bin] on its right.

Style Tab

The Style tab allows you to change the following:

• Corner Radius. 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).
• Responsiveness. Choose the responsive behavior on different screen sizes: Equal Width, Expand First, Expand Last.

Deleting the Sharing Buttons

• To delete sharing buttons, click on the element and choose the Remove button [Bin] that appears in its toolbar:

• The element will be removed immediately.

More Menu

• Click the More icon in the editing menu to access the available options:

• Cut. Click Cut or Ctrl+X to cut your element.
• Copy. Click Copy or Ctrl+C to copy your element.
• Duplicate. Click Duplicate or Ctrl+D to duplicate your element. The duplicate will appear immediately.
• Delete. Click Delete to remove the element. The element will be deleted immediately.
• Move Forward. Click Move Forward or Ctrl+⇓ to move your element.
• Move Forward. Click Move Forward or Ctrl+⇑ to move your element.