# How to Get Calendly Embed Code

> To get your Calendly embed code, choose the event type on your homepage, select 'Share', and click 'Add to Website'. Choose 'Inline Embed', click 'Continue', customise your colour settings, and finally click 'Copy Code' to paste into your HTML fragment.

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

## Steps

1. On the Event Types tab on your Calendly homepage, choose which Event Type you want to embed.
2. Select 'Share'.
3. In the pop-up, select 'Add to Website'.
4. Choose the 'Inline Embed' option.
5. Click 'Continue' to proceed.
6. Customise your colour settings to match your website's colours.
7. Click 'Copy Code' and paste this code into your HTML Fragment and place it on your page.