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 a Clickable PDF Link to a Page in SoCast?

      How Do I Add a Clickable PDF Link to a Page in SoCast? Who Is This Article For? All users with access to Pages Applicable to all themes Follow these instructions to add a clickable PDF link to a page, blog post, or other content area in SoCast. ...

    • 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 ...

    • 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 you can add to your website to enhance its design and structure. Elements are easy to use and can be dragged and dropped into your pages, ...