All Collections
Sharing and Distribution
Adding the embedded player to external websites and blogs
Adding the embedded player to external websites and blogs
Caterina De Paolis avatar
Written by Caterina De Paolis
Updated over a week ago

Adding an embedded player featuring your podcast or episodes into your official site keeps all your content in one place. You can direct your listeners to your own page, but still have your hosting, play counts, and more taken care of by Spreaker.

Important: if you decide to use the Spreaker embedded player to share your content, you will have the chance to earn more money. Every download coming from our widget will give a boost of 10% on your revenue share. Keep that in mind if you want to add a player on your own website!

There are two ways to embed a player:

  • From an episode or podcast page

If you either are the content owner or not, you can click on Share on the podcast or the episode page and select the Embedded Player section.

A window will pop up where you can set up the embedded player's setting options:

  • Full-Photo Background: if enabled, the episode (or podcast) image will be displayed in the player's background.

  • Player Theme: the embedded player currently supports two color palettes, light and dark. Set it to the one that better fits your website.

  • Player Height: opt to either keep the embedded player at its current size, or make it smaller or bigger by adjusting the pixel number.

When you share a podcast's embedded player, it will be set to automatically update with the latest episode you published from that particular podcast. However, when you share a single episode's player, it will play only that particular episode.


Lastly, copy and paste the code provided into your website. If you have a WordPress page, then click on "WordPress", and copy and paste the new code provided. Just make sure to download the WordPress plugin beforehand.

  • From the CMS

If you're the content owner, you can embed the podcast directly from the CMS clicking on Embedded player on the left menu once selected your podcast.

From there, you’ll be able to customize a few more options other than the full-photo background, theme, height, and auto-play:

  • Content: you can set the player to play a specific episode

  • Playlist: allows all the episodes of your podcast to play in a continuous stream, one after the other.

  • Chapter images: choose whether or not to display chapter images during playback.

Lastly, copy and paste the code provided into your website. If you have a WordPress page, then click on "WordPress", and copy and paste the new code provided. Just make sure to download the WordPress plugin beforehand.

Do you want to change the visibility of certain elements of the widget player e.g. removing the Spreaker logo? Upgrade to a PRO plan starting from Broadcaster.

Instead, if you'd like to change the main color of the player, you should upgrade to a PRO plan starting from Anchorman.

If you’re comfortable with editing code, check out the useful tips on how to further customize your player here. For example, you can create an embedded player for your account by substituting the episode_id or show_id parameters with the user_id parameter, or employ the JS API and customize the player so that, with the SEEK method, it will start playing at a specific time during your episode.

Embedding into a Wordpress.com website

If you want to embed the player into a free WordPress.com website, you don't need the Spreaker Wordpress Plugin and can simply use the pattern you see here:

  • For the user's player

[embed height="500"]https://www.spreaker.com/user/USERID[/embed]
  • For the podcast's player

[embed height="500"]https://www.spreaker.com/show/SHOWID[/embed]
  • For the episode's player

[embed height="500"]https://www.spreaker.com/user/USERNAME/EPISODETITLE[/embed]

You can simply paste the code into the blog post body. Once your article will be published, the player will show up right where you inserted the code.

Creating an Account Embedded Player

If you want to embed a player that provides the episodes from all of your podcasts, you can edit the HTML feed from a podcast's player.

You just need to change the parameters data-resource and data-playlist as explained here:
https://developers.spreaker.com/guides/embedding-the-player/#embedd...

Did this answer your question?