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

Add social links to display social icons to your visitors, helping them find you wherever you maintain a presence on the web. Icons include logos for many common platforms, like Facebook, Instagram, and Twitter. You can also add link or mail icons that lead to any website or email address.

In this guide, you’ll learn how to add, style, and manage your social icons. You can add icons to:

  • Templates with built-in social icons
  • Social Links Blocks
  • Cover Pages

See a list of supported platform logos.

Tip: To authorize an account for sharing content, like pushing to Facebook or displaying your Instagram posts, follow the steps in Connecting social accounts instead.

Here’s an example of social icons in the footer of a site:

built-in social icons

Step 1 - Add social icon links

Add links to the Social Links panel to display social icon across your site.

  • If we recognize the platform based on the URL, we’ll display an icon with the platform’s logo.
  • If the link is from a page or service we don’t recognize, it’ll be represented by a link icon.
  • If the link is an email address, it’ll be represented by a mail icon.

To add a link:

  1. In the Home Menu, click Settings.
  2. Click Social Links.
  3. Scroll down to the Add a social link or email box.
  4. Copy and paste a URL for a profile page or an email address into the box. For example, for Instagram, copy and paste the full URL for your Instagram profile, like http://instagram.com/yourhandle.
  5. Press Enter.
  6. Repeat this step for each icon you want to add.
  7. To change the order in which the icons display, drag and drop the accounts in the panel.
Tip: We launched the Social Links panel on March 21, 2019. If you authorized accounts in the Connected Accounts panel before then, they’ll automatically appear in the Social Links panel. To adjust their visibility from the Social Links panel, remove the link and re-add it.

Step 2 - Manage icons

All links in your Social Links panel appear as built-in social icons, if your template supports them, and in the Social Links Block. You can open the Social Links panel to add or edit your icons from either area. Any changes you make to either area are reflected across your site.

Built-in social icons

Built-in social icons appear in some templates as part of the template’s design. You can adjust the design of these icons in Site Styles.

To edit your icons from here, hover over the social icons and click Edit. The Social Links panel will open on the left.

To learn more, visit Built-in social icons.

Social Links Blocks

Social Links Blocks are available in all templates, anywhere that you can add a block. You can adjust the look of this block in its settings.

To edit your icons from here, open any page with a Social Links Block, then hover over the block and click Edit. The Social Links settings will open as a pop-up on the page.

To learn more, visit Using Social Links Blocks.

Cover Pages

All Cover Pages can display social icons and the placement varies by layout.

To edit icons from here, open the Cover Page, hover over the social icons, and click Edit Social Icons. The Social Links panel will open on the left.

To learn more, visit Adding content to a Cover Page.

Step 3 - Set icon visibility

After adding a link, decide whether you want the icon to be visible or hidden.

  1. Open the Social Links panel.
  2. Click the account you’d like to edit.
  3. Check or un-check Show Social Icon.
  4. Click Save.

You’ll now see a Hidden or Visible label under that service’s name in the panel. This applies to all icons site-wide.

Remove an icon

To remove an icon site-wide:

  1. In the Home Menu, click Settings.
  2. Click Social Links.
  3. Click the icon you’d like to remove.
  4. Click Remove, then click Confirm.
Tip: To only remove icons from a certain area, you can hide built-in social icons or delete the Social Links Block.

Available platform logos

These logos automatically display when you add a URL from that platform in Social Links. All other links show as generic link icons:

  • Apple Podcasts (To learn more about integrating with Apple Podcasts, visit Podcasting with Squarespace overview.)
  • Bandsintown
  • Behance
  • CodePen
  • Dribbble
  • Flickr
  • Foursquare
  • GitHub (If you're using the Squarespace Developer Platform and are looking for more help with Git, visit our Developer Documentation.)
  • Goodreads
  • Google Play
  • Houzz
  • IMDb
  • Instagram
  • iTunes (For help finding a link to a podcast or other page on iTunes visit iTunes Link Maker.)
  • Medium
  • Meetup
  • Pinterest
  • Reddit
  • SmugMug
  • Snapchat
  • SoundCloud
  • Spotify
  • Stitcher
  • The Dots
  • Tidal
  • TripAdvisor
  • Tumblr
  • Twitch
  • Twitter
  • Vevo
  • Vimeo
  • VSCO
  • Yelp
  • YouTube

Troubleshooting

My social link doesn’t have a “Show Social Icon” setting

If you authorized social accounts in your Connected Accounts panel before March 21, 2019, we automatically duplicated them in your Social Links panel. However, you’ll still control the visibility for that icon in the Connected Accounts panel.

To control the icon’s visibility in Social Links instead, remove it from the Social Links panel, then add it again using the profile URL link.

Was this article helpful?
67 out of 219 found this helpful