How to Add and Customise Social Links Blocks in Squarespace

Last Edited Time

Jun 25, 2025 09:35 PM

Do not index

Suggested Tag

Squarespace

social links

squarespace customization

Tags Synced

AI summary

Learn to add and customize Social Links Blocks in Squarespace to connect with your audience. Sync links site-wide, customize icons to match your brand, and be cautious when deleting links as it affects all blocks permanently.

Last edited by

Platform

Squarespace

Key Points

Add Social Links Blocks to link directly to your social media profiles

Update social links in one block and they'll automatically sync across your site

Customise your social icons to match your brand's style and colours

Manage all your social links through the Social Links panel for site-wide changes

Be careful when deleting social links as this affects all blocks and can't be undone

Social Links Blocks let you connect your social media profiles directly to your Squarespace site. Most people add these to their footer so they appear on every page, but you can place them anywhere.

Step-by-Step Setup

Add the block: While editing a page, click "Add Block" or an insertion point and select "Social Links"

Open the editor: Click the pencil icon on the block to open the editing options

Add your links: Under the "Content" tab, click "Add social link" and paste in your URL. To edit an existing link, just click on it

Customise the design: Use the "Design" tab to change the shape, alignment, size, and colour of your icons

Customisation Options

The default social icons might not match your brand, so here's how to make them fit your site's look.

Design Changes You Can Make

Shape and borders: Choose from no border, square, circle, or rounded square. You can also adjust border thickness

Alignment: Position your icons left, centre, or right within the block

Size and colour: Pick from XS to XL sizing, and change colours to match your brand

Here's where you need to be careful. When you delete a social link, it disappears from every Social Links Block across your entire site. There's no undo button.

How to Remove Links

Open the block editor: Click "Edit" on your page, then the pencil icon on the Social Links Block

Delete the link: Select the social link you want to remove, click "Delete Social Link", then confirm by clicking "Delete"

Pixelhaze Tip: Before deleting any social link, check how it looks across your whole site. These icons often get more clicks than you'd expect, so make sure you really want to remove them.

Common Questions

Can I show different social icons on different pages? No, all Social Links Blocks show the same icons site-wide. This keeps things consistent across your site.

How do I change the look of my social icons? In the block editor, use the "Design" tab to adjust shape, alignment, size, and colours.

What happens when I delete a social link? It disappears from every Social Links Block on your site permanently. No going back, so be sure before you delete.

Quick Definitions

Blocks: Building blocks where you add different content like text, images, or social links

Customisation: Changing how things look and work to match your brand

URL: The web address of your social media profile (like facebook.com/yourpage)

Wrapping Up

Social Links Blocks are one of the simplest ways to connect your website visitors with your social media. They sync across your entire site, so you only need to set them up once. Just remember to think twice before deleting any links, as you'll lose them everywhere on your site.

The customisation options mean you can make them look exactly how you want, whether that's subtle and minimal or bold and eye-catching. Most importantly, they help people find and follow you on social media, which is often where the real engagement happens.

How to Add and Customise Social Links Blocks in Squarespace