I’ve tried to embed a webpage using “iframe src” but nothing shows.
Any help will be appreciated.
Thank you,
Naama.
Hey @Naama Try these steps;
- Drag and drop the embed code element inside a div/section where you want the external page to appear.
- Paste in this code
<iframe src="http://yourwebpage.com" width="100%" height="100%" frameborder="0"></iframe>
3.This will ensure that the webpage fill the vertical width and height of the section you want it to appear. If you want to view it in the designer, allow your browser to load scripts, usually from the right side of the address bar in chrome, while in the designer. Otherwise the embedded code is only visible in the exported site.
2 Likes
@AlexManyeki Thank you very much for your answer. I’ve tried your solution, but nothing shows and I can see by inspecting the page that the head and body of the embedded webpage remain blank. Any ideas?
BTW this is my website and the relevant section is “Press”:
https://preview.webflow.com/preview/folloze-dev?preview=7e0c7aa04f47f2af09ee16caa3fca979
Thats a great looking site with well structured content. Robust as well 
, so… on which page can I access the press section?
@AlexManyeki sorry… it’s in the About page.
Hey @Naama Since the html embed is hosted directly inside the section, give it a defined height instead depending on how tall you want the iframe to be;
<iframe src="http://yourwebpage.com" width="100%" height="650px" frameborder="0"></iframe>
You can also used the code below if you want to disable page scrolling within the iframe;
<iframe src="http://yourwebpage.com" width="100%" height="650px" frameborder="0" scrolling="no"></iframe>
2 Likes
@AlexManyeki I’ve used a different url now, can you please re-check it?
Hey @Naama. I do not think that it is possible to embed an angular app in an iframe. Am not very familiar with angular but I know there are some dependencies that cannot be served through an iframe
Hi @AlexManyeki, I thought so… thank you anyway for your efforts!
1 Like