How to Add and Set Up the Calendly Widget

November 16, 2023

Calendly is a popular and innovative scheduling tool that simplifies arranging meetings and appointments. It eliminates the need for endless back-and-forth emails or phone calls by providing a centralized platform for you to share your availability and allow your prospects to book time slots that work best for them.

Jotform brings you the power of Calendly into your forms with the Calendly widget. This widget lets you arrange appointments and collect additional user details on a single page.

You can add and set up the Calendly widget by following the below steps.

  1. In the Form Builder, click the Add Form Element button on the upper-left side of the page.
  2. Go to the Widgets tab.
  3. Search for and click Calendly from the list. You can also drag and drop it to your form to add.
Form Builder with the Calendly widget added to the form

Alternatively, you can add Calendly by going to the Settings and Integrations tab.

Calendly widget at the Integration section of the Form Builder

At this stage, the widget is technically empty. You must set it up to display the calendar.

  1. In the General tab of the Widget Settings, you must provide and set up the following options:
    • Calendly Event URL — Copy/paste the scheduling link from your Calendly account.
    • Name & Email — These two fields are the identifiers of the invitee registered for the Calendly Event. Calendly will distinguish an invitee with these parameters.
    • Background Color, Primary Color & Text Color — You can customize these color options, subject to your subscription with Calendly.
    • Hide Event Type — This hides the event name at the top or left side of the widget.
    • Hide Landing Page — Use this setting to hide your profile picture, name, event duration, location, and description from the widget.
    • Hide GDPR Banner — Use this setting to hide Calendly’s request for cookie consent at the bottom of the widget. Ensure that you have the same on your website. Otherwise, keep Calendly’s cookie consent visible.
    • Field Height — The widget’s height is set to 1000px. Adjust this when needed.
Settings panel of the Calendly widget in the Form Builder
  1. Finally, click the Update Widget button at the bottom to save the settings and complete the setup.
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum:

Contact Jotform Support:

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.


  • Jennifer Hale - Profile picture
  • Cedar Martin - Profile picture
  • Ambrosia Crump - Profile picture
  • Jessica M. Chavez - Profile picture
  • George Beach - Profile picture