How to Embed a Form to an Unbounce Landing Page

April 11, 2022

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 from your traffic. Jotform allows you to do more with Unbounce’s world-class A/B testing landing pages. Build a complex or simple form as you like, and easily integrate it using Unbounce’s landing page builder. 

On top of that, Jotform partners with Unbounce, and you can claim a 3-month 50% discount when you use our coupon code. You can find the details here.

Unbounce has two versions of builders – Classic Builder and Smart Builder, and you can only embed contents to its Classic Builder.

Getting the Embed Code for Unbounce

  1. In the Form Builder, go to the Publish tab.
  2. Click Platforms on the left side.
  3. Search and click Unbounce.
  1. Click the Copy Code button.

Adding Form to Unbounce

  1. Edit your Unbounce landing page.
  2. Drag/drop the Custom HTML from the left side of the editor.
  1. Paste your form’s embed codes in the modal window that appears after you drop the Custom HTML element.
  2. Click the Save Code button at the bottom part of the modal.
  1. The Custom HTML block is displayed, but the form is not visible at this stage. You may need to position the custom HTML in all breakpoints (desktop and mobile).
  2. Click the Save button at the top of the editor, and that’s it.

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

Was this guide helpful?
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum:

Contact Jotform Support:

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.


Podo CommentBe the first to comment.