Adding Calendly onto the website

Modified on Tue, 20 May at 1:52 PM

If you have a Calendly account it can be added to a Digital Website utilizing one of the following 3 methods.


1. Embedding Calendly Inline Widget

Use this method to embed your Calendly scheduler directly into page on your website.

Steps:

  1. Log in to your Calendly account.

  2. Go to the event you'd like to embed.

  3. Click Share and select Add to Website.

  4. Choose Inline Embed.

  5. Copy the code provided.

  6. Paste the code into your website’s HTML where you want the scheduler to appear. Utilizing "Custom Content"


2. Adding Calendly Pop-up Widget

This allows users to open your Calendly scheduler in pop-up modal.

Steps:

  1. Go to the event's Share option in Calendly.

  2. Select Add to Website and choose Pop-up Widget.

  3. Copy the provided JavaScript code.

  4. Paste the code into your website, ideally in the footer or just before the closing </body> tag. By doing so in the footer the widget will be available on all pages.


3. Using Button or Text Link

This approach opens Calendly in new browser tab or pop-up when user clicks link or button.

Steps:

  1. Go to Share in Calendly and copy the event link.

  2. Add the link to your website’s button or text. 


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article