Skip to main content

I’ve embed a Calendly widget, but it keeps refreshing on mobile (iOS). 
On desktop, it works fine. 

Hey @Johannes41371,

 

Which one of the embed option are you using:

https://www.calendly-embed.com/embed-options

 

Also, could you provide a link to the site where the embed is hosted?


Hey! Thanks for the reply. 
It is being used on this page: https://www.easypost.eu/nl-BE/easyflow/demo

We are using the inline widget, here is the code:

<!-- Calendly inline widget begin -->
<div class=“calendly-inline-widget” data-url=“https://calendly.com/easypost-connect/boek-een-discovery-call-30min-met-onze-expert?hide_gdpr_banner=1” style=“min-width:320px;height:1200px;“></div>
<script type=“text/javascript” src=“https://assets.calendly.com/assets/external/widget.js” async></script>
<!-- Calendly inline widget end -->

 


Everything looks right with the embed code.

 

I’m also seeing the iframe reload when the page is resized on a Desktop browser. It seems like something on the page is causing the iframe to be reloaded.

I’m not seeing this happen when our embed demo site is resized:

 https://www.calendly-embed.com/embed-options

 

One idea for troubleshooting would be start with a blank page on your site and add the embed code there. Then begin adding in the other sections and see if it breaks.

 


Hi @Johannes41371! After reviewing your page, it seems that the issue with the Calendly widget refreshing on mobile iOS (and when resizing on desktop) is likely tied to how your website handles content when the viewport size changes. This can often trigger the widget to reload, which is out of Calendly’s direct control.

 

We’ve seen similar issues occur with different website platforms, particularly those that manage responsive content dynamically, like Divi in WordPress. In these cases, the website platform uses attributes that cause the page content (including iframes like the Calendly widget) to reload when the screen size or viewport changes, such as when the keyboard pops up on mobile or when resizing the window on desktop.

 

Here are a few recommendations for troubleshooting:

1. Try embedding the Calendly widget on a blank page to isolate the issue and see if the refresh still occurs.

2. If the issue persists, reach out to your website builder’s support team (or the platform provider) to ask if they have any suggestions for preventing content from reloading when the viewport size changes.

 

Unfortunately, this is a behavior tied to how the website handles embedded iframes, and not something we can directly modify from the Calendly side. Let me know if you have any further questions, and thanks for your patience while troubleshooting!