Help Center

How to add Calendly to your website

Updated March 20, 2026·2 min read

Quick answer

To add Calendly to your website:

  1. Go to the Scheduling page, optionally open the My Calendly dropdown to switch users or teams, then select the ... (three dots) on the page or event card and choose Add to website.
  2. Choose Landing page embed or Booking page embed, pick an embed type (Inline embed, Popup widget, or Popup text), and select Continue.
  3. (Optional) Adjust embed options (hide photo, hide event details, remove the cookie banner, or customize colors) and select Copy Code.
  4. Paste the copied code into your website’s HTML or follow the provider-specific instructions for Wix, Squarespace, Shopify, WordPress, or another platform.
Available to all users on all plans.View plans

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 33339421550231 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 33339421550231 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:

Need more help?

Check out these helpful resources:

Was this article helpful?
Let us know so we can improve our content.
Related articles
Menu
Popular articles