Embed Guide
ShowHub embeds let you add a media player to any website with a single <script> tag.
Quick start
Copy this snippet and paste it into any HTML page:
<script
src="https://showhubco.com/embed.js"
data-podcast-id="YOUR_PODCAST_ID"
></script>Replace YOUR_PODCAST_ID with the ID shown in Dashboard -> Embed.
Available attributes
| Attribute | Default | Description |
|---|---|---|
data-podcast-id | required | Your ShowHub workspace/player ID. |
data-theme | "auto" | "light", "dark", or "auto" (matches visitor’s system preference). |
data-style | "full" | Player layout style. |
data-section | "full-player" | Which section to render: "full-player", "episode", etc. |
data-recent-mode | "latest" | How to sort episodes: "latest" or "oldest". |
data-max-episodes | 50 | Maximum episodes to display. |
data-episode-id | - | Show a single episode by ID. |
data-episode-theme | - | Override theme for single-episode embeds. |
data-show-premieres | - | Show upcoming premiere episodes with countdown (Pro+). |
data-sticky-position | "bottom-right" | Position of sticky player: "bottom-right" or "bottom-left". |
data-container | "podcastsaas-player" | Custom container element ID. |
data-fullpage | - | Set to "true" for a full-page embed layout. |
data-edit-copy | - | Set to "true" to enable copy editing mode. |
data-template | - | Override the content template. |
data-api-base | - | Custom API base URL (advanced). |
Platform-specific guides
- Install on WordPress
- Install on Squarespace
- Install on Webflow
- Framer implementation
- Wix implementation
- Shopify implementation
- Ghost implementation
Customization
See Customization for branding the player to match your site.
Last updated on