Skip to main content
Question

Unable to view the iframe and calendar

  • January 31, 2025
  • 3 replies
  • 107 views
F

Hello,

I have spent a whole day trying to integrate calendly on my landing page but still unsuccessful. I have tried all options - inline, popup and all react integrations like react-calendly but all of them give the same issue - I see the spinner but never the calendar in the iframe.

I have also tried z-index manipulation of calendly-popup element.
What I have observed is - I get a “scribe-shadow” HTML element which has the max z-index value, so I dynamically try to bring its z-index down and our calendly-popup z-index up so that I can view the iframe content - no effect.
I am using React 17 and using dynamic js and css calendly scripts to my page.

Has anyone dealt with this problem?

1 Attachments
This topic has been closed for replies.

3 replies

F
  • fastisf
  • Author
  • Community Member
  • February 1, 2025

I also see there is a single API call to calendly from my website - 

https://calendly.com/api/booking/initial_settings
There are no follow up API calls.

But when I see other sites with successful calendly display, there are follow up API calls too - that means the initialization of calendly on my website is not happening properly.
This API which is the second API - never got called.

https://calendly.com/api/booking/event_types/lookup?event_type_slug

L
  • Lonzo04556
  • New Community Member
  • February 2, 2025

We also want to add in our site but the Html code is not working if you get any solution let us now

F
  • fastisf
  • Author
  • Community Member
  • February 6, 2025

The workaround that I used - open in a new window using the calendly link instead of loading calendar on the same page. Not the best solution, but some calendar is better than no calendar :)

Need Help? Visit 'Get Help. Give Help.'
Terms & ConditionsCookie SettingsAccessibility statement