Unable to view the iframe and calendar

Forum|Forum|1 year ago
January 31, 2025
3 replies
206 views

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?

This topic has been closed for replies.

F

fastisfAuthor

Community Member

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

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

F

fastisfAuthor

Community Member

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

Sign up

Not a Calendly user yet? Head on over to Calendly.com to get started before logging into the community.

Login to the community

Not a Calendly user yet? Head on over to Calendly.com to get started before logging into the community.