Skip to main content
All CollectionsSharing and Distribution
Adding the embedded player to external websites and blogs
Adding the embedded player to external websites and blogs
Updated over 7 months 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 Player Theme:

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

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 more options:

  • 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 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 podcast's player

[embed height="500"]https://www.spreaker.com/podcast/SLUG--PODCASTID[/embed]
  • For the episode's player

[embed height="500"]https://www.spreaker.com/episode/SLUG--EPISODEID[/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 a Customized Embedded Player

If you want to customize your embedded player, you can take a look at the documentation you can find here:
https://developers.spreaker.com/guides/embedding-the-player/#embedd...

Did this answer your question?