tcampb / react-calendly

Calendly integration for React apps
MIT License
241 stars 55 forks source link

Implement react-calandely embeded #191

Open dilipsingh076 opened 2 days ago

dilipsingh076 commented 2 days ago

image (3) image (4)

image (5) image (6)

I Implemented react-calandely version 4.3.1 in my application after click on the schedule the valuable consentent Button react-calandely get triggered and after that loading start on the window and new model open.

there are 3 methods to implemnet react-calandely so i perefer that Pop-up widget here i am sharing that link with you. https://www.calendly-embed.com/embed-popupwidget

After click on that button new Modal come on the screen with loading feature I try so many methods to avoide the loading but i am unable to achive this feature i want that after click on that button modal come directly on the screen without any loading.

Everything is working great as per the expectation but in this i want to avoide the loading which come after hit the button it is a part of calandely i try so many menthods but i failed to stop loading i want that calandely come on the screeen without loading

Please help me to achive this behaviour that how we can achive this.

I added all the screenshot for better understanding. email : dilipsinghf@gmail.com

tcampb commented 1 day ago

Hey @dilipsingh076 - thanks for the screenshots and detailed Github issue. Since the Calendly embed uses an iframe, the loading spinner appears while the iframe is loading the Calendly scheduling page.

The only workaround I can think of would be to render an iframe with an opacity set to 0 so that the user does not see it, as described in this stackoverflow post.

Note that this use case is not supported by react-calendly, so you'd need to use an iframe tag to load your Calendly scheduling page.

<iframe src="https://calendly.com/acmesales"></iframe>