How to implement and customise the iFrame Beta for your radio show?

An iframe acts like a window on a website, displaying content from elsewhere. With Syndicast’s simple code, you can embed a list of radio stations subscribed to your show directly on your website. This allows visitors to easily find where they can tune in to your show on the radio.

Adding iFrame Beta to your website

If you’re interested in adding this to your site, follow this guide:

  1. Log in to Syndicast at app.syndicast.co.uk and navigate to your show’s page by going to SHOW | PODCAST > RADIO SYNDICATION > My show(s).
  1. Click on the SETTINGS button.
blank
  1. In the radio show’s datasheet, scroll to the “SUBSCRIPTION IFRAME” section and click on the arrow.
blank
  1. Here, you have some customisation options. Choose between a light or dark version, based on your preference.
blank

Example of light mode:

blank

Example of dark mode:

blank
  1. Once you’ve made your selection, copy the iframe code.
blank
  1. Paste this code into your website. If you’re unsure how, consider asking your developer or someone with website expertise.

Customisation in code

Currently, we’re offering the beta version of the iframe, which allows for limited customization. Here’s a sample of the code:

<iframe width=”100%” height=”252″ style=”border: 2px solid black; border-radius: 10px” src=”https://tessst.domain.com/shows/syndicast-radio-show/subscription-statistics-iframe?mode=dark”></iframe>

Customisation Options:

a. Border Style: The section style=”border: 2px solid black; refers to the frame’s border. It’s set at 2 pixels, solid, and black. 

You can:
-Adjust “2px” to change the border’s thickness.
-Opt for styles like “dotted” or “dashed” in place of “solid”.
-Use colours like “red” or “blue” instead of “black”.

b. Border Corners: The border-radius: 10px part determines the roundness of the frame’s corners. They’re currently set to a mild curve of 10 pixels. 

You can:
-Increase the value for more rounded corners.
-Decrease it for a sharper look.

We value your feedback. If you have any thoughts or suggestions, please don’t hesitate to share.

Table of Contents