CMS collection with iframe Embed Problem

[Mingxi_Li (Max Li)]

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:

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: Webflow - Mingxi Li Design

[vincent (Vincent Bidaux)]

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.

[vincent (Vincent Bidaux)]

Bingo!

You’re missing the </iframe> closing tag

[Mingxi_Li (Max Li)]

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

[vincent (Vincent Bidaux)]

We’ve all been there, and we will again