Create multipage forms with section logic

Create multipage forms with section logic

Learn how to create multipage forms using the Sections form block logic.

Overview

Multipage forms are created with a single form using the Sections form block. The Sections form block can be used to show or hide questions, based on your contacts’ answers; this allows you to create branching forms.

OM3 uses section logic that contains pre-conditions, meaning a section decides if it should or shouldn’t appear. This feature has the benefits of normal branching, while also being more complex and able to make multi-level decisions.

Sections form block requirements

To use section logic, you must consider the following:

  • Your form must contain the Sections form block.
  • You can only use section logic with a block that contains three or more sections.
  • The first and last block sections can’t contain section logic.

Add a Sections form block

To add a Sections form block to your form:

  1. Go to Pages and forms.
  2. If your form already exists, select the Pencil icon in the same row as the form you want to edit. If your form doesn’t exist yet, select New page or form.
  3. Go to Form blocks.
  4. Drag the Sections form block onto the canvas.
  5. To add more sections, select Add new section.
    addnewsection.png

When you add a Sections form block, the first section is included automatically. Also, there’s no limit to the number of sections you can add.

Any content outside of the Sections form block appears on every page of your form. It’s recommended that your header, footer, and action buttons should be placed outside of the block, so you don’t have to add them to every section.

Create section logic

To create section logic for a section:

  1. Select a Cog icon.

    You must pick a cog that isn’t in the first or last section to change the logic.

    multicog.png
  2. In the Edit section panel, select Yes for the Section logic field.
  3. Select either Show or Hide for the Default visibility field.
  4. Depending on if you selected Show or Hide in step 3, select either Show section when... or Hide section when....
  5. In the Edit section logic panel, name your action in the Action name box.
  6. For the When field, select either All rules are met or Any rules are met from the drop-down menu.
  7. Select [ click to add rule ] > Select. You can set up rules by editing the Field, Clause, and Condition fields.
  8. Select Apply.
  9. Add more rules by selecting [click to add rule], or select Apply > Apply.

    Forms can contain an unlimited number of rules, which allows you to create complex multistage branching surveys.

Move a section

Each section can be reorganized and moved to an order that works best for you by dragging the upper-left corner of the block.

movesection.png

Copy or delete a section

You can copy or delete a section when creating your multipage form.

Copy a section

To copy a section, select the Copy icon.

copyicon.jpg

All data is copied when you copy a section. This includes the section name, form inputs, the contents of drop-down menus, layout blocks, and pre-conditions used in survey logic.

Delete a section

To delete a section, select the Delete icon.

deleteicon.jpg

Animate a section

By default, moving between pages is instant. However, you can also use animation styles to create a more interactive experience. This is particularly effective for slide-based forms, which typically have one question per page.

To animate a section:

  1. Select the Cog icon for the entire Sections form block.
    sectionsblockog.png
  2. In the Edit section panel, select an animation type from the Animation drop-down menu.
  3. Choose a style from the Style drop-down menu.
  4. Choose a scrolling style from the Scroll to drop-down menu.
  5. Select Apply.

Edit action buttons

The Action buttons form block behaves based on context. For example, the form block knows what page it is on when it’s used for multipage forms. It shows Previous, Next, and Submit buttons in this case. For a single page form, the form block always shows as a Submit button.

It’s recommended to add the Action buttons form block outside of the Sections form block because it appears on every page.

To edit the Action buttons form block, select the Action buttons form block from the canvas. In the Settings area, you can edit the following:

  • Submit button text
  • Back button text
  • Next button text
  • Button position
  • Button layout
  • Manage button styles
    • Related Articles

    • Get started with forms

      Learn to get started creating great-looking sign-up forms, multipage forms, and much more. Overview Use Pages and forms to create great-looking forms for your site. You can either publish your forms directly on OM3 or embed them on your own site.    ...
    • Create and publish a form

      Learn to create a simple form for collecting customer information. Overview Customise your form to represent your brand, and get the information you need from your customers. After creating your form, you can link directly to it, or embed it on any ...
    • Getting started with Pages & Forms

      Learn to create a new page using Pages and forms. Overview A page is a standalone webpage separate from your main brand website, focused on conversion. Typically, pages contain a data capture form to gather visitors' email addresses and additional ...
    • Assign data fields to your form blocks

      Learn how to assign data fields to your form blocks. Overview Assigning data fields to your form blocks allows you to add respondents that reply to your questions as new contacts, or it can also update and improve data for your existing contacts. You ...
    • Publishing landing pages

      Summary Once you're happy with the finished look of your landing page, the next step is to go live with it. This couldn't be simpler and is achievable with just a few clicks. You can either: Publish on our hosting domain  Publish on a custom domain ...