Streaming live at 10am (PST)

Embed iFrame / URL - Not Working


#1

Created a simple modal / pop up; added a DIV then add (to the DIV) an Embed module. Then added the following code....

<iframe src="http://www.w3schools.com">
  <p>Your browser does not support iframes.</p>
</iframe>

And it does not work. It doesnt work in Preview on Webflow and it does Not work when actually published to a web server (which i thought was the issue). Please help me understand what is missing?

https://preview.webflow.com/preview/globalgoals-b9d78331174060d6f33571cb73c?preview=d11d5a4cd6219307fc1e8b1ab56c5f41

Thank you


#2

Well it certainly doesn't seem published at http://globalgoals-b9d78331174060d6f33571cb73c.webflow.io

Please provide all the information required for us to repro the problem.


#3

Not sure what you mean? If you are helping, please be a little more specific - Thank you


#4

Hi @jdbrowningjr, Thanks a lot for your post. I took a peek, and when I try that embed on a blank published site, it is working for me.

I see you have this embed in a modal div, can you let me know what element you are using to trigger the modal popup?

I am happy to look further.


#5

Thanks Dave. I will get back to you with more details :slight_smile: Jack


#6

Hi Dave,

I have the link to the site, which I believes allows you to see everything. Please let me know if that is not the case and I will do whatever is required. https://preview.webflow.com/preview/globalgoals-b9d78331174060d6f33571cb73c?preview=d11d5a4cd6219307fc1e8b1ab56c5f41

I followed a Mat Vogels tutorial on creating a Pop Up Modal. I have an onload interaction that Hides the Pop up; then a button (top row, second from last icon) Triggers the modal pop up, by making it visible. All of that is working fine.

I put a DIV in the Center, then Added and Embed Container to the DIV; then I added some simple iFrame code into the Embed Container. Then added a Close interaction to basically Hide everything again and so on.

Someone else replied on the issue, Got it to Work and said the following:
"I took a look at your site and I noticed that you have an interaction on your ModalPop element, when I removed the interaction from that element and left the ModalPop to just display block, the iframe displays as expected on the published site as you can see in this duplicate of your site"

Issue i did not really follow what he is saying

This is what he did and go it to work, but his response, I did not really follow
http://globalgoals-b9d7833117406-b6d9009b82f09.webflow.io/

Thank you for your help - Dave


#7

Hi @jdbrowningjr, thanks for the detailed info :slight_smile: I took a look and for me, the site embed shows up ok.

Code that is put into an embed, will not render, will not show, until after the site is published.

I took a look, but I cannot see the site in Webflow as being published, could you check on the published site, does that look ok?

I am happy to look at the external url where the issue occurs, to see what that looks like. It may use a hosting that does not allow for the embed perhaps.

Thanks in advance, let me know if I can help further with that.