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 as a Custom HTML Integration  n the following way.

  1. Log in to your Create Account

  2. Click on Content on the top menu

  3. Click on Integrations on the side menu

  4. Click on the button Add Integration in the top right corner, select Custom HTML

  5. Give your HTML a memorable Description. For example the episode name

  6. Paste the code into the section labelled HTML Code

  7. Choose Manual for the code Type.

  8. Click the button Add Integration to complete the process

 

How to Add the Apple Podcast HTML 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 Integration option.

Locate the HTML you named for this podcast from the list which displays 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