Embedding a podcast player on your existing website is a key way to drive new listeners and grow your audience. All podcasts created on Jellypod include a built-in embed player, making it super simple to get started.
All you have to do is copy the provided Embed Code and add it into the html of your website.
For a quick overview of how to use the embed player, watch this video:
The embed player, by default, will show the most recent episode published on your podcast. As you publish more episodes, your player will automatically update.
Displaying a Specific Episode
If you want to embed a specific episode on your own website, go to the episode you want to embed, click the share button, and copy the embed code here.
The code is essentially the same but it just includes your episode's unique ID as ?episode=<id> in the URL within the iframe.
Customizing the Theme
We provide 8 default themes that can be selected when copying your embed player code. These themes can be used to style your embed player to match your website's colors.
If you want more flexibility in the specific colors, you can provide hex colors (e.g. #efaefa) in the query parameters in the embed code. The four colors you can specify are:
primary_color
secondary_color
tertiary_color
background_color
You should specify a color for all four values for best results. If one of the above color values is not provided, we will fall back to the default.
Here is an example:
https://ai-podcast-mastery.jellypod.ai/embed?theme=dark&primary_color=FF6B9D&secondary_color=00D4FF&tertiary_color=FFE66D&background_color=1A1A2E