# Changing page design when using an iframe link

**URL:** <https://community.feathery.io/t/changing-page-design-when-using-an-iframe-link/469>\
**Category:** Support\
**Created:** [February 7, 2024, 4:44am UTC](https://community.feathery.io/t/changing-page-design-when-using-an-iframe-link/469 "2024-02-07T04:44:23Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![cloudstacks](https://avatars.discourse-cdn.com/v4/letter/c/3ec8ea/32.png) [@cloudstacks](https://community.feathery.io/u/cloudstacks)\
**Post date:** [February 7, 2024, 4:44am UTC](https://community.feathery.io/t/changing-page-design-when-using-an-iframe-link/469/1 "2024-02-07T04:44:23Z")

</div>

Hello,

I currently have the following setup

Landing page with contact form A  
Page two with contact form B  
Page three with a container with an iframe URL to a scheduler

Page threee has a basic design with some text above the iframe - Please complete the following etc…

The text works great initially through the first three steps in the iframe until the iframe displays a confirmation of the appointment. At this point the text I have above does not work and ideally I would like to have something else display on this last confirmation of the iframe.

Is there a way to do this? Any suggestions?

Thanks

---

<div class="post-metadata">

**Author:** ![peter](https://yyz2.discourse-cdn.com/flex030/user_avatar/community.feathery.io/peter/32/7_2.png) [@peter](https://community.feathery.io/u/peter)\
**Post date:** [February 7, 2024, 6:26pm UTC](https://community.feathery.io/t/changing-page-design-when-using-an-iframe-link/469/2 "2024-02-07T18:26:53Z")

</div>

Why not just edit the text on your third step? I feel like I might be missing something here

---

<div class="post-metadata">

**Author:** ![cloudstacks](https://avatars.discourse-cdn.com/v4/letter/c/3ec8ea/32.png) [@cloudstacks](https://community.feathery.io/u/cloudstacks)\
**Post date:** [February 7, 2024, 9:14pm UTC](https://community.feathery.io/t/changing-page-design-when-using-an-iframe-link/469/3 "2024-02-07T21:14:10Z")

</div>

The iframe is on the third Feathery page. The contents of the iframe change from calendar date to select, to calendar time to select to contact page and then to a confirmation page.

Can I dynamically change the text of the feathery page when the iframe goes to the confirmation?

---

<div class="post-metadata">

**Author:** ![peter](https://yyz2.discourse-cdn.com/flex030/user_avatar/community.feathery.io/peter/32/7_2.png) [@peter](https://community.feathery.io/u/peter)\
**Post date:** [February 7, 2024, 9:56pm UTC](https://community.feathery.io/t/changing-page-design-when-using-an-iframe-link/469/4 "2024-02-07T21:56:10Z")

</div>

If your iframe document sends events through the iframe window messager, you can set up a listener in custom logic for that event and update the dynamic text field variable in that case

---

<div class="post-metadata">

**Author:** ![cloudstacks](https://avatars.discourse-cdn.com/v4/letter/c/3ec8ea/32.png) [@cloudstacks](https://community.feathery.io/u/cloudstacks)\
**Post date:** [February 8, 2024, 11:17pm UTC](https://community.feathery.io/t/changing-page-design-when-using-an-iframe-link/469/5 "2024-02-08T23:17:52Z")

</div>

Hi Peter,

For a better reference here is the url so you can see what I am talking about. [nextdayevaluations.ca](http://nextdayevaluations.ca)

Do you have any documentation with examples on how to do this? I am not a developer so I am not making sense of the above without an explanation or an example.

thanks  
 ![](https://canada1.discourse-cdn.com/flex030/uploads/feathery/original/1X/328e472721a93345801ed5533240eac2d1f8498c.gif)

---

<div class="post-metadata">

**Author:** ![peter](https://yyz2.discourse-cdn.com/flex030/user_avatar/community.feathery.io/peter/32/7_2.png) [@peter](https://community.feathery.io/u/peter)\
**Post date:** [February 9, 2024, 7:57pm UTC](https://community.feathery.io/t/changing-page-design-when-using-an-iframe-link/469/6 "2024-02-09T19:57:13Z")

</div>

Hey Chris, this is how events are communicated through iframes: [Window: postMessage() method - Web APIs | MDN](https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage)

Since you’re embedding a third-party scheduling app, they probably have context on how to communicate with the site through their embed
