Quick summary
Getting your Calendly embed code lets you add an inline scheduling widget directly to your website so visitors can book meetings without leaving your page. This guide walks through every step — from selecting your Event Type to copying the final embed code — inside the Calendly interface.
Steps
- On the Event Types tab of your Calendly homepage, choose which Event Type you want to embed on your website.
- Select 'Share' on the chosen Event Type to open the sharing options.
- In the pop-up that appears, select 'Add to Website' to access embed options.
- Choose the 'Inline Embed' option to embed the scheduler directly within your page content.
- Click 'Continue' to proceed to the customisation settings.
- Customise your colour settings to match your website's branding and colours.
- Click 'Copy Code' and paste the generated code into your HTML Fragment to place the scheduler on your page.
