How to embed a YouTube video with Amara subtitles?

Technical Q&A
1

Hi, I have a video from Amara but it doesn’t appear on my Shopify blog. I added this in the theme.liquid 

<script type="text/javascript" src="https://amara.org/embedder-iframe"></script>

And this is the code I used in the Shopify blog post

<div class="amara-embed" data-url="http://www.youtube.com/watch?v=EujhTUNPPzY" data-team="null"></div>
2

Sure.

3

Hello @QaleHardon

Amara’s iframe embed relies on its JavaScript loader being present and on your blog post’s HTML not getting stripped out. In most cases, Shopify will remove unfamiliar tags (including that

block) if you’re pasting it through the Rich Text editor without switching to the HTML view. Here’s how to fix it:

1. Load Amara’s script in your theme (once)

  • In Shopify Admin, go to Online Store → Themes → Edit code.
  • Open layout/theme.liquid. Find the closing tag, and just above it paste:
  • Click Save. This ensures every page (including your blog post) has the Amara loader ready.

2. Use HTTPS for the video URL
Amara needs a secure link. In your blog post code, change:

data-url=“http://www.youtube.com/watch?v=EujhTUNPPzY”

to:

data-url="https://www.youtube.com/watch?v=EujhTUNPPzY"Paste the embed

in the blog post’s HTML view

3. In Shopify Admin, go to Online Store → Blog posts and edit your post.

  • In the Rich Text editor toolbar, click the three-dot menu (⋯) and choose Show HTML (or click the “<>” icon).
  • Paste this exactly where you want the video to appear:
  • Click Save. If you go back to the Rich Text view, you may not see a visual preview—that’s normal. Just make sure the HTML remains intact

4. Verify on your live storefront

  • Visit the blog post URL on your storefront (not the theme preview).
  • You should see Amara’s player load in place of that
    . If it’s not appearing, open your browser’s developer console and look for any “Failed to load” or JavaScript errors related to Amara.

5. Troubleshoot common pitfalls

  • HTML stripped out: If you accidentally pasted the
    in the normal editor instead of the HTML view, Shopify will strip it on save. Always paste via HTML.
  • Script not firing: Double-check that the is in your published theme (under theme.liquid) and not in a draft you haven’t published.
  • Mixed-content blocked: If your store is HTTPS (it should be), but your embed uses HTTP, the browser will block it. Always use https://.

Once you’ve loaded the Amara script in theme.liquid and pasted the embed

via the post’s HTML view (with an HTTPS URL), Amara’s player will replace that block on the live page every time your blog post loads.

4

Thank you so much, you’re a life-saver!

5

EmbedAny will help you embed 800+ platforms directly into your Shopify store with just a few clicks. EmbedAny makes it incredibly easy to add interactive content from platforms like YouTube, Instagram, TikTok, Twitter, and hundreds more to your online store.

Have a try: https://embedany.com/