Skip to Content

Calendly

The Calendly widget allows you to embed a scheduling calendar directly into your page using an iframe from Calendly.com. To use this widget, you must first create your calendar on the Calendly website, then copy and paste the provided embed link into the widget to display it on your site.

Calendly Options

Editor UI Overview

The Calendly widget includes only a few simple options. By default, you will see a demo calendar. To add your own, click the first icon on the left and paste your embed link into the field.

Calendly Colors

Here you can customize the background, border, and shadow colors of the calendar.

Widget Alignment

This option controls the alignment of the widget.

Calendly Settings

Here you can adjust the calendar’s height and width, as well as open the Styling and Effects panels to manage padding, margins, animations, and more.

Note

When referring to the Styling Panel of the widget, please see the Widgets Styling article for more details and an in-depth guide. Note that most widgets share similar styling options, with slight variations depending on the specific widget.

Duplicate Widget

This control duplicates the calendar.

Delete Widget

This control deletes the calendar.