Developer Community

Hi everyone,we're currently working on integrating Calendly into our Shopware 6 webshop, but unfortunately the standard plugin doesn’t meet our requirements – so we plan to build a custom plugin ourselves.Our goal:We want to offer installation appointment slots through Calendly, with different time blocks based on how long the service takes. For example: 3-hour installation 6-hour installation Customers should be able to choose the appropriate appointment type directly from our webshop.Questions we need help with: Where do we start with the Calendly API integration into Shopware? Do we need an API key to interact with Calendly? Is a Calendly developer account required, or is this possible with a standard paid account? How do we handle appointment types with different durations and availability? Has anyone here already worked on a Shopware 6 x Calendly integration? Any pointers, API setup guides, or code references would be greatly appreciated. We’re happy to share our progres

This is the first time I’ve used Calendly and I was disappointed in the customization options for the embed form. I was able to choose background, text, and link colors. However I chose a darker theme and there are details in the second step that aren’t adhering to those settings. I would remove the details if I could. It’s an expanding toggle, which should have less prominence. Because the background and text css has been overridden, it has much more prominence than it should. I can’t change these settings on my end. Essentially, there are two css properties that are creating the issue, which I believe should be removed..c1y2smo4 { background-color: var(--coreColorNeutral100, #fafafa); color: var(--coreColorNeutral900, #0a2540);}If I turn these off, everything looks fine (see images). Is there a way this can be corrected on the Calendly side?Link to page: https://sensryui.com/contact/Properties turned off, shows my preferred styles

I have tried some of the recommendations in the help articles but I still can get the embed code to book an event show up correctly on my website. I added the embed code as custom html. the preview looks great but on the site the calendar does not appear but the link https://assets.calendly.com/assets/external/widget.js Could anyone help me troubleshoot to help visitors to my website see the embedded calendar. Thanks.

I created an inline embed widget and set the text color to white #fff. However, the color that renders based on the colorTextStandard variable is #dedede.  Below is the script I’m using. You can find the widget at the bottom of wagginglabs.com<!-- Calendly inline widget begin --><div class="calendly-inline-widget" data-url="https://calendly.com/wagginglabs/chat?hide_event_type_details=1&hide_gdpr_banner=1&background_color=162035&text_color=ffffff&primary_color=99eff1" style="min-width:320px;height:700px;"></div><script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async></script><!-- Calendly inline widget end --> 

I have used the following code to ensure the cookie banner doesn’t appear:hide_gdpr_banner=1On initial load of the calendar page the banner doesn’t appearBut after someone has booked their first meeting and the calendar allows you to book a second meeting the cookie banner re-appears.How can I stop this from happening?I’m using Divi builder on Wordpress  

Hi everyone,I’m having the issue where all of a sudden starting yesterday our embedded calendly inline widgets started appearing visually twice on the website. It looks super unprofessional and annoying and we’ve never had this issue before. All of the embed have existed prior to yesterday and have worked great for months, nothing’s changed. It’s happening on our wordpress site AND our hubspot landing pages. I’ve tried everything debugging wise on wordpress etc and I can’t find any reason for this to happen out of the blue. I’ve hidden the doubles under a white backround from the section beneath right now, but the site is grandcircus.co if anyone wants to look at the code.Please help! Oliver  

Hey Calendly Community,I'm working on adding Calendly to our custom web app, and I could use some help with a few things.Here’s what I’m facing:Styling Customization: I want to change how the Calendly widget looks to match our app's design. I've tried using CSS, but it seems like Calendly’s default styles are overriding mine. How can I make my custom styles work?Responsive Design: Our app is designed to work well on all screen sizes, but the Calendly widget doesn’t resize properly on smaller screens. It looks off and affects the user experience. How can I make the widget more responsive?Event Handling: I need to know when certain events happen in the Calendly widget, like when someone schedules or cancels an appointment. I want to run some custom code when these events occur. How can I capture and handle these events in my app?If you have any advice, code examples, or tips on these issues, please share. Your help would be greatly appreciated!Thanks!

Hi,I’m using Flutterflow and tested on postman. Here is the API call which does work wellhttps://api.calendly.com/users/c87babc0-4bb4-4659-9ed5-f4ac3f6c6202/ And here is the API V2 call which does not workhttps://api.calendly.com/scheduled_events?count=5&page_token=MY_TOKEN&user=https://api.calendly.com/users/c87babc0-4bb4-4659-9ed5-f4ac3f6c6202 I made the test with Postman and Reqbin, still the same result{  "title": "Unauthenticated",  "message": "The access token is invalid"}Maybe, I missed something or I misunderstanding but I’m looking for why I get this error message. Thank you  for your helpPS : I’m under 14days trial before starting the paid version. WOuld it be a limitation for the free version ?

The embedded Calendly didn’t load until I scrolled it into view, which is bad for my user experience, even though I loaded the script right when the landing page was visited. I visited Calendly embed demo sites and it seems that they have the same behavior.How can I prevent the loading experience ?

The calendly booking page doesn’t load on my website- www.thebreathcoach.co.uk The calendly integration loads on some mobiles but not others. Has anyone come across this before or have any ideas for a simple fix?This is my consultation booking page, and it’s where all my work comes in—so getting it working across all devices is important.Any advice would be much appreciated.Thanks,Thomas

Hello,I'm currently working on integrating Calendly into my application, and I'm encountering an issue when trying to fetch availability schedules using the "List User Availability Schedules" API. Whenever I make the request, I get the following error message:{ "title": "Invalid Argument", "message": "The supplied parameters are invalid.", "details": [ { "parameter": "string", "message": "string", "code": "string" } ]}Thank you in advance for your help!

I use Calendly to manage availability and event booking for my website, and users provide their Calendly embedded booking page URL when they sign up so other users can directly schedule meetings with them. However, my website has it’s own calendar that I want to sync with each user’s Calendly calendar. In order to do this, I just need the start and end times of events that users schedule with each other using Calendly.I need some way to get the start and end time of events when they are booked from the embedded page to my parent website. Embedded pages send a notification to the parent window when an event is scheduled, but the payload only contains the event URI and not the fields I need.I also tried making a GET request to the Calendly API every time an event is scheduled based on the event URI, but the GET Event request only gives permission when the caller is the event owner, not an invitee.Has anyone found a way to do what I’ve described? I would appreciate any help. Thanks.

Feature RequestThe https://developer.calendly.com/api-docs/2d6c9df9b89de-notifying-the-parent-window, and personal testing confirms that the only data available to the parent window when an event is scheduled  (calendly.event_scheduled) is the uri of the event and invitee. However, I see in the network tab that many fields are returned. Can you expose all, or some of these other fields? At least start_time, end_time, and uuid My Use CaseI would like to create my own “you are scheduled” page, because calendly is just one of the steps in my flow. I would like to show my users this ‘scheduled’ information alongside a few more “what’s next/what to expect”, my own styling for FAQ link, etc.

Hello, Zoho is a 100 million users platform and there is no integration between Zoho Calendar and Calendly. Its a big calendar that suppose to have a representation in Calendly. I already talked to Zoho and if you are interested they will put the resources to assist with the integration.  Let me know,Lior

I am encountering a 500 Internal Server Error when attempting to create a one-off event type using the Calendly API. The response I receive is:{ "title": "Internal Server Error", "message": "The server encountered an unexpected condition that prevented it from fulfilling the request."}Here is the request payload and configuration I am using:const data = { name: "My Meeting", host: uri, co_hosts: [], duration: 30, date_setting: { type: "date_range", start_date: "2025-2-6", end_date: "2025-3-6", }, location: { kind: "physical", location: "Main Office", additional_info: "string", },};const options = { method: "POST", url: "https://api.calendly.com/one_off_event_types", headers: { "Content-Type": "application/json", Authorization: `Bearer ${accessToken}`, }, data,};Any guidance or clarification would be greatly appreciated. Thank you!

So I realized that I can't create an event using the official Calendly API. But when I create an event on my user page I noticed that it calls another endpoint to create them. So, is it possible? How can I do this?

The event_type_available_times endpoint fails if start_time is in the past. In fact if fails with an opaque 400 error:`The supplied parameters are invalid`It took me an hour to debug this non-obvious behavior.Can you please document this behavior in the api docs, return a meaningful error message in the api response, or preferably both?Thanks!

curl --request GET \ --url 'https://api.calendly.com/event_type_available_times?event_type=https%3A%2F%2Fapi.calendly.com%2Fevent_types%2Fd9ceda1a-7a6e-4fa1-b0af-59c2df7c2387&start_time=2020-01-02T20%3A00%3A00.000000Z&end_time=2020-01-07T24%3A00%3A00.000000Z' \ --header "Authorization: Bearer $BEARER_TOKEN" \ --header 'Content-Type: application/json'What’s wrong with my request? I tried using the request-creator tool in the docs: https://developer.calendly.com/api-docs/6a1be82aef359-list-event-type-available-times, but in that UI or in curl, i get the same error: {"title":"Invalid Argument","message":"The supplied parameters are invalid."}For reference, I got this event_type uuid from a successful call to the  https://api.calendly.com/event_types endpoint.

Hello!For number of days we are trying to fetch information about the first available slot for an event (API) to present on our website. Unfortunately, we are doing something wrong. Here’s a message from my developer: We have fetched all event_types from the user. We are trying to retrieve the schedule for a specific event.URI: https://api.calendly.com/event_types/1fd06bb2-983f-4847-9751-ebd631d21f7a | UID: 1fd06bb2-983f-4847-9751-ebd631d21f7aWe are attempting to do this using the following endpoint: https://developer.calendly.com/api-docs/6a1be82aef359-list-event-type-available-times Unfortunately, it doesn’t work, neither in the code nor via the link above.We are passing the following parameters: • end_time: 2025-02-13T01:00:00.000000Z • event_type: https://api.calendly.com/event_types/1fd06bb2-983f-4847-9751-ebd631d21f7a • start_time: 2025-02-20T01:00:00.000000ZWhat are we doing wrong? 

​@Austin I’m finally working on implementing the process you outlined in this post:  But I’m running into one problem. My CancelEventTemplate that I copied from the installed package has this in the Subject line: {!$Record.Calendly__EventSubject__c} - Calendly - {!$Record.Calendly__InviteeUuid__c} There is no “Canceled” verbiage to update to “Rescheduled”. However, even though this flow is active without “Canceled” in the subject, my events in Salesforce are changing to Canceled. So I’m wondering if there is something else inside of Calendly that is putting “Canceled” in the subject line and passing it over?  I did try adding “Rescheduled” to my flow to see what would happen. I tested it out, and the rescheduled meeting in Salesforce ended up with the subject “Rescheduled: Canceled: Subject - Calendly - ID”. So I’m thinking there has to be something outside of the Flow that is setting the title to “Canceled”.  If I need to put in a ticket, I will, but I thought I’d start with you to se

I have used embedded code option to embed calendly  to my website and i am using the following developer code<div class="calendly-inline-widget" data-url="https://calendly.com/YOUR_EVENT?hide_gdpr_banner=1" style="min-width:320px;height:630px;"></div><script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js"></script>Even with the added code hide_gdpr_banner=1 in the URL link, it is still showing banner on the mobile while on the computer site, its working fine.Let me know what i can do to eliminate that.

Hi Calendly,we have a German website with two languages, German and English. The website should be for people in Germany that couldn't speak the german language. It would be perfect if we could present Calendly in both languages in the right language. But if not, it would be more important if we could get Calendly in english. We setted up the form on english, but on the website we got it on german. I tried different things. I tried to set up the Calendly-URL like this "?locale=en", I tried to use for implementation Javascript and an Iframe. I chanaged system and browser language and nothing helps. Is it an IP-Localisation Script and is there no other options for the languages?Thank you for your help! 

I’ve successfully created a webhook. However, it only triggers when an event is created or cancelled if I am simultaneously logged on to the Calendly web page. I understood it would run on every event called by the trigger.  I am trying to work out if this is by design (and I’m misunderstanding how they work) or the result of a misconfiguration.  NB I’ve created the webhook using the API Key and an oath token with the same result. What I’m trying to achieve is:Create a single use link using the API have a user book an event have that event trigger a webhook (calling an http trigger in PowerAutomate)I hope some can help. 

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?

Hi there. Just encountered issue with my Calendly on my Wordpress site. The calendar doesnt show up on mobile view. Can you please help me how to fix this one? The website page is https://adastraawakening.com/book-a-call/ Hope you can help me 🙏🙏🙏