Retrieve your calendar HTML code from Calendly

Calendly offers three options for embedding your scheduling page onto your website. They're completely responsive so your invitees can schedule with you across any device.

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 Embed on Your Website and choose the type of embed that you prefer
  • Customize the color or text options, then copy the embed code into a document

To embed a specific event type:

  • Navigate to your Event Types page
  • Click the gear icon for the event and select Embed
  • Locate the embed code for a team page from the Teams tab
  • Scroll to the team you prefer, expand the corresponding drop-down menu and click Embed

Embedding the calendar code onto a Heroic page

Use a HTML/JS Snippet element to embed the Calendly HTML code onto a Heroic page.