Design Your First Form

Below is a list of tools at your disposal to design conversion-optimized forms.

Layouts

Layouts style how two main form sections look. Default Forms has:

• Form Area includes questions, titles, and buttons.

• Media Area includes media (an image, a gallery of images, or an advanced text block - often used as a testimonial).

There are three layouts to choose from:

• no media area

• 1/3 media area

• 1/2 media area

Backgrounds

Default Forms allow you to adjust the background color of the Media Area and Form Area.

Buttons

Customize the look and feel of the form's buttons by adjusting the radius, button color, and button text color.

Media Area

The Media Area of your form can include, an image title, an image, or multiple images (toggle on Image Gallery to enable it).

The Media Area also supports a bottom-aligned text block that most customers use to display testimonials. Navigate to the Advanced tab to view that option.

Brand Elements

Brand elements can be set up for company-wide usage in Workspace Branding. However, forms can have separate branding needs. Default forms allow you to add logos, change logo alignment, and add favicons.

Typography

Finish off your Form customization by choosing matching fonts and adjusting font colors.

Group of company logos

While we don't currently support dragging individual logos or groups of logos directly into the form, there's a workaround you can use:

• Create a mockup of the form in Figma, and include the customer logos as part of the design.

• Apply the Figma mockup as a background to the media area of the form.

Please note that there are several functionalities within the editor that can be explored for further customization. While it may take some time to get accustomed to, it provides a range of options to enhance the form's appearance.