Help Centre

Support > Designing and Building Your Website > Adding Your Content

How To Embed Apple Podcasts To Your Website

Apple Podcasts logo

With Create, it is possible to easily add a podcast which is hosted on Apple Podcasts, to your website. This might be a podcast that you have recorded or one you would like to share on your website as interactive content.

The process of adding the podcast is quick and Apple will generate a widget for you so visitors will be able to listen to the podcast right from your website.


How To Get The Apple Podcasts Embed Code

  1. To begin, visit the Apple Podcasts Marketing Tools website by visiting this link.

  2. Use the search bar to find the podcast episode you would like to add to your website.

  3. When you have found the specific episode click on it and scroll down to the section Podcast Player

  4. You can alter the dimensions of the player, but by default it is responsive to mobile, meaning the default settings should be suitable.

  5. Click the Copy Embed button located below the podcast episode. Your device will have then copied the code from Apple, for that specific podcast episode.

screenshot of the embed code for Apple podcasts

 

How to Add the Apple Embed Code to Your Create Account

Now you have the code copied to your device from Apple Podcasts, you need to add it to your Create account. You will add this code into it’s own HTML Fragment in the following way.

  1. Log into your Create account

  2. Click Content from the top-menu

  3. Click HTML Fragments from the left-hand menu and click the Add HTML Fragment button.

  4. Give the HTML fragment a name that will make it easy for you to reference. For example, the episode name.

  5. Paste the code you copied from Apple Podcasts, into the HTML Code box.

  6. Set the type as Manual, as you are going to place this code manually on a location of your choice.

  7. Click the Add HTML Fragment button to finish and save it.

 

How to Add the Apple Podcast HTML Fragment to a Page

Finally, to add the podcast to your website, edit the page you would like to add the podcast to. Whilst in page edit mode, click the Add Block button to open the block selector.

Select one of the Custom Block types from the selection filter, the podcast will be added into this block. 

screenshot of the custom block selection in Create

Add the block to the page where you would like the podcast player to be located. Once placed, click the Add Element button which displays. Select the HTML Fragment option.

screenshot of the custom block type selection menu

Locate the HTML fragment you named for this podcast from the list and click Done. A placeholder image will be displayed. You can preview how the podcast player will look by using the Publish > Preview tool. 

When you re-publish, the player will be added to the page.

 

More Questions?

If you have any further questions, please get in touch and we will be happy to help.

Get in Touch