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.