Iframe and Discord

Site URL: https://skylabnyc.com/

So, before I posted this I did research on it in the Squarespace forums. But, I'm no coder so I just wanted some clarification on what I read.

I wanted to put this code into my site (i have a live commerce site). It's a discord chat window I wanted to try out, the code is this:
<iframe src="https://discord.com/widget?id=880540850617196594&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>

When I put that into an embed block under code snippet nothing comes up. It's a blank box. When I try a code block nothing shows up.
Is this because my site is on HTTPS and that is protecting me from putting in code that someone could use to hack into?
If I were to lower my site security would this then work?

If this is the case, is there no way to use a Discord chat window with HTTPS?

Any help would be appreciated, thanks everyone!

Hi. Just tested above code with Code Block & it looks fine to me.

Can you share link to page where you added Code Block?

Hey Tuanphan. Ok i got the Discord chat window to appear and it now functions right. The strange thing is it shows up in Opera, Microsoft Edge, and Firefox. It doesn't show up in Chrome.

For Chrome, there's a gray box with a sad face that pops up for a second and then disappears. It appears where the Discord widget should appear. I've attached a screenshot for clarity.

What do you think?

ok great, thank you both for the help and extra pair of eyes. I'll leave it as is on my site.

thanks again!

On 8/31/2022 at 9:34 PM, Skylab said:

ok great, thank you both for the help and extra pair of eyes. I'll leave it as is on my site.

thanks again!

Maybe clear cache? Ctrl + F5