How to add social icons to your website

Social icons are a great way to encourage your customers to visit your social media profiles. This will give them the option to learn more about your company and what you are all about. In addition to this if they choose to follow you you can keep them updated on offers and news as it happens. 

We do have some free social icons available on our blog for you to use on your website and in this guide we will be looking at how to add them on to your site.

How to add the icons to your site

Firstly head over to our free icons blog to get the choose the ones you need and get the code. To add your icons to your site you will need to highlight the code next to the icon you would like and copy this.

To then add this icon as a HTML Fragment to your site please follow the steps below:

  1. Log in to your Create account.
  2. Go to your “Content” on the Top Menu.
  3. Click “HTML Fragments” in the left-hand menu.
  4. Click the “Add New HTML Fragment” button at the top of the screen.
  5. In the “Description” box enter the name of your HTML Fragment.
  6. Paste your HTML code into the “HTML” box.
  7. Click the “Save HTML Fragment” button.

Please note: before copying and pasting the code below you will need to replace the word “PLACEHOLDER” with the URL of your Facebook or Twitter page. This URL can be found in the address bar at the top of your page. So, for example, if your Twitter username was '@thecakeshop', you would replace 'www.twitter.com/PLACEHOLDER with 'www.twitter.com/thecakeshop' so that the button directs to the right page.

Once you have added this HTML Fragment you will then need to add this to your page. To do this please follow these instructions:

  1. Go to your “Design” screen on the Top Menu.
  2. Turn “Edit Mode” on in the Design Screen Toolbar.
  3. Click “Edit” where you would like the icon to appear.
  4. Click the “HTML” button in the Editor Toolbar.
  5. Choose your HTML Fragment from the drop-down list.
  6. Click “Insert”.
  7. Save your changes and republish your site

Have you seen our Instagram account yet? Give us a follow and keep up to date with all exciting events and promotions. Got a question? Not a problem, simply contact your Account Manager who is on hand to help at any time.

Create your store now with a free 30 day trial.

Start your free trial