1. Knowledge Base
  2. Website & Domains

All About Social Media Links

How to add and change the design of social links that appear on your site.

If you’re a social media savvy business owner, you know the importance of having your social pages linked on your website. This article will go over how to add and update the social links on your page.

How to Add Social Links

  1. Log in to your dashboard.
  2. Click on “Site” on the left-hand side, and then click on the “Edit” button that appears under My Websites.
  3. Once you have your site open, you can add social links using two different methods.

Add Social Links to Your Header

Change your header to include social media:

  1. To change your header, first hover over the header section of your website. It will turn gray when it’s highlighted; go ahead and click on it.
Screen Shot 2019-03-05 at 11.54.32 AM

Screen Shot 2019-03-05 at 11.55.14 AM

2. On the left-hand side, a toolbar will appear where you will have the option to change your header design.

Screen Shot 2019-03-05 at 11.56.10 AM

3. When you click on “Change Header,” a window will pop up where you can select from various options. Be sure to click on one with social media icons in it.

Screen Shot 2019-03-05 at 11.57.20 AM

And there you are! Once you click on the header of your choosing, it will appear on your website. Learn how to edit the links that do/don’t appear below.

Add a Social Widget

Click on any segment of your website and then drag the “social” widget over to where you’d like it to be.

Screen Shot 2019-03-05 at 11.59.43 AM

Screen Shot 2019-03-05 at 12.00.27 PM

4. To edit which icons appear, find the platform in the dropdown menu and click on the slider to turn it on or off.

Screen Shot 2019-03-05 at 12.01.24 PM

5. Make sure that you add the Link URL so that the page will pop up when your clients click on it.

Screen Shot 2019-03-05 at 12.02.19 PM

And that’s it! Now, let’s learn how to customize the appearance of these icons.

How to Change Social Link Designs

If you’re looking to change your social media icons from their original logos to a cohesive design that fits your site, then you’ve come to the right place! This article will go over how to change the color and appearance of the social media logos on your website.

1. Once you’ve added your social media to either your header or to another part of your website, click on the section that contains them.

Screen Shot 2019-03-05 at 12.04.41 PM

2. On the left-hand side, click on “Style Edit.” A menu should appear below.

Screen Shot 2019-03-05 at 12.06.14 PM
  • Click on “Icon Size” to change how big or small the logos will be.

Screen Shot 2019-03-05 at 12.07.21 PM
  • Click “Custom Color” to change all of the icons to the color of your choice.
Screen Shot 2019-03-05 at 12.08.35 PM

Screen Shot 2019-03-05 at 12.09.17 PM
  • Click “Standard Icons” to revert them to their original appearance.
Screen Shot 2019-03-05 at 12.10.21 PM
  • Change the Alignment to move the icons to one side or the other.
Screen Shot 2019-03-05 at 12.11.10 PM
  • Click on “Icon Style” to change the borders of the icons

If you choose one of the “Knockout” options, you will have the option to choose a filler color for the icons. Make sure that the opacity at the bottom is adjusted so the color will be visible.

Screen Shot 2019-03-05 at 12.12.12 PM

3. Press “Save” to add your new icons to your website!

Screen Shot 2019-03-05 at 12.13.39 PM-1

And there you have it! As always, remember to hit "Save" and "Publish" to finalize these new additions to your website.

Screen Shot 2019-03-05 at 11.50.35 AM