Social Buttons

What are Social Buttons?

The Social Buttons Feature is a component that allows users to input their social media profile URLs and other subscription options into the website content.

Adding Social Buttons

The Social Buttons Feature can be placed into different blocks of the page via Drag & Drop.

Follow these steps to add the Social Buttons Feature to your site:

1. Click the BUILD in the left-hand sidebar of the Site Editor:

2. Drag the Social Buttons button from the Features Library and drop it onto a placeholder into the desired location to add social buttons to your website page layout:

Customizing Social Buttons

Hover over Social Buttons to display the Edit button in the top right-hand corner and be able to modify the layout and design:

The Layout Tab

The Layout tab of the Settings dialog allows you to add, edit or delete social network buttons, connect them to social network accounts and rearrange them by simple drag-and-drop:

Adding a Network

Add a network to the Social Buttons: click Add Social Network on the Layout tab of the Settings dialog:

In the Add Social Network pop-up, click the social button you would like to add:

The selected button will immediately appear on the website page and on the social networks list in the Layout tab:

Connecting to a Social Network Account

To connect a button to an actual social network account hover over the name of the social network in the Layout toolbar and click the EDIT button.

Enter a profile name or a link into the Link field:

To open a link in the new tab turn the switch on. The social network account will open in a new tab of a website browser.

Rearranging the Social Buttons

You can rearrange social network buttons in the Layout tab of the Settings dialog by simple drag-and-drop:

The Design Tab

The Design tab of the Settings dialog allows you to change:

  • Alignment of the Social Buttons
  • Button size
  • Icon and hover colors
  • Button style

Alignment: align Social Buttons to the left, center, or right:

Size: drag 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:

Changing the Style

Select the Social Buttons preferable design:

Deleting Social Buttons

To delete Social Buttons hover over them and click the Delete button [x] that appears in the top right-hand corner:

The feature will be removed immediately.