Player Embed Codes | Style

Our Web Player can be embedded in three ways – depending on your level of flexibility, security, and design needs:

1. Standard (Script Embed Code)

This is the recommended method to embed the player.

<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.

Advantages:

Easy setup with just one line of code.
Full functionality with automatic updates.
Supports interactive features like playlists, search, and login.

💡 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 – suitable for environments where scripts are not allowed.

<iframe src="https://....podigee.io/embed?context=external..."></iframe>

Advantages:

Works in limited systems (e.g. CMS, shop platforms).
Only the default theme can be used.
Extensions with collapsible panels (e.g. extra info sections) won’t work.
Secure and isolated from your site’s code.

Limitations:

Reduced interactivity.
No user login or dynamic customization.

3. External Theme (Custom Design)

This feature is available starting from the Business Pro plan. It allows full customization of the player using self-hosted HTML and CSS files. You will receive a GitHub link to our SDK Player repository. Please contact our support to request access.

Requirements:

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”.

Advantages:

Full customization (colors, layout, fonts).
Perfect for branded solutions and developer setups.