How to Add and Manage Social Media Icons on Your Website - Complete Guide

How to Add and Manage Social Media Icons on Your Website - Complete Guide

By Michael Thompson

January 9, 2025 at 08:44 AM

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:

  1. Open the Social Media Links panel
  2. Scroll to "Add social media or email link"
  3. Paste your profile URL or email address
  4. Press Enter
  5. Repeat for additional platforms

Row of social media icons

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:

  • Facebook
  • Instagram
  • X (Twitter)
  • LinkedIn
  • YouTube
  • TikTok
  • Pinterest
  • Snapchat
  • Discord
  • Reddit
  • 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

Previous Articles