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.
Add your landing page to your website
To embed a landing page with multiple event types, visit the Event Types tab on your Home page. Find the team or user whose landing page you'd like to share. Select the gear icon and then select Add to Website. Then, choose the type of embed that you prefer and adjust the appearance to fit your site.
Add an event type scheduling page to your website
Control the type of meeting your site visitors schedule by embedding an event type scheduling page. Visit the Event Types tab on your Home page. Locate the event type you would like to embed, and select Share. In the pop-up, select Add to Website. Then, choose the type of embed that you prefer and adjust the appearance to fit your site.
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 with a paid Pro subscription 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.