How to add Calendly to an Unbounce site

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

1. Sign in to Unbounce
2. Find the page you want to edit
3. Select the gear icon next to the page name
4. Select Edit Champion Variant
5. In the left-hand editor, find Custom HTML
6. Drag the Custom HTML button onto the page
7. In a separate tab, go to Calendly and copy your embed code
• Use inline, popup text, or popup widget embed code
8. Return to Unbounce and paste the code into the HTML field
9. 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