Integrating Elementor Form with Form Vibes

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

When Form Vibes is installed alongside Elementor Pro, it automatically captures submissions from the Elementor Form widget and stores them in the Form Vibes submissions table.

How the Integration Works

Once both plugins are installed and activated:

Elementor Pro 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.

Steps to Integrate Elementor Form with Form Vibes

Step 1: Install and Activate Both Plugins

Install and activate Elementor Pro (the Form widget is a Pro feature).
Install and activate Form Vibes.

Step 2: Create an Elementor Form

Edit any page with Elementor and drag the Form widget onto the canvas. Configure your fields (Name, Email, Message, etc.) under the Content → Form Fields section.

It's a good practice to give the form a descriptive name under Form Name - this is the name Form Vibes uses to identify submissions in the dropdown.

Create Elementor Form

Step 3: Check the Actions After Submit

Scroll down to Actions After Submit in the widget settings. By default, Elementor includes Email and Collect Submissions in this list. No additional action needs to be added for Form Vibes, it captures submissions automatically.

Keep Email active if you also want notifications, and keep Collect Submissions active if you want Elementor's native storage as a backup.

Set Action After Submit Settings