# HTML component in an iframe

**URL:** <https://forums.realmacsoftware.com/t/html-component-in-an-iframe/52196>\
**Category:** Elements\
**Created:** [November 3, 2025, 9:24pm UTC](https://forums.realmacsoftware.com/t/html-component-in-an-iframe/52196 "2025-11-03T21:24:38Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![michealolaoire](https://avatars.discourse-cdn.com/v4/letter/m/c2a13f/32.png) [@michealolaoire](https://forums.realmacsoftware.com/u/michealolaoire)\
**Post date:** [November 3, 2025, 9:24pm UTC](https://forums.realmacsoftware.com/t/html-component-in-an-iframe/52196/1 "2025-11-03T21:24:38Z")

</div>

I am creating a website with RapidWeaver Elements.

Ther are a number of pages to be created.

Each of these pages has a HTML component containing code for a bookWidget quiz located in an iframe.

The link to a quizz is copied from Bookwidgets into the code in the iframe.

Example below shows the first quiz:

```auto
<div style="width:100%;"> 

  <iframe 

    src="https://www.bookwidgets.com/play/FDWXAFK" 

    width="95%" 

    height="900" 

    style="border:0; display:block; margin:0 auto;" 

    allowfullscreen 

    loading="lazy"> 

  </iframe> 

</div>

```

I try to do a similar page for the second quiz also in an iframe:

```auto
<div style="width:100%;">

  <iframe

    src="https://www.bookwidgets.com/play/62FZ6V"

    width="95%"

    height="900"

    style="border:0; display:block; margin:0 auto;"

    allowfullscreen

    loading="lazy">

  </iframe>

</div>

```

However after inputting in the second html code, the first page’s code takes on the same value for the Bookwidget url.

I imagine that this has something to do with Global.

I right click in the HTML and choose Unlink from Global. But this does not work.

What is the solution?

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [November 3, 2025, 9:39pm UTC](https://forums.realmacsoftware.com/t/html-component-in-an-iframe/52196/2 "2025-11-03T21:39:06Z")

</div>

You will most likely have to do a separate custom component for each quiz that you want to do. If you make it a global, then any change you make will change for all of them.

Alternatively, save as a template, and you can edit as needed without affecting the others

---

<div class="post-metadata">

**Author:** ![michealolaoire](https://avatars.discourse-cdn.com/v4/letter/m/c2a13f/32.png) [@michealolaoire](https://forums.realmacsoftware.com/u/michealolaoire)\
**Post date:** [November 3, 2025, 9:55pm UTC](https://forums.realmacsoftware.com/t/html-component-in-an-iframe/52196/3 "2025-11-03T21:55:53Z")

</div>

Thanks for your reply.  
I have already made separate custom components, and it works. However, I want to create over 200 quizzes in iframes, which would require more than 200 custom components, which you can gather will make the list of components very clunky. I would prefer to have one HTML component where I can reuse many times just changing the QUIZ ID, but I find creating a new page with html code causes the previous HTML codes to adopt the same code.

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [November 3, 2025, 10:14pm UTC](https://forums.realmacsoftware.com/t/html-component-in-an-iframe/52196/4 "2025-11-03T22:14:37Z")

</div>

@michealolaoire Ah-ha! This is where custom components really shine, You can easily add in some editable properties so you’ll only need one! I’ve recorded a video to show you how to do it and included the project below 🙂

👉 [Open Project in Elements](elementsapp://downloadDocument/B4fk2RkCYQPz)

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [November 3, 2025, 10:22pm UTC](https://forums.realmacsoftware.com/t/html-component-in-an-iframe/52196/5 "2025-11-03T22:22:18Z")

</div>

@dan beat me to it…

Was just about to send you code for it (spent a bit with the bot, and finally got it)…

---

<div class="post-metadata">

**Author:** ![michealolaoire](https://avatars.discourse-cdn.com/v4/letter/m/c2a13f/32.png) [@michealolaoire](https://forums.realmacsoftware.com/u/michealolaoire)\
**Post date:** [November 3, 2025, 10:32pm UTC](https://forums.realmacsoftware.com/t/html-component-in-an-iframe/52196/6 "2025-11-03T22:32:51Z")

</div>

Dan

Thanks for your speedy reply. Looks good. Will give it a try and it should save me a lot of work.

Regards

Michael O’Leary

(Attachment mole.vcf is missing)