Guide

How to embed bites and playlists on your website

Podbite generates an iframe embed code for every bite and playlist you create. Paste it into any site or tool that supports HTML — a personal website, a blog post, show notes, a Ghost or WordPress page — and a self-contained audio player appears. No account is required for visitors to play it.

Get the embed code

Open any bite or playlist you own and find the owner bar at the top of the page (visible only when you're signed in).

Click Copy embed — the iframe snippet is now in your clipboard.

The embed code looks like this:

<!-- Bite embed -->
<iframe
  src="https://podbite.link/bites/abc123/embed"
  width="100%"
  height="180"
  frameborder="0"
></iframe>

<!-- Playlist embed -->
<iframe
  src="https://podbite.link/@username/playlists/xyz456/embed"
  width="100%"
  height="400"
  frameborder="0"
></iframe>

Paste it into your site's HTML editor. The player resizes to fit its container width. The fixed height displays the embed at the optimal size — leave it as-is for most layouts.

Embed types

Bite embed

A single clipped moment with a waveform player. Good for highlighting a specific quote or insight in a post.

URL pattern: podbite.link/bites/{id}/embed

Playlist embed

An ordered list of bites with a full playlist player. Tap a bite to jump to it, or let them play through. Good for episode show notes, topic collections, or speaker reels.

URL pattern: podbite.link/@{username}/playlists/{id}/embed

Episode embed

An ordered list of all bites clipped from a single podcast episode, presented as a playlist player. Good for episode show notes when you want to showcase every highlight in sequence.

URL pattern: podbite.link/@{username}/podcasts/{podcast_id}/episodes/{episode_id}/embed

Get the embed code from the episode page on your public profile.

Where embeds work

Embeds work anywhere you can paste raw HTML:

Personal websites (any HTML/CSS editor)
Ghost (via HTML card)
WordPress (via Custom HTML block)
Email newsletters that support HTML (Mailchimp, ConvertKit, Beehiiv)
Show notes editors that accept HTML

Platforms that manage their own embeds will not accept iframes:

Substack — does not allow arbitrary iframes; share the bite link instead (it will render a preview card)
Social networks — share the bite URL directly; Twitter/X and Mastodon will show a playable card in the feed

Remove Podbite branding (Automate plan)

By default, a small Podbite logo appears in the corner of every embed player.

On the Automate plan, you can remove it: go to Manage Account → Embeds and enable Remove Podbite branding from my embed players. The change applies immediately across all your existing embed players — no need to re-copy or re-paste the iframe code.

The logo reappears automatically if your plan lapses. Existing embed URLs stay valid regardless.

Troubleshooting

The player doesn't appear. Your platform may block iframes. Check whether it supports raw HTML embedding; if not, share the direct link instead.

The player appears but audio doesn't play. The player requires a click to start — it does not autoplay. If clicking the play button does nothing, the most likely cause is a sandbox attribute on the iframe added by your CMS or site builder: check that it includes allow-scripts and allow-same-origin. A secondary cause is a network-level block on the podcast's audio CDN (common on corporate or school networks) — nothing you can work around from the embed side.

The embed shows "unavailable". Your subscription may have lapsed. Playlists require an active Podbite subscription to be publicly accessible; individual bite embeds are not affected by subscription status.