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.