How Do I Set Up a Player Skin in SoCast?

How Do I Set Up a Player Skin in SoCast?

How Do I Set Up a Player Skin in SoCast?

Info This Article Is For:
  • All users with the 'Manage Website Settings' permission
  • Applicable to all themes
  • Settings below are based on the "Basic Music" skin
  • Available skins include: Basic, Basic Music, and Music 1.0
Note Note: The Radioplayer skin and Music 1.0 skin are not available for multi-tenant clients.

Navigation: Go to Player > Radio Stream Settings (add a stream) > Edit Skin

Skin Selector

  1. Choose the overall player skin you want to use from the drop-down menu.
    Note: The Premium 1.0 Skin is available at an additional cost. If you are interested, please contact support@socastdigital.com.

Appearance

  1. Player Logo: Set up the station logo that appears on the player. The image must be in JPG, PNG, or GIF format and measure 220px by 50px. If not provided, your account logo will be used.
  2. Default Font: Select a default font for the player.
  3. Text Colour: Use hex color values to select a default color for text and icons.
  4. Highlight Color: Use hex color values to select a highlight color for the player.
  5. Player Area Background Color: Use hex color values to select a background color for the player area.
  6. Site Background Color: Use hex color values to select a background color for the player site.

Song Display

Set the images that will display if album art is not available from iTunes:

  1. Last Played Placeholder Image: The image must be a JPG, PNG, or GIF and exactly 100px by 100px.
  2. Placeholder Background Colour: If no image is selected above, this solid color will display. It will also appear behind images that are not the correct aspect ratio or size.
  3. iTunes Affiliate ID: Add your iTunes affiliate ID to earn a percentage of sales if users purchase singles or albums from iTunes via your site. For more information about the iTunes affiliate program, visit Apple's Affiliate Program.
  1. Enter the URLs for your social media profiles (Facebook, Twitter, SoundCloud, YouTube, and Instagram). If a field is left blank, the corresponding social icon will not display on the player.

By following these steps, you can customize your player skin to match your station's branding and enhance your listeners' experience.

    • Related Articles

    • How Do I Set Up the Premium 1.0 Player Skin in SoCast?

      Who Is This Article For? All users with 'Manage Website' permissions Applicable to all themes Requirements The Premium 1.0 Player Skin is a separately licensed SoCast product. To purchase this skin, please contact your SoCast Account Manager. If you ...

    • How Do I Set Up My Player Leaderboard Ad in SoCast?

      How Do I Set Up My Player Leaderboard Ad in SoCast? Who Is This Article For? Users with Advertising Permissions Applicable to: All Themes Important Note Please allow up to 3 hours for ads to start displaying correctly before contacting Google DFP ...

    • How Do I Add Custom JavaScript To The SoCast Engage Web Player?

      Log in to SoCast Engage. Go to Player > Radio Stream Settings. Click the Edit Skin button for the stream you wish to edit. Scroll down to the Custom HTML section. Paste your JavaScript code (such as Adswizz listener ID scripts) into the Footer ...

    • What Are the Specifications for the Premium 1.0 Skin Player?

      What Are the Specifications for the Premium 1.0 Skin Player? Who Is This Article For? All users with 'Manage Website' permissions Applicable to: All themes Requirements This is a separately licensed SoCast product. To purchase this skin, please ...

    • How Do I Set Up Player Ad Code in SoCast?

      How Do I Set Up Player Ad Code in SoCast? Who Is This Article For? Users with Advertising Permissions Applicable to: All Themes Step-by-Step Guide Go to: http://admin.socastsrm.com/advertising/player Make sure you have generated all the ad units you ...