Embedding Calendly on your site

How to add your event type to your website

Add_code_to_event_embed_website.gif

  1. From your Home page, visit the Event Types tab.
  2. Locate the event type card you would like to embed, and select Share.
  3. Select Add to Website.
  4. Choose how you'd like to add Calendly to your site, and select Continue.
  5. Make any relevant changes to your settings, and select Copy Code.
    • To hide your profile picture, name, event duration, location, and description: Select Hide Event Type Details
    • To hide the cookie banner: Select Hide Cookie Banner 
      Booking_page_settings.png
  6. Paste your code in your website's HTML editor (this may differ by web provider). 

How to add your landing page to your website

Add_to_landing_page_embed.gif

  1. From Account, select Share your link.
  2. At Add to Your Website, select the </> button.
  3. Choose how you'd like to add Calendly to your site, and select Continue.
  4. Make any relevant changes to your settings, and select Copy Code.
    • To hide your profile picture, name, event duration, location, and description: Select Hide Page Details
    • To hide the cookie banner: Select Hide Cookie Banner 
      hide_page_details.png
  5. Paste your code in your website's HTML editor (this may differ by web provider). 

How to add another user's landing page to your website

Add_landing_page_other_user_embed.gif

  1. From the My Calendly dropdown, locate the user whose page you'd like to add.
  2. Select the gear icon to the far right of the user.
  3. Select Add to Website.
  4. Choose how you'd like to add Calendly to your site, and select Continue.
  5. Make any relevant changes to your settings, and select Copy Code.
    • To hide your profile picture, name, event duration, location, and description: Select Hide Event Type Details
    • To hide the cookie banner: Select Hide Cookie Banner 
      hide_page_details.png
  6. Paste your code in your website's HTML editor (this may differ by web provider). 

Further details by web provider

You can select your website provider to learn more about how to embed Calendly on your website.