Integrating Bricks Builder Form with Form Vibes

This documentation explains how Bricks Builder Form integrates with Form Vibes, how submissions are captured, and how to verify the integration is working.

When Form Vibes is installed alongside Bricks Builder, it automatically captures submissions from the Bricks Form element and stores them in the Form Vibes submissions table, no configuration required.

How the Integration Works

Once both plugins are installed and activated:

Bricks Builder handles form creation and frontend submission.
Form Vibes hooks into every successful submission.
Submissions are saved to the Form Vibes database table.
Entries appear under Form Vibes → Submissions in your WordPress admin.

Step 1: Install and Activate Both Plugins

Install and activate Bricks Builder.
Install and activate Form Vibes.

Step 2: Enable Save Submissions in Bricks Settings

Before creating the form, make sure the Save Submissions setting is enabled in Bricks.

Navigate to Bricks → Settings → General and open the Form Submissions tab.
Enable the Save form submissions in database option and save your settings.

Enable Save Form Submission Settings in Bricks Builder

Step 3: Create a Bricks Form

Open any page in the Bricks editor and drag the Form element onto the canvas. Set a form fields that you want, give some styling to the form, and configure the other settings that required.

Create a Form Using Bricks Builder

Step 4: Add the Save Submission Action to Your Form

On the Form element in the Bricks editor, open the Actions control and add Save Submission to the list of actions that run after a successful form submit. Without this action set on the form, submissions will not be captured.

Add Save Submission Action in Form

After that, In the Save Submissions settings, set a descriptive Form Name in the settings, this is the name Form Vibes uses to identify submissions in the dropdown.

Give a Form Name

Step 5: Submit a Test Entry

Publish the page, view it on the frontend, and submit a test entry.

Submit a Form Entry

Step 6: Verify Submission in Form Vibes

Navigate to Form Vibes → Submissions. Select your Bricks form from the dropdown. Your test entry should appear in the list.

View Bricks Builder Form Submission in Form Vibes

If the entry appears, the integration is working correctly. All future submissions to this form will be captured automatically.

Filtering submissions to narrow down entries by date, field values, or status.
Exporting submissions as CSV.
Open submission analytics to view graphical reports.