Podcode.tv

Embedding your audio into your blog post

Let’s close the loop and add the audio player for your episode to the top of your blog post.

Substack

If you’re publishing your newsletter on Substack, this is already taken care of for you.

WordPress.com

If you’re using WordPress.com – if you don’t know, check to see if you have a “Plugins” menu item in your WordPress dashboard. If you have that menu item, you’re using self-hosted WordPress, so you can jump to the next section. If you don’t have that menu item, you’re in the right place.

Use this tool to get your episode’s MP3 URL so you can embed a player into WordPress.com.

Self-hosted WordPress (“wordpress.org”)

If you have your own copy of WordPress hosted somewhere, you can use the embed code Anchor provides.

Using a WYSIWYG theme?

If you don’t see the editor as described above, you might be using a theme that employs its own block editing system. These themes are harmful to your site as they slow it down and lock you into their architecture, making it really difficult to migrate to a theme that works correctly with WordPress, instead of against it. Consider using a theme that works with the Gutenberg editor (WordPress’ editing interface that uses blocks to build up content).

Ghost

If your blog runs on Ghost, you can add your episode player by pasting in the URL of your episode on Anchor, into the text editor of a new blog post.

MailChimp, ConvertKit, Campaign Monitor, etc

Newsletter services offer different ways to link to or embed content. Email isn’t as advanced as the web, so we can’t embed a full audio player, but what you can do in some cases is insert an image that links to your audio content, or even just create a button or string of text that says “Download the audio version”, placed near the top of your issue. If you create an image that looks like an audio player (with a Play button and maybe a waveform), that hint of interactivity will be enticing to readers, who may want to tap it to see what it does.

Most other platforms

Almost all content management systems provide some form of embedding, either by allowing you to enter HTML (the <iframe> code we obtained previously), or by using a technique called oEmbed, where you paste the URL of your episode, and let the CMS figure it out.

If you can’t figure out how to add the player code to your blog, you can always get the episode URL and create a simple link at the top, with something to the effect of “Listen to the audio version” as the text.

To get the episode URL from Anchor:

  1. Log back into your Anchor dashboard and hit “Episodes”.
  2. Find the episode you want to embed, and look for the three-dots to the right. Click those dots to expose the dropdown menu.
  3. If you see a menu item labelled “Copy public link to episode”, click that. If you don’t, your episode isn’t published to the web yet, so come back when it is.

Homework

Complete this lesson