How to Add Audio to Your Ghost Blog Post

How to Add Audio to Your Ghost Blog Post Using Listen2it

This article shows you how to create and embed a Text to Speech version of your blog post in Ghost using a javascript code snippet.

This is a manual workflow that looks something like this - every time you want to create an audio version of your article, you have to copy the code snippet from the Listen2It Dashboard  and embed it into your Ghost blog post.

Let’s look at this workflow in steps -

1. Copy the Listen2It Player code snippet

After you’ve successfully logged into the Listen2It Dashboard, head on over to the ‘Installation’ section and copy the code snippet for the player

Screenshot 2021-02-05 at 11.10.45 AM.png

2. Paste the snippet in your blog post in Ghost

Now head over to your blog post in Ghost and edit the post. Use the + icon to insert a new HTML element in the text (this is where the inline audio player will be rendered).

Screenshot 2021-01-21 at 11.29.57 AM.png


Now, paste the code snippet.

Screenshot 2021-01-21 at 11.30.53 AM.png


Now, update and publish

Screenshot 2021-01-21 at 11.44.12 AM.png


The audio player should now be visible in your blog post
Audio will be automatically generated when the Play button is hit for the first time.

Screenshot 2021-01-21 at 11.46.45 AM.png

Note: Audio is only generated when play button has been hit at least once.

    • Related Articles

    • How to Add Audio to Your Wix Blog Post Using Listen2it

      This article shows you how to create and embed a Text to Speech version of your blog post in WiX using a javascript code snippet. This is a manual workflow that looks something like this - every time you want to create an audio version of your ...

    • How to Add Audio to Your Blogger Blog Post Using Listen2it

      This article shows you how to create and embed a Text to Speech version of your blog post in Blogger using a javascript code snippet. This is a manual workflow that looks something like this - every time you want to create an audio version of your ...

    • How to Add Audio to Your Hubspot Blog Posts Using Listen2it

      This article shows you how to add the Listen2It Player to all your blog posts and convert them into audio in Hubspot. Please follow the following steps to add Listen2It Player: Copy the Listen2It Player code snippet Login to your Hubspot account and ...

    • How to Add Audio to Your Webflow Blog Posts Using Listen2it

      This article shows you how to add the Listen2It Player to all your blog posts and convert them into audio in Webflow. This is a workflow that looks something like this - if you want to add the Listen2It Player to all the blog posts in your webflow ...

    • How to Add Audio to Your Squarespace Blog Posts Using Listen2it

      This article shows you how to add the Listen2It Player to all your blog posts and convert them into audio in Squarespace. This is a workflow that looks something like this - if you want to add the Listen2It Player to all the blog posts in your ...