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 without ever leaving the page.
Inline |
 |
Pop-up text |
 |
Pop-up widget |
 |
To embed your personal scheduling page, select Share Your Link from the drop-down menu within your account. In the popup window that appears, click Add to Website and choose the type of embed that you prefer.
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 web page.
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. Once you’re happy with the changes, copy the code to add to your webpage.
To embed a specific event type, navigate to your Event Types page. Click the gear icon for the event and select Add to Website. 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.
Need more help? Check out our embed guides for some of the most popular website platforms.