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?

Use the Social Icon element (widget) to display clickable icons that link to your station’s social media channels and apps.

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 (for example, Vimeo, Snapchat, iOS app download, Android app download)
  • Support for multi-tenant sites to drive traffic to tenant-specific social channels
  • Keep social links visible on pages that use infinitely scrolling widgets

Step-by-Step Guide

Add the Social Icon element to your page, sidebar, blog, or contest layout, then enter the link for each channel you want to display:

  1. Facebook: example: https://www.facebook.com/radio88
  2. Twitter: example: https://twitter.com/radio88
  3. SoundCloud: example: https://soundcloud.com/radio88
  4. YouTube: example: https://www.youtube.com/user/radio88
  5. Vimeo: example: https://vimeo.com/user1234567
  6. Instagram: example: https://www.instagram.com/radio88
  7. Snapchat: example: https://www.snapchat.com/add/radio88
  8. RSS Feed: Pulls from your available blog categories and displays an RSS link icon for the selected category (for example, Breaking News).
  9. iOS: Links to your app’s profile page in the Apple App Store (example: 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 (example: https://play.google.com/store/apps/details?id=com.stormyprods.CFNY).
  11. Icon Alignment: Choose left, center, or right.
  12. Icon Size: Choose small, medium, or large.

Examples

Widget Settings

Social Icon Widget Settings Example

Front-End Display

Front-end example of social icons

By following these steps, you can easily add and customize social media links on your website to 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? Social icons help your audience quickly find and follow your station on social platforms. Customizing these icons ensures your brand is represented consistently across all channels. Who Is ...
    • How Do I Add Social Icon Links to My SoCast Website Theme?

      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 Applies to all themes Why Use Polls? Adding a poll to your website helps you better understand your ...
    • How Do I Use the Icon Element in SoCast?

      How Do I Use the Icon Element in SoCast? Who Is This For? This article is for: All users who have access to pages, blogs, contests, or sidebars Applicable to all themes What Is the Icon Element? The Icon element lets you add visual icons (such as ...
    • How Do I Edit the Footer on My Website in SoCast Engage?

      You can edit different parts of your website's footer in SoCast Engage using the following steps: To add or change footer menu items: 1. Log in to SoCast Engage. 2. Navigate to Website > Pages > All Pages > Menu. 3. Change the menu from Primary to ...