How Do I Use the Social Icon Element to Add Social Media Links to My Website?

How Do I Use the Social Icon Element to Add Social Media Links to My Website?

How Do I Use the Social Icon Element to Add Social Media Links to My Website?

Who Is This Article For?

  • All users with access to pages, blogs, contests, and sidebars
  • Applicable to all themes

Key Features

  • Drive traffic to supported social channels
  • Link to channels not previously supported (e.g., Vimeo, Snapchat, iOS app download, Android app download)
  • Support for multi-tenant sites to drive traffic to tenant-specific social channels
  • Easy access for users on pages with infinitely scrolling widgets

Step-by-Step Guide

Use the Social Icon widget to display icons that link directly to your social media channels. Add the appropriate link for each social network you want to display:

  1. Facebook: (e.g. https://www.facebook.com/radio88)
  2. Twitter: (e.g. https://twitter.com/radio88)
  3. SoundCloud: (e.g. https://soundcloud.com/radio88)
  4. YouTube: (e.g. https://www.youtube.com/user/radio88)
  5. Vimeo: (e.g. https://vimeo.com/user1234567)
  6. Instagram: (e.g. https://www.instagram.com/radio88)
  7. Snapchat: (e.g. https://www.snapchat.com/add/radio88)
  8. RSS Feed: Pulls from your available blog categories and shares an RSS link icon for the selected category (e.g. Breaking News).
  9. iOS: Links to your app’s profile page in the Apple App Store (e.g. https://itunes.apple.com/ca/app/102.1-the-edge/id382876999?mt=8).
  10. Android: Links to your app’s profile page in the Google Play Store (e.g. https://play.google.com/store/apps/details?id=com.stormyprods.CFNY).
  11. Icon Alignment: Choose the alignment of your social icons: left, center, or right.
  12. Icon Size: Choose the size of your social icons: small, medium, or large.

Example of Social Icon Widget Settings:

Social Icon Widget Settings Example

Front-End Example:

Front-End Example of Social Icons

By following these steps, you can easily add and customize social media links on your website, helping drive audience engagement and promote your station’s digital presence.

    • Related Articles

    • How Do I Add or Customize Social Icon Links on My Website?

      How Do I Add or Customize Social Icon Links on My Website? Who Is This Article For? All users with 'Manage Website Settings' permissions Applicable to the SoCast 2.0 Theme and Hero 1.0 Theme Overview Social icons are an important part of your website ...

    • How Do I Add Social Icon Links to My Website Theme in SoCast?

      This Article Is For: All users who are SoCast Website Admins, or have access to Social Settings This is applicable to: All Themes These are the instructions for adding 'Social Links' to your website's theme. Step-by-step guide Go to: Social > Social ...

    • How Do I Add and Use the Polls Element on My SoCast Website?

      How Do I Add and Use the Polls Element on My SoCast Website? Who Is This Article For? All users with access to pages, blogs, contests, or sidebars Applicable to all themes Why Use Polls? Adding a poll to your website helps you better understand your ...

    • What Are Elements in SoCast and How Can I Use Them on My Website?

      What Are Elements in SoCast and How Can I Use Them on My Website? An Element is a small, functional block that you can add to your website to enhance its design and structure. Elements are easy to use and can be dragged and dropped into pages, ...

    • How Do I Use the Icon Element in SoCast?

      How Do I Use the Icon Element in SoCast? This Article Is For: All users who have access to pages, blogs, contests, or sidebars Applicable to all themes The Icon element allows you to add visual icons (such as arrows, email symbols, etc.) to your ...