The Social Follow and how you can use it to design your landing page

After you start defining your landing page Structure, you should also begin adding Elements to it. One of the available element types that you can use in your landing pages is the Social Follow.

Let's see how you can add one to your structure: 

A. Adding a Social Follow element

1. Click on the Elements button, located on the left side of your Editor page.social_follow_landing_page_1.png


2. Drag and drop the Social Follow element to the Container of your choice.social_follow_landing_page_2.png


B.  Connecting your Social Media Accounts

You can remove any unnecessary social media icons and connect the remaining ones to your social media accounts.
1. Click on the Social Follow element inside your design.

Its settings instantly come up on the left side of your Landing Page Designer page. Further, hovering over the Social Follow element you have added will produce a toolbar that allows you to RemoveMove, or Duplicate the Social Follow Element, or reveal its settings to the left of the Designer page.


2. Click directly on a social media icon, on the Social Settings field, to remove from or add it back to your design.social_follow_landing_page_4.png

Removed icons are colored white, whereas active icons are colored blue.

3. Copy each of your social media addresses and paste them into the relevant fields.


C. Customizing the Social Follow element

1. Click on the Background Color field of the Social Settings to select the color that best fits your current design out of a color palette.social_follow_landing_page_5.png

The default option is for a transparent background as that is usually the best fit, but the choice is there if you ever need it.

2. Click on the up/down arrows on the Spacing field of the Social Settings to change the spacing between the social media icons in your design. 


3. Select the preferred alignment for your icons from the Alignment drop-down list.

Your choices are Left, Center, and Right.

4. Select the preferred icon style option from the Icon Style drop-down list.

There are several icon style options, so it is worth looking into which one works best for your design.