Player Embed Codes | Style
Our Web Player can be embedded in three ways for different websites and designs:
1. Standard (Script Embed Code)
This is the recommended method to embed the player. Copy the full embed code from your podcast or episode. The shortened examples on this page show the structure only. Do not use them as working embed code.
<script class="podigee-podcast-player" src="https://..." data-configuration="https://....podigee.io/embed?context=external"></script>
❗️ The script embed must be placed inside the <body> of your website. Placing it in the <head> is not supported.
Features and checks:
- Easy setup with just one line of code.
- The script loads the player.
- The available functions are different for different player configurations. Do a check of the functions on your published website.
💡 Alternative if the standard embed doesn’t work: In rare cases (e.g. when using certain CMS or page builders), you can use this simplified fallback version ⬇️
2. Restricted Embed Code (iFrame)
This version uses an iFrame. It can be an alternative if your website system lets you use iFrames but not custom scripts.
<iframe src="https://....podigee.io/embed?context=external..."></iframe>
Features and checks:
- Use this option only if your website system permits iFrames.
- Do a check of the theme and player height on the published page.
- Do a check of the panels that you use.
- An iFrame does not make the full website secure or private.
Limitations:
- Fewer controls can be available than with the script embed. If a necessary function is not available, use the script embed or contact support.
- If you use a login function, make sure that it works on the published page.
A player that appears on a page does not make a feed or its media private. Access protection is a separate setting. If the embed fails, give support the website URL and a description of the missing control or error.
3. External Theme (Custom Design)
The availability of an external theme is different for different plans. See your account options and the current plans. For questions about older plans, contact support. It allows full customization of the player using self-hosted HTML and CSS files. Contact support for the correct SDK documentation and access to the player repository.
Requirements:
- External theme available for your account.
- Own server or hosting space.
- Knowledge of HTML and CSS.
Steps:
- Create a custom HTML layout and matching CSS file.
- Upload both to your server.
- Enter the file URLs in the interface under “External Theme”.
Features and checks:
- Full customization (colors, layout, fonts).
- Perfect for branded solutions and developer setups.