Jotform integration

Last updated: January 13, 2023 Written by: Magdalena Dejnak
Table of contents show hide
    Table of contents show hide

      Jotform is an online builder that allows you to create custom forms quickly. It also gives you multiple payment options you can add to your form. This guide will walk you through embedding a Jotform form on a landing page or pop-up created in Landingi. 

      Get your link from Jotform

      1. Log in to your Jotform account and start building a form. 

      2. To add a payment gateway to your form, select Payments (1) and choose one of the integrations (2).

      To configure the payment, follow the instructions in Jotform:

      3. When ready, go to the Publish tab and copy your code from the Quick Share tab.

      Embed the form in Landingi

      1. Log in to your Landingi account and go to the editor of your landing page or pop-up.

      2. Find the HTML widget, then drag and drop it into the active area of the editor.

      3. Double-click the HTML widget to edit it.

      4. Copy the following code:

      <iframe width="100%" height="300" src="YOUR_JOTFORM_LINK" title="Form"></iframe>

      5. Paste the code in the Add HTML code field. Change YOUR_JOTFORM_LINK to the link copied from Jotform. Adjust the width, height, and title values to your needs. Then Save & close.

      6. Publish your landing page/pop-up.

      Check if the form displays correctly. Do not forget to check the mobile view.

      NOTE: Keep in mind that Jotform is a third-party solution and is continually being developed. We do our best to keep this guide updated, but if you come across any changes in the set-up process, let us know.

      Browse all integrations in our Integrations Catalog to see tools you can connect Landingi with.

      Was this manual helpful?