How to Add and Manage Social Media Icons on Your Website

How to Add and Manage Social Media Icons on Your Website

By Michael Thompson

January 9, 2025 at 09:45 AM

Social icons allow your website visitors to find and connect with your online presence across different platforms. Here's how to add and manage them effectively:

Adding Social Icons

  1. Open the social links panel
  2. Enter your profile URL or email in the "Add a social link or email" field
  3. Press Enter
  4. Repeat for additional platforms
  5. Drag icons to reorder them (displays left to right, except in Flatiron template)

Icon Placement

  • Version 7.1: Always appears in site header
  • Version 7.0: Varies by template
  • Cover Pages: Position depends on layout
  • Social Link Blocks: Can be added anywhere blocks are allowed

Social media icons

Social media icons

Managing Icons

To modify visibility:

  1. Open social links panel
  2. Click the account
  3. Toggle "Show social icon"
  4. Click Save

To remove an icon:

  1. Open social links panel
  2. Click the account
  3. Select Remove
  4. Confirm deletion

Supported Platforms

Popular platforms include:

  • Facebook
  • Instagram
  • X (Twitter)
  • LinkedIn
  • YouTube
  • TikTok
  • Pinterest
  • Snapchat
  • Threads
  • Discord

Additional supported platforms:

  • 500px
  • Apple Podcast
  • Bandsintown
  • Behance
  • CodePen
  • Dribbble
  • Flickr
  • GitHub
  • Goodreads
  • Google Play
  • Houzz
  • IMDb
  • Medium
  • Meetup
  • Reddit
  • SmugMug
  • SoundCloud
  • Spotify
  • Stitcher
  • The Dots
  • Tidal
  • TripAdvisor
  • Tumblr
  • Twitch
  • Vevo
  • Vimeo
  • VSCO
  • Yelp

Note: For links from unrecognized platforms, a generic link icon will display. Email addresses will show an email icon.

Related Articles

Previous Articles