# How to Embed Calendly into Website

> To embed Calendly into a website using Calendly, visit the Event types tab, select Share on your chosen event type, and choose Add to Website. Next, choose your display method, continue, adjust settings such as hiding event details or the cookie banner as needed, and copy the code to paste into your website's HTML editor.

Canonical: https://livedemo.ai/tutorials/how-to-embed-calendly-into-website/
Apps: Calendly
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a3cf3ab56e05a00fe477e/preview?step=1

## Steps

1. From your home page, visit the 'Event types' tab.
2. Locate the event type 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.
5. Select 'Continue'.
6. Make any relevant changes to your settings. To hide your profile picture, name, event duration, location, and description: Select 'Hide Event Type Details'.
7. To hide the cookie banner, select 'Hide Cookie Banner'.
8. Click 'Copy code' to paste your code in your website's HTML editor.