See below for step-by-step instructions, followed by a video tutorial.
The Megaphone Embeddable Player allows you to quickly and easily upload your podcasts to a webpage where the audio can be accessed from almost any browser (desktop, tablet, or mobile). This can either be viewed in a playlist styled version (which this article will describe) or a single episode player version (see this article for more information).
Our players are iFrames which can be embedded by the website manager, who can copy the HTML code from Megaphone and paste it into the destination page's HTML. The best place to place our code is right before the closing </body> tag.
1) Find the embeddable player for your podcast
Navigate to the podcast that you'd like to embed a playlist player for by clicking on the Podcasts tab on the left side bar. Then select your podcast.
Once on the podcast page, you will see a purple button that says "Embed Podcast" in the top right corner. Click this button to open the playlist iFrame builder.
2) Select embeddable player options.
You have the option to customize the player by disabling sharing (listeners cannot share the episode via the player), and selecting a light theme (default is dark theme). The player will include all of your currently published episodes when you embed it, and will update with new ones automatically.
Note that the artwork for the player is based on episode level artwork (if it has been added). Otherwise, it will default to the podcast level artwork. If you only want podcast level artwork to show, please delete any episode level tiles.
3) Copy the embed code.
The embed code is a simple iFrame. Most developers/webmasters should be able to easily upload this to your website. You can close the embeddable player pop up once you've copied the Embed Code.
4) Set up Subscription Options for the Embeddable Player.
You can add Subscription Options in the embeddable player that will allow people to click through and find your show in iTunes, Stitcher, Spotify, or Google Podcasts. Follow the instructions here!
5) Customize the Amount of Episodes in your Playlist
If you would like to have a limited amount of episodes appear in your Playlist you can do so by adding "&episodes=#" within your Embed Code. It should appear as such:
<iframe frameborder="no" src="https://playlist.megaphone.fm/?p=WBW3418121657&episodes=4" width="100%" height="482"></iframe>
This specific code will limit your playlist player to 4, but you are welcome to limit your playlist to the amount of episodes that you would like to display.
If you have any questions or feedback, please reach out via Live Chat.