Social Buttons

The Social Buttons element is a website component that allows you to display your social media profile links and other subscription options.

Adding Social Buttons

Option 1

  • Hover over the desired section, and click the Add Element:

  • Choose the Social 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 Social Buttons

Please refer to the Elements Management article to learn more about moving and resizing elements.

Customizing Social Buttons

Hover over Social 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 buttons, connect them to social network accounts, change the color, and rearrange them.

  • Add Networks. Click Add Social Network to add a new social network button. Then, in the Add Social Network pop-up, click the social button you would like to add.

  • Connect Accounts. Hover over a network's name, click Edit, and enter the profile link or name on the pop-up. To open a link in the new tab, turn the toggle on.

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

  • Alignment. Align the button left, right, or center within its placeholder.
  • Size. Drag the resizing control to set the size of Social Buttons.
  • Icon. Click a color square to open the color picker and select the color for the icon.
  • Hover. Click a color square to open the color picker and select the color for the icon hover.
  • Style. Select the social buttons preferable design.

Deleting Social Buttons Element

  • Hover over the social buttons element and click the Delete button [x] in its top-right:

Related Articles