Add your Calendly booking flow directly onto your website using our embed options. Choose from three customizable styles to give your site visitors the option to schedule an event without having to leave the page.
Inline |
 |
Pop-up text |
 |
Pop-up widget |
 |
Add your scheduling page to your website
To embed a scheduling page, visit the Event Types tab on your Home page. Locate the page you would like to embed, and find the gear on the right side of the page. Expand the menu and click Add to Website, then choose the type of embed that you prefer and adjust the appearance to fit your site.
Locate the embed code for a team page from the Teams view. Scroll to the team you prefer, expand the corresponding drop-down menu, and click Add to Website.
Add an event type page to your website
Control the type of meeting your site visitors schedule by embedding an event type page. From the Event Types tab on your Home page, locate your preferred event type and select Add to Website from the gear icon menu. Choose the type of embed you would like and customize it to suit your web page.
Customizing your embed
All three embed types allow you to Hide Event Details. Enable this option to remove your avatar, the event type name, the location, and the event type details when Calendly is embedded. This will reduce any duplicate content you may have already added to your website.
Color and button text customizations are available for the pop-up widget embed, and you can edit the text shown for the pop-up text option. Users on our Pro plan have access to more color customization settings, including background color, text color, and button & link color.
Once you’re happy with the changes, copy the code to add it to your web page.
Need more help? Check out our embed guides for some of the most popular website platforms.