CMS collection with iframe Embed Problem

So I have a p5.js interactive program, and I want to embed it in my portfolio website. So I figured I can create an “iframe link section” in my cms collection, like this:

Screenshot 2022-05-30 023719

In my project template page, I have this embed code:

The problem is this: i currently only have one interactive program, which is in my latest project. That means all my other projects do not have an interaction embed.

So before I added this iframe section, my project page is normal:

But after adding the iframe section and publishing the site, while in designer and preview mode everything shows, and the embeded program shows perfectly:

all the other contents, such as images and videos in all of my project pages just disappear from the published page:

So how can I solve this issue while still having the iframe section working?

Thank you very much!


Here is my site Read-Only: https://preview.webflow.com/preview/maxlidesign?utm_medium=preview_link&utm_source=designer&utm_content=maxlidesign&preview=bcb4033e99e11e659e1ad3fd395b3cf0&pageId=61cd49aa961ff827f95d15dc&itemId=61cd54058be5325a1f152f65&workflow=preview

If you don’t close a tag that you open in custom code, Webflow won’t auto-close it and the render of the page most likely stops there. When you have content not painting after a certain point, and that point has custom code, you can be sure you miss a closing tag.

Bingo!

You’re missing the </iframe> closing tag

This is such a silly mistake and I didnt notice it! Now it works perfectly. Thank you very much!

We’ve all been there, and we will again :joy:

1 Like