How to add Calendly to your website

You can embed your Calendly page so visitors can schedule time without leaving your site.

Step 1 – Choose what you want to embed

Calendly offers two embed options:

• Landing page embed – Shows all active personal or team event types.
  1. Go to the Scheduling page.
  2. (Optional) Open the My Calendly dropdown to switch to another user or team page.
  3. Select the three dots in the top-right corner, then select Add to website.
• Booking page embed – Show just one event type.
  1. Go to the Scheduling page.
  2. (Optional) Open the My Calendly dropdown to switch to another user or team page.
  3. Find the event type, select the three dots in the event card, then select Add to website.

Step 2 – Copy your embed code

Choose how you want Calendly to appear on your site:

• Inline embed – Displays directly on your page.
• Popup widget – Adds a floating button to open your scheduling page.
• Popup text – Adds a clickable link that opens your scheduling page.

Then:

1. Select Continue.
2. (Optional) Change your settings:
   • Hide your photo
   • Hide event details
   • Remove the cookie banner
   • Customize colors (paid feature)
3. Select Copy Code.

Paste the code into your website’s HTML.

Step 3 – Select your website provider

Choose your provider for specific embed steps:

• Wix
• Unbounce
• Squarespace
• Shopify
• Weebly
• WordPress
• Google Sites
• Joomla

Need more help?

Check out these helpful resources:

• How to customize your embed
• Advanced Calendly embed for developers