How To Add Social Media Buttons in Squarespace

 

Displaying social media links on your website has a number of benefits:

  • They creates trust because website visitors can see you have an established presence online.

  • They cross-promote your social media channels helping to build your presence there.

  • They give your website visitors more ways to connect and build a relationship with you. 

How To Display Social Media Links On Squarespace.png
 
 

How To Connect and Display Your Social Media Links on Squarespace

There are a few ways you can display social media icons on your website. This first step is connecting your social media accounts to your Squarespace website. 

To do this, log into the backend of Squarespace and select Settings > Connected Accounts.

Social Media Buttons Squarespace 1.png
Social Media Buttons Squarespace 2.png

Here you will have the option to connect your main social media accounts to your Squarespace website.

Social Media Buttons Squarespace 3-1.png
Social Media Buttons Squarespace 4-1.png

Note: If you ever want to disconnect any of your social media accounts go back into Connected Accounts, select the account you wish to disconnect and a pop up will appear allowing you to do so.

 
Social Media Buttons Squarespace 5.png
 

Once your social media accounts are connected, you can choose where you would like them to display on your website. 

 
Social Media Buttons Squarespace 6.png
 

2: Add Social Links To Your Navigation

To add social media buttons to the header of your website or your main navigation, select Design.

Now select Site Styles. 

 
Social Media Buttons Squarespace 7.png
 

Under Social Icons, choose how you would like your social icons to be displayed.

 
Social Media Buttons Squarespace 8.png
 

Now scroll down or search for 'Header' to bring up your header settings. 

 
Social Media Buttons Squarespace 11.png
 
 

Scroll down to Header:Layout. Where it says 'Social Position' click the downward arrow to select where you would like your social media icons to appear. 

Social Media Buttons Squarespace 9.png
Social Media Buttons Squarespace 10.png

Once you're happy with the positioning, you can come out of Design and your social icons appear in your header.

Social Media Buttons Squarespace 12.png

3: Add Squarespace' Social Links Block

You can also add your social links to any section of your website.

Simply use the tear drop icon to add a new content block.

Social Media Buttons Squarespace 1.png

Search for the content block titled 'Social Links'.

 
Screenshot 2019-06-11 at 19.46.00.png
 

Under the Accounts tab you can select which social media icons you wish to display.

Select the Design tab to adjust the style and look of your social icons

Social Media Buttons Squarespace 2.png
Social Media Buttons Squarespace 3.png

Once you're happy with your settings, select Apply. 

Social Media Buttons Squarespace 4.png

Hit Save. 

The great thing is that you can add these in anywhere on your website from your About Page to your Blog to your Contact page and anywhere else you see fit. 

chloe.png
 
 

Pin It For Later

How To Display Social Media Links On Squarespace.png
How To Connect Social Media To Squarespace2.png

Learn More Squarespace Tutorials