Form Management

React Bricks v5 adds form management.

You can create forms from the dashboard and decide what should happen when a visitor submits a form.

Form actions

Forms can be configured with one or more actions:

• save submitted data
• send an email with the submitted data
• subscribe the visitor to an Email Sending Provider list
• call a Zapier webhook

This lets teams manage common website forms without hard-coding every workflow in the frontend.

Submitting form data

Use the sendFormSubmission function from a form brick to submit data to a React Bricks form.

The form brick owns the frontend markup and validation experience, while React Bricks handles the configured form actions.

In practice, a form brick usually:

1. Renders the form fields.
2. Collects the submitted values.
3. Calls sendFormSubmission with the app data, token, form identifier, submitter email address, submitted data, and fetch options.
4. Shows a success or error state to the visitor.

The exact fields depend on the form you configured in the dashboard.

For the TypeScript signature, see sendFormSubmission.

Spam protection

React Bricks forms support Google reCAPTCHA v3 protection.

Use reCAPTCHA for public forms where you need protection against automated submissions.

Developer setup

For the code-focused setup path, see Submit Forms.