Creating Forms

Designing a Form

When you design a page with the builder, you can add forms to it. Drag & drop the Form content block to the builder stage. In the sidebar, you'll first see some formatting options:

• Width
• Alignment
• Font Family
• Font Weight
• Font Size

Below you'll see several sections you can use to customize form elements:

• Manage fields
• Label options
• Field options
• Button options

These options are all specific to the form content block. Let's take a closer look at the options found for each element.

Manage Fields

The Manage fields option allows you to select different types of fields for your form. You can also adjust the positions of your fields. You can use up to ten form fields. The following types of fields are currently available:

• Multiple choice
• Date
• Email*
• Number
• Single choice
• Dropdown
• Phone
• Text
• Long text
• URL

*At least one email field is required on your form.

You'll also see a form field for the submission button. Here you can customize the text that appears on your submit button. This form field is required and cannot be removed. 

When you edit a field, it is possible to modify the label name, or you can mark it as a required or read-only field. Depending on the form field option you select, you may find different options in the Edit field modal.

You can also use the Edit field modal to change the form field type. 

Label Options

The Label Options section correlates to the labels you set in the Manage fields section. Labels are the text associated with each individual field in your form. Here you can apply text formatting to your form labels.

The various text formatting options are pictured below. Here you can also modify the label position or the width. Label width is available only when you choose the 'Side' in the label position.

Field Options

Field Options allow you to customize the fields end users will interact with. This enables you to customize the background color and the border of the form field. You can also set a special border color that only populates for a selected form field. You can also customize the color of the text input.

Button Options

The Button field allows you to customize your submit button. Here you will find all the same formatting options that you see when using a button content block.

Handling form submissions

If the page is hosted by Beefree, you can have Beefree handle form submissions. You can receive the data via email or save it somewhere else. For more information, check out Saving form data to a spreadsheet, a database, an email list, or other apps.

If the page is hosted elsewhere (e.g. on your website), you will need to edit the HTML document manually. Beefree doesn't manage form submissions for externally hosted pages. You must replace the "ACTION_PLACEHOLDER" attribute value with a destination for your form submissions. The web host typically manages form submissions for this use case.