Twitch Embed works when customizing, but not on the live store.

Store Design
1

https://baz4k.com/

I am trying to embed my twitch channel on my Shopify homepage.

I am putting an HTML widget on my home screen with this code; (https://dev.twitch.tv/docs/embed)

<iframe src="https://player.twitch.tv/?channel=Baz4k&parent=baz4k.myshopify.com&muted=true" height="605" width="1075" allowfullscreen="true">
</iframe>

When I am inside the editor it works, but I get an error on my live page when I view it. I am pretty sure it has something to do with the parent attribute, but if someone could help me get this working that would be excellent.

Also, I couldn’t get this code snippet working at all;

Any help with all of this would be greatly appreciated.

2

Hi @Baz4k , for this one, we have to look into your theme as code, only after that. we can give you a solution.

3

How would we go about doing that, what parts would you need to see?

4

As per my understanding, I have to look into this and make the requirement. For that, it will take some time .

5

Why does it work in the editor and not in the live site?

6

No idea, until unless I see.

7

Have you fixed this?!

I have the same issue. It has to be something with the parent…

I tried all possible domains I’m using but can’t get it to work…

8

I fixed it. It is the parent. I have my Shopify shop use my own domain.

My Shopify domain is: https://elpeanut-tcg.myshopify.com/ This the one referring when editing but my domain for the live website is https://tcgshop.elpeanut.com/. Changed the parent and it doesn’t work in editor but does work on the live :slightly_smiling_face: