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

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

  1. Open the [Social Links] panel
  2. Enter your profile URL or email in the [Social Link or Email] field
  3. Press Enter
  4. Repeat for additional platforms
  5. 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:

  1. Open [Social Links] panel
  2. Select the account
  3. Toggle "Display Social Icon"
  4. Click Save

To delete an icon:

  1. Open [Social Links] panel
  2. Click the icon
  3. Select [Delete] > [Confirm]

Social Share Button

Social Share Button

Supported Platforms

Major platforms include:

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

Related Articles

Previous Articles