Skip to main content

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?

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

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

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 :)

Reply


Need Help? Visit 'Get Help. Give Help.'
Terms & ConditionsCookie Settings