Use the Podcast Player block to display a listing of recent episodes from a podcast and play them on your website. Here’s an example:
Episode 30: The Magic of Meetups – Distributed.blog
In this guide
To add a Podcast Player block, click on the block inserter icon to open the block library and select the Podcast Player block.
Alternatively, you can type /podcast on a new line and press Enter.
For more information, visit our detailed instructions on adding blocks.
After inserting the block, there will be a field where you can enter the RSS feed URL of a podcast.
⚠️
You must enter a valid podcast RSS feed URL. For example, https://distributed.blog/category/podcast/feed/ is a valid feed but https://distributed.blog/ is not.
Enter your URL and submit to insert your podcast.
When you click on the block, a toolbar of options will appear:
The Podcast Player block has the following options in its toolbar:
- Change block type or style.
- Change the block’s horizontal alignment or width.
- Replace the podcast RSS feed URL with another one.
- Additional options.
When you select a block, you will find additional block settings in the right sidebar. If you do not see the sidebar, you may need to click the Settings icon in the top-right corner to bring up the settings. This icon looks like a square with two uneven columns:
The Podcast Player block has the following settings:
- Number of items – controls how many episodes will be displayed (most recent first).
- Episode – choose a single episode from your podcast to be displayed.
- Show Cover Art – toggles the display of the podcast’s cover art (if available).
- Show Episode Title – toggles the display of the title for the currently selected episode.
- Show Episode Description – toggles the display of the description for the currently selected episode.
- Primary Color – controls the color used for “primary” elements in the block display (eg: titles, active episodes).
- Secondary Color – controls the color used for “secondary” elements in the block display (eg: descriptions, non-active episodes).
- Background Color – controls the color used as the background color for the block.
For more, visit our detailed instructions on Advanced settings.
In the block settings sidebar, click on the Styles icon to access the design settings for the block. The Styles icon is in the shape of a circle with half of the circle filled in:
For more, visit our detailed instructions on Dimension settings.
