Building & Designing Your Form

On the Build section of our form builder is where you can add or remove fields and change the look and feel of your form's design.

Here's how this page works:

Down the left hand side you will see several options:

Fields - All the types of fields you can add to your form
Blocks - non-form elements you can add such as headings and free text
Colors - change the color scheme for your form
Font - change the font for your form
Settings - settings for your form's design
Support - a link to the help center

We will explain each of these in more detail below.

Fields

To add a field to your form, click the + icon next to it or drag and drop the field onto your form. There are several types of fields you can choose from, and you can use as many as you like.

Single Line Text

A single line free text field.

Paragraph Text

A paragraph sized free text field.

Choose One

User is forced to choose just one of several options.

Choose Many

User can choose as many options as they like.

Dropdown

User can choose just one option from a dropdown list.

Natural Sentence

Field appears as part of a natural sentence.

Rating

User must choose one option from a sliding scale of ratings. Several icon options are available including stars, beers, pizzas, trophies, and more.

Scale (Number)

User must choose one option from a set of numbers.

Scale (Agree)

User must choose one option from an agree/disagree scale.

Hidden Field

A hidden field you can use for data entry. Users do not have access to this field.

Date

Date across three dropdowns.

Time

Time across three dropdowns.

Country

A dropdown list featuring every country in the world.

Legal

A checkbox for legal purposes including a link to relevant terms and conditions, user policies etc.

Blocks

Blocks are design elements you can drop onto your form that aren't fields. These include:

Heading - A heading block that can have a background image or color
Slim Heading - same as above but not as tall
Image - an image that can appear anywhere in your form
Text Heading - a text heading with no background image or background color
Free Text - use this to write introduction paragraphs or extra instructions

Colors

Choose from one of our color palettes or create your own palette.

To create your own palette:

Scroll down to the bottom of the list of color palettes and click Create Your Own Palette
Give your palette a name
Choose the colors you want
Click Save in the top right corner

Font

Choose the font for your form. You can also adjust the font size and letter spacing.

Settings

Advanced settings for your form. The options are:

Background Image - upload a background image for the entire page
Form Shadow - enable or disable a shadow around your form. This is useful for having your form 'pop' off the page
Progress Bar - enable or disable the progress bar. If enabled, you can choose to show just the bar (and no percentage indicator) and where to position the bar on the screen.
Center Vertically - whether the form should be centered vertically on a user's screen (not available for all forms)
Box The Page - add a bounding box to the page (not available for all forms)
Whitespace Above Form - add extra whitespace above the form. This is useful for adding symetry to your form's design.
Whitespace Below Form - add extra whitespace below the form.
Page Title (For Google) - this is the text that appears in the top of a user's browser window when they view your form

Next, let's choose what happens after a user fills out your form.