
How to Add and Manage Social Media Icons on Your Website - Complete Guide
Quickly add and manage social media icons on your website to help visitors find and follow your online presence. Here's everything you need to know:
Adding Social Media Icons:
- Open the Social Media Links panel
- Scroll to "Add social media or email link"
- Paste your profile URL or email address
- Press Enter
- Repeat for additional platforms

Row of social media icons
Icon Placement Options:
- Version 7.1: Header area
- Version 7.0: Template-dependent locations
- Social media link blocks: Can be added anywhere
- Homepage pages: Location varies by design
Managing Your Icons:
- Reorder: Drag and drop in the Social Media Links panel
- Hide/Show: Toggle visibility in icon settings
- Remove: Select icon > Click Delete > Confirm
- Style: Customize appearance in the Design panel
Supported Platforms Include:
- X (Twitter)
- YouTube
- TikTok
- Snapchat
- Discord
- Twitch
- Threads
- And 30+ more major platforms
Important Tips:
- Use complete profile URLs (e.g., http://instagram.com/yourhandle)
- Changes apply site-wide
- Email addresses show as mail icons
- Unrecognized URLs display as generic link icons
- Icons appear left-to-right in most templates (right-to-left in Flatiron)
For legacy accounts connected before March 21, 2019: Delete and re-add social media links in the Social Media Links panel to access all visibility controls.
Related Articles

How to Select and Customize Your Squarespace Template: A Complete Guide
