How to Add Social Media Icons To Your Website: A Step-by-Step Guide
Social icons help visitors find and follow your online presence across different platforms. Here's how to add and manage them effectively:
Adding Social Icons
- Open the [Social Links] panel
- Enter your profile URL or email in the [Social Link or Email] field
- Press Enter
- Repeat for additional platforms
- Reorder icons by dragging and dropping within the panel
Icon Display Locations
- Version 7.1: Always shown in site header
- Version 7.0: Varies by template
- Social link block: Can be added anywhere blocks are supported
- Cover pages: Available with varying placement by layout
Managing Icons
To control icon visibility:
- Open [Social Links] panel
- Select the account
- Toggle "Display Social Icon"
- Click Save
To delete an icon:
- Open [Social Links] panel
- Click the icon
- Select [Delete] > [Confirm]
Social Share Button
Supported Platforms
Major platforms include:
- X (Twitter)
- YouTube
- TikTok
- Snapchat
- Discord
- Twitch
- Spotify
- SoundCloud
- GitHub
- Medium
Additional Features:
- Email addresses display as mail icons
- Unrecognized URLs show as generic link icons
- Platform logos display automatically when correct URLs are used
- Icons can be styled through the [Design] panel
- Changes sync across all site locations
Note: For accounts connected before March 21, 2019, manage icon display in the [Connected Accounts] panel or re-add them through the [Social Links] panel for new functionality.