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 site, you have to copy the code snippet from the Listen2It Dashboard  and embed it into your Webflow blog post template page layout which will embed the player to all posts.

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

2. Paste the snippet in your sites blog post template page in Webflow

Now head over to the ‘Pages’ section in webflow and select the Blog Posts Template page under the CMS Collection Pages section to edit the layout of your blog post page

Now select the ‘+’ option to add an HTML embed box to your blog layout.

An HTML embed box will appear on the page, you can move it around to wherever you want the Audio Player to appear, ideally the box should be placed under the title of the blog as shown below.

Now select the embed box to paste the Listen2It player snippet and hit save.

After you’ve published the updated settings, the player will appear in all your blog posts.

Audio will be automatically generated when the Play button is hit for the first time.

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

• Related Articles

• How to Add Audio to Your Blog Posts in Native Mobile App Using Listen2it

  Take a look at our API documents, follow the steps and add audio to your blog posts in native mobile app using Listen2it.  Click Here to go to the REST API Docs. Also we support various other text to speech integrations. Do give it a look! 

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

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

• 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 Blog Posts in Hybrid App Using Listen2it

  Our team is working hard to go live with text to speech integration in your hybrid app blog posts. It's currently work in progress.  Until then, feel free to reach out to us in case of any questions.   Contact us here.  Also we support various ...

• How to Add Audio to Your Joomla 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 Joomla. Please follow the following steps to add Listen2It Player: Copy the Listen2It Player code snippet Change the default editor in your ...