How to add Calendly to your website
Updated March 31, 2026·2 min read
Quick answer
To add Calendly to your website:
- Choose the page you want to embed:
* Landing page embed – Displays all active personal or team event types.
* Booking page embed – Displays a single event type. - Select the three dots (•••) next to your chosen page, then click Add to website.
- Choose your embed type: inline embed, pop-up widget, or pop-up text.
- Select Continue, make any adjustments, then click Copy code.
Was this helpful?
- Available to:
- All users
- Plans:
- Free, Essentials, Professional, Standard, Teams with SSO add-on, and Enterprise
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.
- Go to the Scheduling page.
- (Optional) Open the My Calendly dropdown to switch to another user or team page.
- Select the
three dots in the top-right corner, then select Add to website. - Booking page embed – Show just one event type.
- Go to the Scheduling page.
- (Optional) Open the My Calendly dropdown to switch to another user or team page.
- 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:
- Select Continue.
- (Optional) Change your settings:
- Hide your photo
- Hide event details
- Remove the cookie banner
- Customize colors (paid feature)
- 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.