Heroic Help

Adding a Calendly booking widget to a page

Blog post1 min readUpdated Feb 22, 2025View source ↗
Retrieve your calendar HTML code from Calendly Calendly offers three options for embedding your scheduling page onto your website. They're completely responsive so your invitees can schedule with you across any device. 171-1.jpg To embed your personal scheduling page: Select Share Your Link from the drop-down menu within your account In the popup window that appears, click Embed on Your Website and choose the type of embed that you prefer Customize the color or text options, then copy the embed code into a document 171-2.gif To embed a specific event type: Navigate to your Event Types page Click the gear icon for the event and select Embed Locate the embed code for a team page from the Teams tab Scroll to the team you prefer, expand the corresponding drop-down menu and click Embed 171-3.gif Embedding the calendar code onto a Heroic page [using-js-html-snippets|Use a HTML/JS Snippet element to embed the Calendly HTML code onto a Heroic page.]
Was this article helpful?

Still puzzling over something?

The agent has read this article — and everything around it. Ask a follow-up and it answers in seconds.

← Back to Help Center