Developer Community

Here's another question for the Calendly Community:---**Title**: Tips for Making Calendly Inline Embed Responsive in Framer?**Question**: Hi everyone! I'm embedding a Calendly scheduler inline on my Framer website, but I'm struggling with making it responsive across different screen sizes. I want the Calendly embed to automatically resize based on the device width without cutting off any content.Does anyone have suggestions or best practices for making a Calendly inline embed fully responsive in Framer? Any CSS tips or adjustments within Framer would be appreciated. Thank you!--- This version focuses on achieving responsive behavior across devices.

Making a website on Framer and trying to embed a Calendly popup. It keeps giving me this narrow long size. Not sure how to fix this. Please help, thank you.

Hi, I’m trying to automate the creation of my calendly events and managed to get a one off event to be created using this API  https://developer.calendly.com/api-docs/v1yuxil3cpmxq-create-one-off-event-typeMy issue is that for my calendly events, I need there to be quick questions like email, names, and an additional custom text field but the one off event doesn’t seem to support that functionality.Is there a way to get one off events to support questions or is there a beta API where something like create event types is possible? 

Is it possible to add new contact and create booking through the API?  

Is it possible to use the API or some other functionality to bulk create event types, particularly round-robin events? My organization needs to inspect units and we need each event to have a distinctive name as well as location. While one-off-meetings could have worked, the problem is that they do not allow for round-robin scheduling or assigning specific time slots to specific people—there are just multiple host options.   

Reschedule url is not supporting styling eg:`${url}?background_color=1f2937&text_color=f9fafb&primary_color=6366f1`; for inline element

Dear community,While the embedded form adapts perfectly to all screen sizes on another subpage of my site created with Elementor Pro, it does not want to work on a new subpage. The form is displayed with a minimum width of 320 px on all screen sizes. The settings of both subpages are the same.In another topic here in the community, I found an answer from an employee who says, "Our default embed code should resize its width with the screen, although CSS on the parent page may affect its ability to do this."So, what could be the problem here?Best regards

In my web application I use calendly widget. Why is it that when I load a widget on my page, the stripe module loads? I don't have a payment option in the form, and the integration is disabled in my personal account. This fact negatively affects the page loading speed.   

Hi folks, I am trying to setup an API call in order to setup a keyboard shortcut for one off meetings usings Espanso (a text replacement piece of software) :m15 will give me a one off link for a 15min meeting:m30 will give me a one off link for a 30 min meeting:m50 will give me a one off link for a 60 min meeting The issue is that I need to define a start and end date, whereas ideally I would like to have it so that people can book into my calender from today, up to 2 months away in my diary. I have copied the code block below; any help with this would be very much appreciated! curl --request POST \  --url https://api.calendly.com/one_off_event_types \  --header 'Authorization: Bearer <myapikey>' \  --header 'Content-Type: application/json' \  --data '{    "name": "15 Minute Meeting",    "host": "https://api.calendly.com/users/<myhostlink>",    "duration": 15,    "timezone": "Europe/Dublin",    "date_setting": {      "type": "date_range",      "start_date": "2024-10-15",   

Hi,I'm using the Calendly inline widget in an Angular project and need to override specific styles (e.g., display: contents, justify-content: center) for the class _CUP1np9gMvFQrcPftuf. My attempts using ::ng-deep, !important, disabling ViewEncapsulation, and even Renderer2 for inline styles haven’t worked, as the external CSS (booking-469382ad.css) keeps overriding my styles.Is there any way to reliably override the Calendly widget's CSS, or any service that allows direct control over its styles?Thanks!

Hi ,There is no redirect URL parameter when we create one off event through api https://api.calendly.com/one_off_event_types which create automatic redirect after booking a slot and time of the given event . But when we tried to manual through dashboard its worked. Is there any other api which can add the redirect URL on completion of booking process?.

Hello, I am working on a project that involves retrieving event information similar to what is displayed in the attached image (e.g., the date and time of the event, email of the invitee, questions, and the Google Meet link). I would like to know which API I should use to retrieve this data for all events on my account so I can test it with Postman. Could you also provide the necessary parameters for making the API calls?Could you please provide guidance or documentation on the appropriate API for accessing these details with Postman? 

Hello,I am working on a project that involves retrieving event information similar to what is displayed in the attached image (e.g., the date and time of the event, email of the invitee, questions, and the Google Meet link). I would like to know which API I should use to retrieve this data for all events on my account so I can test it with Postman. Could you also provide the necessary parameters for making the API calls?Could you please provide guidance or documentation on the appropriate API for accessing these details with Postman?  

Hello,I am trying to test the Calendly API endpoint https://api.calendly.com/scheduled_events in Postman to retrieve all scheduled events. Could you please help me understand how to obtain all the necessary parameters, such as the organization, user, and group URIs? Specifically, I'd like to know:How can I obtain the organization URI for my account? What is the best way to retrieve the user and group URIs required for this API? Are there any specific parameters or steps I should follow to ensure I get all events for the organization?

I tried adding the code from several articles but it didn’t work.  i.e.: from the article at https://developer.calendly.com/release-notes it says:“To automatically resize the standard html embed code, data-resize="true" will need to be added as an attribute:<div class="calendly-inline-widget"data-url="http://calendly.com/YOUR-LINK"data-resize="true"style="min-width:320px;height:700px;"></div>However, the code of my calendly does NOT match this.  There is not a ‘style’ section in the code, and so I tried inserting data-resize=”true” after my data-url part and before my <script type= part.  That did nothing to the calendar but instead just showed the text I’d added as text below the calendar.  I also tried inserting it after the <script type= part, but that also just displayed data-resize=”true” as text below my calendar.Here is my code (with some details obscurred for privacy):<!-- Calendly inline widget begin --><div class="calendly-inline-widget" data-url="h

Hello, people!I was trying to create an endpoint to connect the Calendly app into my app. Like to connect the API to get the events for an user that authenticates, and connect them into my calendar.Now, I did that, it works. But, at some point I received an error which goes like this:“Please upgrade your Calendly account to Standard”I did that, now, idk if the error appeared for the user account or the account where the app was setup.It worked, never the less. I upgraded the user account. But, I tried with another account now, that has no subscription. And it worked again.I created another app on another API account, to make sure. And tried it with the account that had no subscription. And it worked.What is going on?But now, idk, do I, as a developer, need to have subscription? It doesn’t make sense to me.Idk what is happening.

I’ve embed a Calendly widget, but it keeps refreshing on mobile (iOS). On desktop, it works fine. 

We are using calendly to book meetings on Zoom. We have the integration setup and can see these meetings in our zoom data. However, we have several associates meeting with clients throughout the day and we are leveraging a public round robin approach to our calendar. Given that calendly is generating unique links per meeting, is it possible to pull those links from the api so that we can validate attendance in zoom? 

In a webhook I’m catching new scheduled events and all my events use MS Teams as ‘location’.I want to capture the MS Teams conference ID and according to the API docs (https://developer.calendly.com/api-docs/e2f95ebd44914-get-event) that id should be present under location.data.id. I also know that location.status can be ‘processing’, and in that case I guess it’s normal the ID is not yet available.However, when I fetch the event info via the API a bit later on, I see that the status has changed to ‘pushed’, but the data.id is still not available. It stays  "data": {"audioConferencing": {"conferenceId": null,"dialinUrl": null,"tollNumber": null}},Example scheduled event id: 0fc8f92b-6c88-4130-8cd5-9662fd4c45b6It looks like this object isn’t updated even when the status has changed to ‘pushed’.Am I correct in thinking this is a bug or am I missing something? Would love to get some help, because we really depend on the MS Teams conference ID in our product.

We have some apps in my organization that uses our paid calendly accounts to retrieve the list of schedule events.  Today I got reports that the application was no longer working and I noticed that we are getting a ‘FORDBIDDEN’ response.  This app has worked for years now up until sometime in the last few weeks. Are we on a calendly blacklist or something?What do we need to do to get off of it?

i am being trying to integrate calendly api . i am unable to get api to see my upcoming and pending meeting list . kindly help me integrate it

I’m using the inline embed on my wordpress site. I’m using the free plan. powered by calendaly banner covers part of the X (close button). Is it possible to make the close button visible? 

Hi. Please let me know if it is possible to somehow track through the API that the user has refused email notifications.Especially interested in whether it is possible to control this via a webhook, or maybe you can suggest some other solution. I will be grateful for any help and advice. This is critical for us, because we use mailings from a third-party service and we need to control it.

Hi all! I’m building my site from scratch ( Good old HTML and CSS ) but I can’t seem to get it to work. The height is no more that 100 px or so with a scroll bar. I could hard code a solution, but I want to understand what’s going so I can create a more agile solution. Thank you! 

The behavior of `hide_event_type_details` seems a bit odd to me, is this expected behavior?If I set `hideEventTypeDetails: true`, the event title, and event duration are hidden on step 1 and step 2, but not on step 3. It does seem valuable to show the user what they selected in step 3, but my main goal is to hide the event title (“Enrollment Call” below).It would be nice if there was a `hideEventName` that works on all steps, and a consistency in behavior in how `hideEventTypeDetails` works on all steps.Step 1 (event name and details *hidden*)Step 2 (event name and details *hidden*)Step 3 (event name and details *shown*)My Code:```<InlineWidget url="https://calendly.com/d/some-id/some-event-name" pageSettings={{ hideEventTypeDetails: true, }}/>```  To give some context into why I’m using hide_eventTypeDetails: true