Form options

Last updated: August 22, 2023 Written by: Author Magdalena Dejnak
Table of contents show hide
    Table of contents show hide

      In this guide, you will learn how to create and use the form options in the Landingi editor.

      Landing page form example

      Add form

      On the left side of the editor, find the Form widget, then drag and drop it into the active area of your landing page.

      Adding Form widget to landing page

      See here if you want to create a sticky form.

      Edit form

      Click on the form to start editing. You will see its context menu (1) and toolbar on the right side of the editor (2).

      Form settings menu in Landingi

      In the context menu, you can change the width of the form by clicking on the dots on the frame. The remaining icons let you change its position, enter the form settings, duplicate it, move it to the top/bottom, and delete the form

      In the widget toolbar, you can go to the settings or select the style of the form, turn on/off mobile or desktop view (by default, the form is visible in both views), change the form width, edit the padding, and adjust displaying labels. Underneath, you will find tabs with some additional options. You can turn them on or off using the slider located in the right-hand corner of each tab (except the Other tab).

      Design of the form

      You can use one of the ready-made form styles and form section templates. You can freely manage the design of your form using the tools in the right-side toolbar.

      Form styles

      Click on Form styles in the toolbar to choose a ready-made form design. Double-click on it or select and click Save & close. You can choose vertical or horizontal form.

      Ready-made form templates in Landingi

      Remember that horizontal forms can have up to two fields (plus the send button, the checkbox, hidden, marketing info, and ReCaptcha fields).

      Choosing horizontal style of the form

      Form section templates

      You can also add a new section and choose one of the ready-made form section templates. They are unique, high-quality, and vibrant! Learn more about section templates here.

      Adding form section

      To learn how to create the best lead capture form, read our article Lead Capture Forms: Guide, Best Practices And Examples.

        Form settings

        You can enter the form settings from the context menu (1) or the toolbar (2).

        Go to Form settings in Landingi editor

        There are six tabs (read more below):

        • Form fields
        • Email integration
        • Integrations
        • Next action
        • Autoresponder 
        • Additional settings

        NOTE: It is possible you can not see all tabs – some of them are test features or are available only for higher plan users.

        After the changes, remember to save and close.

        Form fields

        You can add your own fields or predefined fields to the form by clicking on the + Add element button. By clicking on the selected field on the left, you will see its settings on the right. The range of settings changes depending on the selected element. 

        Form fields in Landingi

        UTM

        UTM parameters added to the URL address allow you to track the effectiveness of online campaigns and track visits. You can use UTM parameters in the link to your landing page.

        If you use custom parameters that you want to pass to the lead, you will need hidden fields in the form and additional JavaScript code. See how to collect non-standard UTM parameters.

        Integrations

        Email integration

        If you want to send leads to your email address, use our separate Email integration.

        Besides this option, you can also integrate your landing page form with one more tool from the Integrations tab.

        Email integration in Form settings

        Integrations

        If you use external tools and would like to integrate them with the form on your landing page, navigate to the Integrations tab. Here, you will find our in-app integrations, however, Landingi connects with way more tools – to learn more about compatible and Zapier integrations, see our integration catalog.

        If you want to learn more about integrating the form on a landing page created in our platform or are looking for guides about a specific system, check the integration category.

        Integrations in Form settings

        Some integrations need the form ID number. To find it, click on your form in the editor and navigate to the right-side toolbar. Unfold the Other tab and copy the ID number.

        How to find form ID number

        Next action

        You can specify which action will occur after filling in the form: going to the default Thank You Page, redirecting to any URL, or another landing page. Learn more about Next Action.

        Next action option after form submission

        Funnels

        With the Next Action option, you can create simple funnels.

        Connecting multiple landing pages into a funnel is the simplest way to attract users, convince them to become leads, and make them purchase your product because leaving data in such a journey seems much more unforced for them.

        Custom Thank You Page

        For all landing page templates with forms available in our platform, the thank you page's design is already prepared. Such thank you page has a default dynamic URL address.

        If you want to have a permanent (static) URL of the thank you page, we suggest creating a separate landing page as a customized thank you page to which the user will be redirected after the conversion (filling in the form).

        Learn more about dynamic and static TYP URL addresses.

        Autoresponder

        You can set the autoresponder function to automate your communication. 

        Learn more about how to use autoresponders. Also, check how to send them from your own domain.

        Autoresponder in Form settings in Landingi

        Additional settings

        You can add an HTML code for Google conversion tracking.

        Additional settings for landing page form

        Smart sections and duplication

        To smooth your work, you may want to use the same form multiple times. You can do this by using smart sections or duplicating the whole landing page.

        Form smart sections

        A smart section is a section that you can add to multiple landing pages, the sections are edited in the dedicated editor, and changes published in the editor are automatically updated to all landing pages with that section.

        Form smart sections have the same ID number, fields, design, settings, and connected integrations. That means that leads collected on all landing pages with the form smart section are treated as having the same source (even if they come from different landing pages).

        Duplicating landing pages

        When you duplicate a landing page, you create its copy: with all its elements, including a form. Such form will have the same ID number, fields, design, settings, and connected integrations. That means that leads collected on all landing page copies are treated as having the same source (even if they come from different landing pages). 

        NOTE: When duplicating a landing page, elements ID numbers may change. It will affect your integrations based on IDs thus check twice if the numbers are correct.

        Was this manual helpful?