Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hello I would like to uploade a mp3 audio file directly into my blogpost so you can play the audio from my site.
I have tried doing what I saw on google
pasting this code (with my file download url from shopify-settings-files) directly into my rich text editor on a blog page but it doesn't work
<div id="player"><audio controls="controls"><source src="https://cdn.shopify.com/s/files/1/0611/6271/7384/files/Meditation-Dithjerte.mp3?v=1649333814" type="audio/mpeg" /></div>
can anyone help how to put audio directly to a blog post please?
Hi @Annesimonep,
I am Ani From https://www.task4store.com/ - Shopify Small & Custom Tasks Experts ( By MS Web Designer - Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore )
I will love to help you with your concern.
Did you try this?
If you have any concerns feel free to ask me!
Regards,
Ani
Hi @Annesimonep,
That is an HTML snippet you have there, which needs to be inserted into HTML code.
So as @MS_WEB_DESIGNER correctly pointed out, if you navigate to the page you want to edit in your store admin, you will see a <> icon in the top right of the editor:
Click on that and paste the code into the HTML editor:
Then click that same icon again and your audio clip should show up like this:
We've a little more information on editing your pages, but that's the essence of how to add HTML code to your page. It's exactly the same process for your blog posts too!
Are you running a podcast on your Shopify store? If so, you may find our blog about How to Start A Podcast useful!
Let me know if this helps and if you have any other questions.
To learn more visit the Shopify Help Center or the Community Blog.
Thanks for your help with this.
Will doing it this way affect the loading time/ page speed? Not sure if it will stream or if the whole file has to load in order to play?
I highly recommend giving Listen Now! a try. Simple to use and manage audio for blog posts any many more pages on your Shopify store.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025