# Embedded Meeting Iframe Height

**URL:** <https://community.hubspot.com/t/embedded-meeting-iframe-height/84338>\
**Category:** Sales Hub Tools\
**Tags:** enterprise\
**Created:** [June 28, 2023, 10:46pm UTC](https://community.hubspot.com/t/embedded-meeting-iframe-height/84338 "2023-06-28T22:46:51Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![BenStark](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/benstark/32/69256_2.png) [@BenStark](https://community.hubspot.com/u/BenStark)\
**Post date:** [June 28, 2023, 10:46pm UTC](https://community.hubspot.com/t/embedded-meeting-iframe-height/84338/1 "2023-06-28T22:46:51Z")

</div>

When embedding a Sales Meeting into my website, the height of the iframe does not match the height of the content. Specifically, whent he form appers, the content has to scroll inside the iframe. How do I break the Meeting widget out of this iFrame jail so that the entie contents is visible when the form is displayed? I tried setting a height for the iframe, but that didn’t seem to affect the contents. What can I do?

 ![Screen Shot 2023-06-28 at 3.44.29 PM.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/8/1/81836fe926714d6fe6ef476a2e77b2e17390ed6e.png)

---

<div class="post-metadata">

**Author:** ![BenStark](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/benstark/32/69256_2.png) [@BenStark](https://community.hubspot.com/u/BenStark)\
**Post date:** [June 28, 2023, 10:48pm UTC](https://community.hubspot.com/t/embedded-meeting-iframe-height/84338/2 "2023-06-28T22:48:51Z")

</div>

I tried scaling the height of the iframe with both CSS and JavaScript but neither changes the height of the content inside the frame. It just makes the iframe taller without affecting the content.

---

<div class="post-metadata">

**Author:** ![kvlschaefer](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/kvlschaefer/32/71076_2.png) [@kvlschaefer](https://community.hubspot.com/u/kvlschaefer)\
**Post date:** [June 29, 2023, 9:35am UTC](https://community.hubspot.com/t/embedded-meeting-iframe-height/84338/3 "2023-06-29T09:35:48Z")

</div>

Hi @BenStark,

Thanks for reaching out to the Community and for including the steps you have taken so far!

Would you be able to share the link to the page where the meeting widget is embedded? Can you also share a screenshot of what you’re seeing on your end?

Thank you!

Best,

Kristen

---

<div class="post-metadata">

**Author:** ![BenStark](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/benstark/32/69256_2.png) [@BenStark](https://community.hubspot.com/u/BenStark)\
**Post date:** [June 29, 2023, 4:06pm UTC](https://community.hubspot.com/t/embedded-meeting-iframe-height/84338/4 "2023-06-29T16:06:18Z")

</div>

Here is a link to the [page](https://www.dnc.com/schedule-meeting). The screenshot is in my original post, but here it is again.

 ![Screen Shot 2023-06-28 at 3.44.29 PM.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/8/1/81836fe926714d6fe6ef476a2e77b2e17390ed6e.png)

---

<div class="post-metadata">

**Author:** ![kvlschaefer](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/kvlschaefer/32/71076_2.png) [@kvlschaefer](https://community.hubspot.com/u/kvlschaefer)\
**Post date:** [June 30, 2023, 2:13pm UTC](https://community.hubspot.com/t/embedded-meeting-iframe-height/84338/5 "2023-06-30T14:13:24Z")

</div>

Hi @BenStark,

Thank you for the link to your page and the screenshot!

I wanted to invite our subject matter experts to see if they have advice.

Hi @TomM2, @Anton, @Teun - Do you have any insight for @BenStark?

Thank you!

Best,

Kristen

---

<div class="post-metadata">

**Author:** ![TomM2](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tomm2/32/70887_2.png) [@TomM2](https://community.hubspot.com/u/TomM2)\
**Post date:** [June 30, 2023, 3:17pm UTC](https://community.hubspot.com/t/embedded-meeting-iframe-height/84338/6 "2023-06-30T15:17:32Z")

</div>

@BenStark Looks like this is due to the form being so long. I see the first, email enter page takes up the whole iframe.

The iframe doesn’t embed into the DOM it loads dynamically. I’m not aware of any workarounds to force the entire iframe to be a specific size and I would suspect it’s built this way specifically. The iframe gives the meeting a specific styling so external scripts and styling don’t affect it.  
It looks like everything is a visible height, the first page and the time booking, it’s just that the form is larger it requires a scroll. I’d imagine this is an intentional design decision by HubSpot to ensure there’s not an inconsitent size while navigating between pages, if the entire iframe was longer the initial page would be too long and the time booking page may be too long if there were few times available. The other option would be to have each page jump in height.

To my knowledge there isn’t, and likely intentionally shouldn’t be a way to change the height on these embeds so everything is visible instead of a scroll.

---

<div class="post-metadata">

**Author:** ![MariZanchetta](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/marizanchetta/32/92090_2.png) [@MariZanchetta](https://community.hubspot.com/u/MariZanchetta)\
**Post date:** [January 31, 2024, 10:54am UTC](https://community.hubspot.com/t/embedded-meeting-iframe-height/84338/7 "2024-01-31T10:54:02Z")

</div>

I have the same problem. And it’s not ideal, the last question is “hidden” and the user needs to realise they must scroll down in order to see it. It’s not intuitive at all.

Instead of making changes to the iframe, couldn’t Hubspot make the form fields more flexible?

If I could add the Company Name field next to the Email field (in the same line), or the Mobile number to the same line next to the Company name, just as it is with First and Last names, that would make the form shorter and sort this problem!

 ![form questions.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/d/d/dd9b7cff11bb3eb8c7f95f9d90254ee61be6553b.jpeg)

@kvlschaefer @Tom

---

<div class="post-metadata">

**Author:** ![TomM2](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tomm2/32/70887_2.png) [@TomM2](https://community.hubspot.com/u/TomM2)\
**Post date:** [January 31, 2024, 3:11pm UTC](https://community.hubspot.com/t/embedded-meeting-iframe-height/84338/8 "2024-01-31T15:11:20Z")

</div>

Hey @MariZanchetta If you’re on enterprise you can now use [HubSpot forms as the meeting link form](https://knowledge.hubspot.com/forms/redirect-a-form-to-a-meeting-scheduling-page#:~:text=In%20your%20HubSpot%20account%2C%20navigate,to%20a%20Meeting%20scheduling%20page.), which would allow you to customise this as much as you like.

---

<div class="post-metadata">

**Author:** ![MariZanchetta](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/marizanchetta/32/92090_2.png) [@MariZanchetta](https://community.hubspot.com/u/MariZanchetta)\
**Post date:** [January 31, 2024, 3:26pm UTC](https://community.hubspot.com/t/embedded-meeting-iframe-height/84338/9 "2024-01-31T15:26:16Z")

</div>

Hi @TomM2 , thanks for getting back.

I’m on the Professional plan, so I won’t have access to that.

I do appreciate that some features are only available in some plans, however, this seems like an issue that should be sorted out for all users (not the access to this new meeting link form, but the problem with the form itself).

The fact that a visitor needs to scroll down the form to view the last question(s) when there is enough space available for the form to be fully displayed doesn’t make any sense, and I believe it is hurting my conversion rate metrics.

I hope Hubpost considers a way of sorting this out, either by fixing the iframe or providing us an option to add questions in the same line.

many thanks!

---

<div class="post-metadata">

**Author:** ![TomM2](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tomm2/32/70887_2.png) [@TomM2](https://community.hubspot.com/u/TomM2)\
**Post date:** [January 31, 2024, 4:27pm UTC](https://community.hubspot.com/t/embedded-meeting-iframe-height/84338/10 "2024-01-31T16:27:55Z")

</div>

Hey @MariZanchetta I can definitely agree, it might be a good idea to add a feature request on the [ideas forum](https://ideas.hubspot.com/) to bring this to the attention of the HubSpot product team.

---

<div class="post-metadata">

**Author:** ![basdenhoed](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/basdenhoed/32/54564_2.png) [@basdenhoed](https://community.hubspot.com/u/basdenhoed)\
**Post date:** [February 7, 2024, 9:26am UTC](https://community.hubspot.com/t/embedded-meeting-iframe-height/84338/11 "2024-02-07T09:26:58Z")

</div>

I totally agree with you. This is really a fundamental feature within Hubspot. We use Calendly now, because it is in there.

---

<div class="post-metadata">

**Author:** ![MRussell28](https://avatars.discourse-cdn.com/v4/letter/m/c5a1d2/32.png) [@MRussell28](https://community.hubspot.com/u/MRussell28)\
**Post date:** [December 10, 2025, 8:08pm UTC](https://community.hubspot.com/t/embedded-meeting-iframe-height/84338/12 "2025-12-10T20:08:52Z")

</div>

Hey Tom, thanks for the reply on this. I’m having the same exact issue. I do know that you can add the scheduler directly into the form routing from within a HubSpot form itself. However, the issue we ran into is that if we don’t embed the HubSpot scheduler on a HubSpot landing page, then our cookie banner through cookie bot won’t show on the page. So we had to embed the scheduler on a landing page and then have that conditionally route from the form.

---

<div class="post-metadata">

**Author:** ![Berangere](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/berangere/32/220784_2.png) [@Berangere](https://community.hubspot.com/u/Berangere)\
**Post date:** [December 12, 2025, 3:11pm UTC](https://community.hubspot.com/t/embedded-meeting-iframe-height/84338/13 "2025-12-12T15:11:26Z")

</div>

Hey @MRussell28 👋, thanks for reaching out to the HubSpot Community!  
I’ve gathered for you these similar threads that might help:  
- The solution from @TomM2 on this post “[Troubleshooting Meetings Link Embed](https://community.hubspot.com/t5/Sales-Hub-Tools/Troubleshooting-Meetings-Link-Embed/m-p/811444)”  
- The solution from @ventit1 on this post “[Remove frame from scheduling meeting embed](https://community.hubspot.com/t5/APIs-Integrations/Remove-frame-from-scheduling-meeting-embed/m-p/1069387)”  
If these don’t change the behavior, for new feature suggestions, I’d recommend first to search and check if this idea is already present [on our Ideas Forum here](https://community.hubspot.com/t5/HubSpot-Ideas/idb-p/HubSpot_Ideas). If you find a similar idea, give it an upvote and share your unique use case in the comments.  
If the idea doesn’t exist already, please consider [posting and creating a new Idea on our Ideas Forum here](https://community.hubspot.com/t5/HubSpot-Ideas/idb-p/HubSpot_Ideas).  
And sharing this article “Embed content using an embed code” for information.  
Thank you for being part of the discussion and have a lovely weekend!  
Bérangère

---

<div class="post-metadata">

**Author:** ![lkpa](https://avatars.discourse-cdn.com/v4/letter/l/82dd89/32.png) [@lkpa](https://community.hubspot.com/u/lkpa)\
**Post date:** [March 15, 2024, 11:18am UTC](https://community.hubspot.com/t/embedded-meeting-iframe-height/84338/14 "2024-03-15T11:18:45Z")

</div>

I just wanted to second that I definitely see this as an issue. We do have people reaching out to us from time to time mentioning that the form “is broken” and they could not submit it. Also, co-workers have mentioned this.  
I am a developer and I embed the forms to websites and since they are iframes on domains I do not control I can’t control the height.  
I would prefere to have layout shifts on the page instead of scrollbars in this case.  
It would be great to have a solution or workaround if anyone could point me in the right direction.

---

<div class="post-metadata">

**Author:** ![DCiocca](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/dciocca/32/198292_2.png) [@DCiocca](https://community.hubspot.com/u/DCiocca)\
**Post date:** [March 15, 2024, 10:49pm UTC](https://community.hubspot.com/t/embedded-meeting-iframe-height/84338/15 "2024-03-15T22:49:16Z")

</div>

I am having the same problem here. This is a problem that needs fixed. On mobile, this causes major user confusion as it looks like they have filled out all of the required fields but still can’t click the book button because there are other required fields below that requires a scroll from the user that isn’t inuitive.

---

<div class="post-metadata">

**Author:** ![borjagarciac](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/borjagarciac/32/205555_2.png) [@borjagarciac](https://community.hubspot.com/u/borjagarciac)\
**Post date:** [March 17, 2025, 9:44am UTC](https://community.hubspot.com/t/embedded-meeting-iframe-height/84338/16 "2025-03-17T09:44:19Z")

</div>

We have the same problem, and it is a serious problem. Not having all the form fields visible is a leakage point and potential leads don’t sign up. Forms should display all required fields, including consent policies.

---

<div class="post-metadata">

**Author:** ![Heather\_Hodge](https://avatars.discourse-cdn.com/v4/letter/h/9fc29f/32.png) [@Heather\_Hodge](https://community.hubspot.com/u/Heather_Hodge)\
**Post date:** [July 17, 2025, 3:54pm UTC](https://community.hubspot.com/t/embedded-meeting-iframe-height/84338/17 "2025-07-17T15:54:47Z")

</div>

Having the same issue. The iframe height needs to be able to be adjusted. We will not use the new forms for our website due to this issue.

---

<div class="post-metadata">

**Author:** ![RRobinson63](https://avatars.discourse-cdn.com/v4/letter/r/e19adc/32.png) [@RRobinson63](https://community.hubspot.com/u/RRobinson63)\
**Post date:** [August 27, 2025, 12:38am UTC](https://community.hubspot.com/t/embedded-meeting-iframe-height/84338/18 "2025-08-27T00:38:46Z")

</div>

We moved to HubSpot from Calendly because we wanted tighter booking functionality. But may go back because of this. What a terrible ux

---

<div class="post-metadata">

**Author:** ![chighsmith](https://avatars.discourse-cdn.com/v4/letter/c/77aa72/32.png) [@chighsmith](https://community.hubspot.com/u/chighsmith)\
**Post date:** [August 27, 2025, 1:55pm UTC](https://community.hubspot.com/t/embedded-meeting-iframe-height/84338/19 "2025-08-27T13:55:42Z")

</div>

Hi @RRobinson63,  
Thank you for sharing your feedback and letting us know about your experience.  
We understand how frustrating it can be when the user experience doesn’t meet expectations, and we really appreciate you taking the time to let us know. Your input is valuable as we work to improve our embedded meeting functionality.  
Cassie, Community Manager

---

<div class="post-metadata">

**Author:** ![Ghislain](https://avatars.discourse-cdn.com/v4/letter/g/3be4f8/32.png) [@Ghislain](https://community.hubspot.com/u/Ghislain)\
**Post date:** [September 23, 2026, 6:05pm UTC](https://community.hubspot.com/t/embedded-meeting-iframe-height/84338/20 "2026-09-23T18:05:07Z")

</div>

I see this is a know issue and Hubspot didn’t take any step to fix it.

We have leads contacting us because they cannot submit the form. On mobile it created a double scrolling effect and the button to submit the form isn’t visible.

That mean we probably losing many opportunities dues to this issue!

On mobile, a simple fix would be to have the form submit button in line with the form itself so if they scroll down the form, they can submit the form no matter what.

Please this is a simple fix that would directly impact user experience and conversion.

[Next page](https://community.hubspot.com/t/embedded-meeting-iframe-height/84338.md?page=2)
