Social Buttons

Last Updated:

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

Social Buttons feature can be placed into different blocks of page via Drag & Drop.

Follow these steps to add Social Buttons feature to your site:

1. Click BUILD in the left-hand sidebar of the Hello Website Builder:

2. Drag the Social Buttons 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 its top right-hand corner and be able to modify the layout and design.

Layout Tab

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 the social network account

To connect the 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 the profile name or 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:

Design tab

Design tab of the Settings dialog allows you to change:

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

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

Size: drag to set the size of Social Buttons.

Icon: Click color square to open color picker and select color for the icon.

Hover: Click color square to open color picker and select color for the icon hover.

Changing Style

Select the Social Buttons preferable design:

Deleting Social Buttons

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

The feature will be removed immediately.