[null, {"document_url": "https://support.squarespace.com/hc/en-us/articles/205814598-Displaying-social-icons", "unformatted_src": "/hc/article_attachments/360003574428/connected_accounts_new_copy.jpg", "src": "https://support.squarespace.com/hc/article_attachments/360003574428/connected_accounts_new_copy.jpg", "formatted_filename": "connected accounts new copy", "alt_text": "connected_accounts_new_copy.jpg"}, null, {"document_url": "https://support.squarespace.com/hc/en-us/articles/205814598-Displaying-social-icons", "unformatted_src": "/hc/article_attachments/360003574448/connected_accounts.jpg", "src": "https://support.squarespace.com/hc/article_attachments/360003574448/connected_accounts.jpg", "formatted_filename": "connected accounts", "alt_text": "connected_accounts.jpg"}, null, {"document_url": "https://support.squarespace.com/hc/en-us/articles/205814598-Displaying-social-icons", "unformatted_src": "/hc/en-us/article_attachments/202337798/test__1_.jpg", "src": "https://support.squarespace.com/hc/en-us/article_attachments/202337798/test__1_.jpg", "formatted_filename": "test"}, null, {"document_url": "https://support.squarespace.com/hc/en-us/articles/205814598-Displaying-social-icons", "unformatted_src": "/hc/en-us/article_attachments/202264977/test__2_.jpg", "src": "https://support.squarespace.com/hc/en-us/article_attachments/202264977/test__2_.jpg", "formatted_filename": "test"}, null, null, {"document_url": "https://support.squarespace.com/hc/en-us/articles/205814598-Displaying-social-icons", "unformatted_src": "/hc/article_attachments/360001229508/social-links-block.png", "src": "https://support.squarespace.com/hc/article_attachments/360001229508/social-links-block.png", "formatted_filename": "social links block", "alt_text": "social-links-block.png", "rendered_width": 641, "rendered_height": 158}, null]


You can display social icons from more than 30 services on your site. Social icons are available on every template, either through built-in social icons or the Social Links Block. Displaying social icons is a great way to encourage visitors to follow and connect with you.

Templates with built-in social icons

The table below shows which templates support built-in social icons and where they display. After connecting your accounts, social icons will display automatically in these templates. Templates are grouped by family.

Display varies by template. In some cases you may need to enable them in Site Styles. For more help, visit your template's guide.

Tip: In some templates, the demo content also includes a Social Link Block.

What if my template doesn't have built-in icons?

If your template doesn’t have built-in social icons, use the Social Links Block. It’s common to place the Social Links Block in the footer or header.

For example, Bedford doesn't have built-in social icons, but you can add them to your site by placing a Social Links Block in the footer.

Some templates, like Galapagos, have removable Social Links Blocks as part of their demo content. When you connect a social account, the icons will appear in the the Social Links Block if you haven't removed the block.

Add social icons

Repeat these steps for each social icon you want to add to your site.

Step 1 - Connect an account

Click Connect Account. In the Connected Accounts menu, select the account to add. Step 2 - Allow permission

Certain services require that you log in and allow Squarespace to access your information. Follow the steps that appear to verify your account. Not all services require this step.

Step 3 - Complete the information

These steps are different for each social account. For specific instructions, visit the guides below.

For most accounts: Step 4 - Check social icon

Social icons are set to display by default. To ensure they display: After following these steps, the service's social icon will display on your site.

Reorder social icons

To change the order in which the icons display:

Hide social icons

Hide all built-in icons

You can hide built-in social icons in Site Styles in most templates:

Built-in social icons can't be hidden in the Flatiron or Native templates.

Hide all Social Links Block icons

To hide all social icons that display in a Social Links Block, delete the block.

Hide some icons

To hide some icons, whether they're built-in or display in the Social Links Block, follow these steps for each icon you want to hide.

Style social icons

You can style the icons in Site Styles.

The style tweaks for built-in social icons vary by template. In all templates you can change the color, size, and style. Some templates have additional options, which may include:

Tip: For a list of your template's options, visit its Site Styles tweaks guide.

Social icons on Cover Pages

Cover Pages are styled independently of a site's template. To add social icons to a Cover Page:

Are my icons built-in?

To figure out if social icons displaying on your site are built-in or a Social Links Block, log into your site and hover over the block.

Built-in social icons show a Connected Accounts annotation: If an annotation doesn't appear, it's probably a Social Links Block. You can confirm this by opening the page or post editor, then hovering over the links. A Social Links annotation appears: Available connected accounts

Squarespace has icon options for these services. Click on a service for its help guide.

More social buttons

There are other social buttons you can add to a Squarespace site:

Was this article helpful? 63 out of 197 found this helpful


Displaying social icons