How to Add Audio to Your Shopify Blog Posts

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 blog, you have to copy the code snippet from the Listen2It Dashboard  and embed it into the “article-template.liquid” file  of your Shopify theme’s edit code section 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

Screenshot 2021-02-08 at 12.28.54 PM.png

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

Now head over to the ‘Themes’ settings in Shopify Online Store and select the Edit code option to edit insert the Listen2it Snippet in your blog theme.

Screenshot 2021-02-18 at 3.55.01 PM.png


Note: You will need to disable password for your store otherwise audio won’t be generated automatically.

Inside the edit code section browse the the folders and go to the ‘Sections’ folder and select the ‘article-template.liquid’ file

This is the layout for your blog articles, now paste the snippet between the title and the content of the article as shown below. (Make sure not to override any existing code).

Screenshot 2021-02-08 at 12.37.39 PM.png

Save the new changes.
Now the Listen2It Player should appear in all your Shopify blog posts

Screenshot 2021-02-18 at 3.53.41 PM.png


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 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 ...
    • 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 ...