1. Grab the Calendly link
- Open the Calendly event you want people to book (it will look like
https://calendly.com/yourname/event-name
) and copy its URL from the address bar.
2. Generate the embed code
Option A – One-click tool
- Paste the event URL into a generator like
https://emailwarmup.com/embed-calendly
to instantly get the responsive code snippet.
Option B – Calendly’s built-in method
- In Calendly, click Share → Add to Website on the event page.
- Choose Inline Embed (or Popup Text/Widget, depending on your preference).
- Adjust width/height if needed and click Copy Code to grab Calendly’s
<div class="calendly-inline-widget">
snippet plus the required script tag.
3. Add the code to your page
- In your website editor or HTML file, locate the spot where you want the scheduling widget to appear.
- Paste the entire copied snippet on your page.
4. Save and publish
- Save the page, refresh your site, and your Calendly scheduling widget should load and allow visitors to book directly on the webpage.