Website Building » Squarespace » How Do I Show Social Icons on Squarespace?

How Do I Show Social Icons on Squarespace?

Last updated on December 30, 2022 @ 6:37 pm

As a business owner, you know that social media is a powerful tool to reach new customers and grow your brand. And as a Squarespace user, you know that Squarespace makes it easy to create a beautiful website. But how do you add social media icons to your Squarespace website?

The good news is that it’s easy to add social media icons to your Squarespace website. There are two ways to do it:

Option 1: Use a Social Media Icon Widget

One way to add social media icons to your Squarespace website is to use a widget. A widget is a piece of code that you can add to your website to display content from another source. In this case, you can use a widget to display social media icons on your Squarespace website.

PRO TIP: If you are considering adding social media icons to your Squarespace website, be aware that there are some potential risks. First, because social media platforms are constantly changing, your icons may become outdated or no longer work if the platform makes a change that is not compatible with Squarespace. Additionally, if you do not have the correct license for the icons you use, you could be opening yourself up to legal action. Finally, adding too many social media icons to your website can make it look cluttered and can actually deter visitors from interacting with your content. If you do decide to add social media icons to your Squarespace website, be sure to research the risks and benefits carefully.

There are many different social media icon widgets available. Some are free, while others are paid.

To find a widget that meets your needs, do a search for “social media icon widget” on your favorite search engine. Once you’ve found a widget that you like, follow the instructions on the widget site to add the widget to your Squarespace website.

Option 2: Add Social Media Icons Manually

If you’re comfortable working with code, you can add social media icons to your Squarespace website manually. This option gives you more control over how the icons look and where they’re located on your website.

To add social media icons manually, you’ll need to edit the code of your Squarespace template. Don’t worry – this is easier than it sounds. Just follow these steps:

  1. Log in to your Squarespace account and go to the Home Menu.
  2. (For Version 7.0) In the Design section, click Custom CSS.
  3. (For Version 7.1) In the Design section, click Advanced, then Custom CSS.
  4. (For Version 6) In the Website Management section, click Advanced, then Code Injection.
  5. In the Header box, paste the code below and click Save:
  6. <style>  
    .social-icons {  
    display: inline-block;  
    font-size: 16px;  
    }

    .social-icons a {  
    color: #333;  
    text-decoration: none;  
    padding: 8px;  
    </style>
  7. In the Footer box, paste the code below and click Save.

<div class="social-icons">           
<a href="#" Target="
_blank"><
i class="fa fa-facebook-square">
Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.