Skip to content

Embed Codes

EnaCast generates embed codes: an <iframe> you paste into any other website (the town council’s, a blog, a contributor’s own site) to show your station’s content and let people listen right there, without leaving that page.

The quickest way is to copy it from your station’s website. On these pages the Share menu has a Copy embed option that shows the code ready to paste:

WhereWhat it embeds
A program’s pageThe program’s episode list
An episode’s pageThe episode player
Each section of an episode (the list of sections)A player for that section alone
A regular section’s pageThe section’s latest broadcasts
A person’s pageThe latest broadcasts of all their sections

The other embeds (news, schedule, latest episodes, live) have no button: write the address as explained below.

Every address starts with your station’s website domain followed by /embeds/:

  • with your own domain: https://www.yourradio.com/embeds/...
  • without one: https://yourstation.enacast.com/embeds/... (where yourstation is your station’s identifier)

In the examples below, replace yourdomain.com with yours. Addresses always end in / before the parameters (.../?count=5).

A program’s episode list, with a player on each episode and pagination.

<iframe
src="https://yourdomain.com/embeds/podcast/PROGRAM/?count=10"
width="100%"
height="600"
frameborder="0">
</iframe>

PROGRAM is the program’s identifier, the one in its address (/podcasts/PROGRAM/). Own parameters: count (1 to 50, 10 by default), page, and images, date, duration, description, header and pagination, which =false hides.

A card with an episode’s player.

<iframe
src="https://yourdomain.com/embeds/podcast/PROGRAM/EPISODE/"
width="100%"
height="400"
frameborder="0">
</iframe>

EPISODE is the last part of the episode’s address (/podcasts/PROGRAM/EPISODE/). Own parameters: autoplay=true, and description, duration and date, which =false hides.

The episode player with its list of sections: clicking one jumps the audio to that point.

<iframe
src="https://yourdomain.com/embeds/podcast/PROGRAM/EPISODE/markers/"
width="100%"
height="500"
frameborder="0">
</iframe>

images, description and timestamps can be hidden with =false.

Only one part of the episode: it starts where the section starts and stops where it ends. Ideal for sharing an interview or a single topic.

<iframe
src="https://yourdomain.com/embeds/podcast/PROGRAM/EPISODE/markers/SECTION/"
width="100%"
height="280"
frameborder="0">
</iframe>

Copy the code from the section, in the episode’s list of sections. Own parameters: autoplay=true and description=false.

The latest broadcasts of a regular section as a list: each one plays only its part of the episode, and Play all plays them in a row.

<iframe
src="https://yourdomain.com/embeds/sections/PROGRAM/SECTION/?count=5"
width="100%"
height="520"
frameborder="0">
</iframe>

count is the number of broadcasts (1 to 20, 10 by default).

The latest broadcasts of all of a person’s sections together, newest first, each labelled with its section. Handy for a contributor’s own website or blog.

<iframe
src="https://yourdomain.com/embeds/people/PERSON/?count=5"
width="100%"
height="520"
frameborder="0">
</iframe>

PERSON is the last part of their page’s address (/people/PERSON/). count 1 to 20, 10 by default.

The latest episodes of every program, or of one:

<!-- Every program -->
<iframe
src="https://yourdomain.com/embeds/podcasts/episodes/?count=5"
width="100%"
height="500"
frameborder="0">
</iframe>
<!-- One program -->
<iframe
src="https://yourdomain.com/embeds/podcasts/episodes/PROGRAM/?count=5"
width="100%"
height="500"
frameborder="0">
</iframe>

count 1 to 20 (5 by default); images, date, duration and description are hidden with =false.

The latest published news, all of it or one tag’s:

<iframe
src="https://yourdomain.com/embeds/news/?count=5"
width="100%"
height="460"
frameborder="0">
</iframe>

For one tag, add tag=TAG (.../embeds/news/?tag=culture&count=5). count 1 to 20 (5 by default); images and date are hidden with =false.

One day’s schedule, with the program on air highlighted and buttons for the previous and next day.

<iframe
src="https://yourdomain.com/embeds/schedules/"
width="100%"
height="750"
frameborder="0">
</iframe>

It shows today by default. Own parameters: day (0 = Sunday … 6 = Saturday), week and year; description and badges (the status labels, such as the one on the program on air) are hidden with =false.

A compact player for the live stream, with the station’s logo and name.

<iframe
src="https://yourdomain.com/embeds/player/modern/"
width="100%"
height="200"
frameborder="0">
</iframe>

Every embed accepts these parameters at the end of the address (?theme=dark&background=transparent):

ParameterValuesWhat it does
themeauto (default), light, darkLight or dark colours; auto follows the device’s preference
backgroundauto (default), light, dark, transparentThe background; transparent shows your website’s
targetblank (default), selfLinks open in a new tab, or in the same page with self

Embeds use your station’s primary colour automatically.

Always use width="100%": the embed adapts to the width you put it in, on phones too. The height does not adjust itself; these are the recommended ones:

EmbedRecommended height
A program’s episodes600px (10 episodes)
One episode400px
An episode’s sections500px
One section of an episode280px
Regular section or person520px (5 broadcasts)
Latest episodes500px (5 episodes)
News460px (5 items; about 75px each)
Schedule750px (about 90px per program)
Live200px

Embedding content inside an EnaCast news article

Section titled “Embedding content inside an EnaCast news article”

Inside a news article you don’t need an iframe: the text editor has buttons to insert an episode or a section of an episode, a YouTube video, a post from X, a PDF or an interactive chart (Interactive content).

  • Test the embed on a test page before publishing it.
  • If an episode, section or person no longer exists, the embed shows a short “Not found” instead of the content.
  • If the embed does not show, check that your website allows iframes from another domain (some content management systems block them by default).

If you have questions, contact technical support at support@enacast.com