How to add Calendly to an Unbounce site
Updated March 13, 2026·1 min read
Available to all users on all plans.View plans
You can add your Calendly scheduling page to your Unbounce site using one of three embed options:
- Inline embed
- Popup text
- Popup widget
Adding Calendly helps visitors book time with you without leaving your landing page.
Before you begin
- Keep Calendly and Unbounce open in separate tabs to make switching easier.
- Unbounce themes may change how the Calendly embed looks on your site.
Add Calendly to your Unbounce site
- Sign in to Unbounce
- Find the page you want to edit
- Select the gear icon next to the page name
- Select Edit Champion Variant
- In the left-hand editor, find Custom HTML
- Drag the Custom HTML button onto the page
- In a separate tab, go to Calendly and copy your embed code
- Use inline, popup text, or popup widget embed code
- Return to Unbounce and paste the code into the HTML field
- Select Save Code
Adjust placement and preview
- Drag or resize the Calendly embed placeholder as needed
- Select Preview to see how it looks and confirm it works as expected
Was this article helpful?
Let us know so we can improve our content.