How to Get Calendly Embed Code
- George Apostolov
How to Get Calendly Embed Code: step-by-step guide
On the Event Types tab on your Calendly homepage, choose which Event Type you want to embed.
Select 'Share'.
In the pop-up, select 'Add to Website'.
Choose the 'Inline Embed' option.
Click 'Continue' to proceed.
Customise your colour settings to match your website's colours.
Click 'Copy Code' and paste this code into your HTML Fragment and place it on your page.
Quick answer: 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.
About this Calendly tutorial
Generate and customize your Calendly embed code by selecting an event type, choosing inline embed options, and copying the HTML for your site. This guide shows how to get Calendly Embed Code in 7 steps, starting with "On the Event Types tab on your Calendly homepage, choose which Event Type you want to e..." and finishing with "Click 'Copy Code' and paste this code into your HTML Fragment and place it on your page". The interactive demo above is a click-through copy of the real Calendly interface, so you can rehearse each step before doing it in your own account.
Frequently asked questions
How many steps does it take to get Calendly Embed Code?
7 steps. Each one is listed in order above, and the demo highlights exactly where to click.
Can I try it without changing my own account?
Yes. Clicking through the demo doesn't touch your Calendly data or settings. Once you know the flow, repeat it in your own workspace.
This tutorial is filed under Calendly. Related guides: How to Integrate Asana with Calendly, How to Integrate Calendly Using API and How to Integrate Calendly with ActiveCampaign. Last reviewed 05 Oct 2026.
Create your first interactive demo in minutes
No credit card required • Start building today
