The Form Box allows you to build custom forms using form blocks to add the fields you need. Forms are an effective way to receive messages and collect emails from your customers and visitors. Reactive’s Forms element enables you to create fully customizable forms for your pages, and it will use your theme’s styling by default.

Reactive's Forms Core Elements

Reactive Forms consist of seven main elements:

• Form Box

• Email

• Input

• Dropdown

• Check Box

• Radio Button

• Submit Button

How to Add a Form to Your Reactive Page

Adding a form to your Reactive page is simple. Follow these steps:

1. Drag the Form Box element onto your page.

2. Add the form elements (Input, Email, Dropdown, Checkbox, Radio Button) inside the Form Box.

3. Add the Form Submit Button inside the Form Box.

Setting Up the Form Box

The Form Box must be added first before the other form elements become available. It is where you can:

• Identify the form name

• Specify where submissions are sent

• Enter a redirect URL

Identifier: We recommend giving this field a name, as it serves as a unique identifier.

Submission Email: Submissions will be sent to the email address entered in this field.

Successful Submission Message: Enter the text that will be displayed when a form is successfully submitted.

Action After Submission:

• No action – The form does nothing after submission.

• Redirect to link – Redirect the user to a different page after submitting by entering the URL.

Form Fields

Email:
Collects an email address. This field ensures the email is validated and used as the reply-to address in the submission email.

Input:
Captures text from your visitors, such as names, phone numbers, or other details.

• Text: Single-line input for names, subjects, or short entries.

• Text Area: Multi-line input for longer messages.

Dropdown:
Allows customers to select an option from a list (e.g., countries).

• Add as many options as needed using the Add button.

• Reorder options by dragging them.

• Remove options by clicking the bin icon.

• Default Option: The option displayed before the dropdown is toggled.

Check Box / Radio Button:
Both elements provide selectable options for customers.

• Options can be added, reordered, or removed like the dropdown.

• Default Option: Set an option as pre-selected.

Differences:

• Check Box: Multiple options can be selected, and multiple defaults are allowed.

• Radio Button: Only one option can be selected, with a single default.

Submit Button:
This is the final element of the form and is required for submitting the data. It triggers the Form Box settings, including success messages and redirects.

Required Field:
This option ensures users cannot submit the form without filling in essential fields. It is applicable to all form fields.