Add Social Media Icons: A Step by Step Guide to Showcase Your Profiles

Add Social Media Icons: A Step by Step Guide to Showcase Your Profiles

By Michael Chen

January 9, 2025 at 07:43 AM

Here's a clear guide on adding social media icons to your website.

Add Social Media Links and Icons

To add social media icons to your website:

  1. Navigate to "Social Media Links" menu
  2. Enter the social media URL or email address in the field
  3. Press enter to add each link
  4. Rearrange icons by dragging and dropping them in the menu

Squarespace Social Media Icons

Squarespace Social Media Icons

Where Icons Appear

  • Version 7.1: Always in website header
  • Version 7.0: Location varies by template
  • Social link blocks: Can be added anywhere blocks are supported
  • Cover pages: Placement varies by layout

Managing Icons

To control icon visibility:

  1. Open "Social Media Links" menu
  2. Click the account to edit
  3. Toggle "Show Social Media Icon"
  4. Click Save

To remove an icon:

  1. Open "Social Media Links" menu
  2. Click the icon to remove
  3. Select "Remove" and confirm

Supported Platforms

Popular platforms include:

  • Facebook
  • Instagram
  • X (Twitter)
  • LinkedIn
  • YouTube
  • TikTok
  • Pinterest
  • Spotify
  • Apple Podcasts
  • Discord
  • GitHub
  • Reddit
  • Snapchat
  • Twitch
  • Vimeo

Additional features:

  • Generic link icon for unrecognized URLs
  • Email icon for email addresses
  • Customizable icon appearance through Design menu
  • Synchronized display across all website areas
  • Option to hide/show individual icons

Note: For accounts connected before March 21, 2019, manage visibility through Connected Accounts menu or re-add them via URLs in Social Media Links.

Related Articles

Previous Articles