Embed options for Unbounce
Unbounce supports three embed options: inline, popup widget and popup text. Click the thumbnail images below to see a preview of each embed option.
| Inline | Popup widget (initial state) | Popup widget (open state) | Popup text (initial state) | Popup text (open state) |
|---|---|---|---|---|
 |
 |
 |
 |
 |
INLINE
1. Get your embed code from Calendly (not sure how? Use this quick guide).
2. Sign into Unbounce and open the page you'd like to edit. Click the Custom HTML button and drag it into the section where you'll embed Calendly.
3. Paste the embed code into the box that pops up.
You'll see the placeholder box below. You may want to adjust the width and height, depending on your site layout (this is optional upon style preference).
POPUP WIDGET
1. Get your embed code from Calendly (not sure how? Use this quick guide).
2. Sign into Unbounce and open the page you'd like to edit. Click the Javascripts button.
3. Paste the embed code into the box that pops up. Under Placement, select Head.
NOTE: Unbounce may label your Javascript as (Invalid), but as long as your popup widget appears successfully in Preview mode, this can be safely ignored.
POPUP TEXT
1. Get your embed code from Calendly (not sure how? Use this quick guide).
2. Sign into Unbounce and open the page you'd like to edit. Click the Custom HTML button and drag it into the section where you'll embed Calendly.
3. Paste the embed code into the box that pops up.
You'll see the placeholder box below. You may want to adjust the width and height, depending on your site layout (this is optional upon style preference).
NOTE: Unbounce may label your HTML block as invalid (as in the image above), but as long as your popup text appears successfully in Preview mode, this can be safely ignored.
