How to Add and Customize Social Media Icons on Your Website

How to Add and Customize Social Media Icons on Your Website

By Michael Chen

January 9, 2025 at 08:44 AM

Adding social media icons to your website helps visitors find and follow your online presence. Here's how to set them up effectively:

Adding Social Media Links

  1. Open the social media Links panel
  2. Scroll to "Add social media or email link"
  3. Paste your profile URL (e.g., http://instagram.com/yourhandle)
  4. Press Enter
  5. Repeat for additional platforms

Row of social media icons

Row of social media icons

Icon Placement Options

  • Site header (Version 7.1)
  • Template-specific locations (Version 7.0)
  • Social media link blocks (any page)
  • Homepage (Version 7.0)

Managing Icons

To edit or rearrange:

  • Drag and drop icons to reorder
  • Hover over icons and click Edit
  • Use the Design panel for styling

Visibility Settings:

  1. Open social media Links panel
  2. Select the account
  3. Toggle "Show social media icons"
  4. Save changes

Deleting Icons:

  1. Open social media Links panel
  2. Click the icon
  3. Select Delete and Confirm

Supported Platforms

Popular platforms include:

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

Additional Features:

  • Email icons for contact information
  • Generic link icons for unsupported platforms
  • Custom styling options via Design panel
  • Site-wide visibility controls
  • Automatic platform logo detection

Note: For accounts connected before March 21, 2019, manage visibility through the Connected Accounts panel or re-add them through the social media Links panel.

Related Articles

Previous Articles