How to add Calendly to an Unbounce site

You can embed your Calendly scheduling page into your Unbounce site using any of Calendly’s three embed options: inline, pop-up text, or a pop-up widget. This allows visitors to book time with you without leaving your site.

Before you begin

  • During setup, you’ll switch between Calendly and Azure. It’s best to keep each platform open in a separate browser window.
  • If you've applied an Unbounce theme to your website, it may affect the way Calendly appears on your site.

Add Calendly to an Unbounce site

  1. Sign in to Unbounce.
  2. To open the page you want to edit, select the gear icon next to the page name and select Edit Champion Variant.
  3. Hover over the menu options to the left of the window to locate Custom HTML, then, click and drag the button onto the page.
  4. Go to Calendly and copy your embed code.
  5. Return to Unbounce and paste your code into the blank field and select Save Code.
  6. Click and drag or resize the placeholder into position.
  7. Select Preview to ensure the Calendly works as expected.