Skip to main content

Widget Overview

AutoPod widgets let you embed your station's content directly on your existing website — episode players, schedule grids, show listings, live streaming, and more. Just copy a code snippet and paste it into your site.

What are widgets?

Widgets are small, self-contained components that display your AutoPod content inside any webpage. They look and behave like part of your website, but they're powered by AutoPod — automatically updating as you publish new episodes, change the schedule, or go live.

Why use widgets?

If you already have a station website and don't want to replace it with AutoPod Sites, widgets let you add AutoPod-powered content without rebuilding anything:

  • Episode player on your homepage
  • Schedule grid on your programme page
  • "Listen Live" button in your header
  • Episode search for your archive page
  • Show listings on your about page

Widgets are responsive (they adapt to your page width), styled to match your station's colours, and require no coding beyond pasting the embed code.

How they work

  1. You get an embed code from the dashboard (a short HTML snippet)
  2. You paste it into your website's HTML
  3. The AutoPod Widget SDK loads and renders the component
  4. The widget fetches live data from AutoPod's API
  5. It updates automatically — new episodes, schedule changes, and live status all appear in real time

No authentication is needed. Widgets only display public data (published shows, active episodes).

Widget categories

Content widgets

Display your episodes, shows, and schedule.

WidgetWhat it shows
EpisodesRecent episodes from your station or a specific show
Shows GridAll published shows with artwork
Shows CarouselHorizontal scrolling show cards
Schedule GridFull 7-day schedule with colour-coded blocks
Schedule StripCompact horizontal timeline
Now / NextCurrent and upcoming shows from your schedule

Playback widgets

Let listeners play content directly on your website.

WidgetWhat it does
Inline PlayerFull episode player with controls
Mini BarCompact sticky player bar
Featured EpisodeLarge card with the latest episode and playback
Listen LiveLive stream player with now/next display

Action widgets

Quick interaction points for your website.

WidgetWhat it does
Launch Button"Listen Now" button that opens the player
On Air BadgeSmall badge showing current show with live indicator
SearchFull-text episode search

See Available Widgets for details on each widget type.

Getting started

Widgets page
The Widgets page — choose a widget type, configure it, and copy the embed code for your website.
  1. Go to Widgets in the dashboard sidebar
  2. Choose a widget type
  3. Configure it (colours, content source, display options)
  4. Copy the embed code
  5. Paste it into your website

See Getting Your Embed Code for a step-by-step walkthrough.