How to Embed a Form to the Unbounce Classic Builder

Unbounce is a drag-and-drop builder that lets you create and publish landing pages. It’s an easier and faster way to get more conversions. Jotform allows you to do more with Unbounce’s world-class A/B testing landing pages. You can make your form as simple or complex as you like and easily integrate it using Unbounce’s landing page builder. 

Because Jotform partners with Unbounce, you can claim a three-month 50% discount when you use our coupon code.

Getting the embed code for Unbounce

Here are the steps to getting your embed code for Unbounce:

1. In the Jotform Form Builder, go to the Publish tab.
2. Click Platforms on the left side.
3. Search for and select Unbounce.

4. Click the Copy Code button.

You now have your form’s embed code.

Adding a form to Unbounce

Below are the steps to add your form to Unbounce:

1. Edit your Unbounce landing page.
2. Drag/drop the Custom HTML from the left side of the editor.

3. Paste your form’s embed code in the modal window that appears after you drop the Custom HTML element into the site editor.
4. Click the Save Code button at the bottom of the modal.

5. The Custom HTML block is displayed, but the form isn’t visible at this stage. You may need to position the custom HTML in all breakpoints (desktop and mobile).
6. Click the Save button at the top, and that’s it.

We highly suggest testing both desktop and mobile displays of the landing page to ensure they’re working as expected. Once complete, deploy Unbounce as usual. Now you can enjoy the power of Jotform on your Unbounce landing page.