Help Center

Menu

Design elements

Images

Image fields can add a banner, logo, or other images within your form.

To add an image to your form, click the Image field in the available fields section on the left-hand side of the screen and drag it to the appropriate place on your form.

You can optionally set the alignment and width of the image before saving.

Headings

Add a main heading and other headings at the top of your form to break up form sections.

To add a Heading field to your form, click the Heading field in the available fields section on the left-hand side of the screen and drag it to the appropriate place on your form.

While editing your field, click Show Advanced Options to apply specific styling options to this heading.

Formatted Text

Add some formatted text for use as an introduction or extra text content throughout your form.

To add a Formatted Text to your form, click the Formatted Text Field button in the available fields section on the left-hand side of the screen and drag it to the appropriate place on your form.

While composing your text, you have all the typical features available with rich-text editing. This includes Bold, Italic, Underline, Text color, Text size, Text alignment, Lists, Images, Links, Tables, and HTML code.

Divider

Add horizontal line dividers to help visually break up sections of your form. You can set the color, width, and spacing around the horizontal divider line.

To add a Horizontal divider to your form, click the Divider field in the available fields section on the left-hand side of the screen and drag it to the appropriate place on your form.

Multi-page forms with page breaks

Page breaks allow you to break up long forms into multiple short-form pages that form users can navigate using the Next and Previous buttons.

Add a page break to your form

  1. In the Design Elements panel (left of screen), drag the Page Break element to where you want one page to end and the next to begin.

  2. (Optional) If you want to automatically save incomplete form responses when form users move to the next page, click the Show Advanced button and enable the auto-saving option.

  3. Save & Close.

  4. Save and View Form to view your form and try the multi-page process.

Using conditional logic on multi-page forms

Conditional logic helps make your forms easier to use by hiding unnecessary fields and design elements until certain conditions are met.

When using conditional logic in multi-page forms, knowing where the conditional logic should be applied is important to ensure you achieve the intended result.

How to skip an entire page using conditional logic

Apply your conditional logic to all the fields (including headings) on the page you want to hide. The page will be skipped if conditions are not met for all fields.

How to prevent form users from proceeding to the next page

Apply your conditional logic to the Page Break element. If conditions are not met, the Next button will be disabled.

View incomplete form responses

Incomplete form responses can be found in your dashboard, and a link to view and continue the form response. Read the Viewing incomplete form responses page for more information.

Colours and font styles

Brand your form using the colors and fonts of your choosing.

The global form styling settings can be found on the left-hand side of the Form Builder tab.

These are optional settings where you can:

  1. Change the colors throughout your form.

  2. Change the font and text size used throughout your form. We recommend a text size of 14 or 16px for the main text.

  3. Add a form border.

  4. Save all styling settings as a theme that can be applied to other forms you manage.