How to Add Social Media Icons to Your Website: A Step-by-Step Guide

How to Add Social Media Icons to Your Website: A Step-by-Step Guide

By Michael Chen

January 9, 2025 at 09:45 AM

Adding social media icons to your site allows visitors to easily find and follow your online presence. Here's a complete guide on managing social media icons.

Adding Social Media Icons

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

Black social media icons

Black social media icons

Icon Display Locations

Version 7.1:

  • Header area (default location)

Version 7.0:

  • Header (template dependent)
  • Social media links block (anywhere on site)
  • Home page (varies by layout)

Managing Icons

To change icon order:

  • Drag and drop icons in the panel
  • Icons display left to right (right to left in Flatiron template)

To show/hide icons:

  1. Open Social Media Links panel
  2. Click the account
  3. Toggle "Show social media icon"
  4. Click Save

To delete icons:

  1. Open Social Media Links panel
  2. Click the icon
  3. Select Delete and Confirm

Supported Platforms

Popular platforms include:

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

Additional supported platforms:

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

Note: Generic links display a link icon, while email addresses show an email icon.

Related Articles

Previous Articles