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