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