Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Displaying social icons

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

These templates have built-in social icons. After connecting your accounts, social icons will display automatically. Their design may vary between templates.

Templates are grouped by family.

Template Where they display
Avenue Footer
Aviator, Aubrey Top-right or bottom-center, depending on the layout.
Brine, Aria, Basil, Blend, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West Header
Farro, Haute Header
Five Header and/or Footer
Flatiron Footer 
Forte Header
Ishimoto Footer
Momentum Footer 
Montauk, Julia, Kent, Om Info Footer 
Native Footer
Skye, Foundry, Indigo, Ready, Tudor Header
Supply Navigation sidebar
Tremont, Camino, Carson, Henson Header
Wells Navigation sidebar
Wexley Footer

In some templates, the demo content 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 header or footer.

For example, Bedford and Hayden don’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 built-in, removable Social Links Blocks in their footers. 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

If your template has built-in icons, repeat these steps for each social icon you want to add to your site.

Step 1 - Connect an account

In the Home Menu, click Settings, and then click Connected Accounts.

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:

  1. In the Link Title box, enter text to display when hovering over the social icon. (For example, Twitter or Follow me @Yourname.)
  2. Find your profile’s URL (for example, your Yelp page’s URL), and paste it in the URL box.
  3. The account will appear in the Connected Accounts list.

Step 4 - Check social icon

Social icons are set to display by default. To ensure they display:

  1. In Connected Accounts, click on the account to open its settings.
  2. Ensure Show Social Icon is checked.
  3. Click Save.

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:

  1. In the Home Menu, click Settings, and then click Connected Accounts.
  2. Click and drag the accounts in the panel to rearrange them.

Hide social icons

Hide all built-in icons

To hide built-in social icons, which display in most templates:

  1. In the Home Menu, click Design, and then click Style Editor.
  2. Click on the social icons in the site preview.
  3. Uncheck Show Social Icons.
  4. Click Save.

This won't hide social icons that display in the Social Links 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. 

  1. In the Home Menu, click Settings, and then click Connected Accounts.
  2. Click on the icon you want to hide.
  3. Uncheck Show Social Icon.
  4. Click Save.

Style social icons

You can change the shape, size, and color of the icons in the Style Editor.

  1. In the Home Menu, click Design, and then click Style Editor.
  2. Click on the social icons in the site preview.
  3. Change the style of the icons using the style tweaks that appear.
  4. Click Save.

The style tweaks for social icons vary by template but usually include:

Social Icon Style

Change the shape of the social icons. Options usually include:

  • Round
  • Square
  • Normal - The default shape of the service's branding. For example, the Facebook icon will be in the shape of an "f."
Social Icon Color Change the background color
Column Width Change the size

Social icons on Cover Pages

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

  1. Ensure all services are connected in Connected Accounts.
  2. In the Home Menu, click Pages, and then click your Cover Page.
  3. Click Branding & Text.
  4. Check Display Social Icons.

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?
45 out of 145 found this helpful
Displaying social icons