πŸŽ‰ Celebrate with 10% OFF on All Products! Use Code: GFEX10 Or Buy Any 2+ Items for 30% OFF with Code: GFEX30!

How can we help you?

Find answers, tutorials, and guides to get the most out of Gravity Extra add-ons. (DEV Preview)

Elementor Form + Omnisend Integration Setup & Configuration Guide

Last updated: September 19, 2026 β€’ Author:
Table of Contents

The Elementor Form + Omnisend Integration Premium Add-on connects your Elementor Pro Form widget directly to Omnisend’s marketing automation platform. Collect leads, sync subscriber contact information, map unlimited custom profile properties, and trigger targeted email and SMS automation sequences in sub-second execution without costly middleware services like Zapier or Make.

System Requirements & Prerequisites

  • WordPress: Version 5.8 or higher
  • Elementor Pro: Active license with Form widget enabled
  • PHP: Version 7.4, 8.0, 8.1, 8.2, or 8.3
  • Omnisend Account: Active Omnisend account with API Key generation permission
  • Plugin License: Valid GravityExtra license for automatic updates and support

Step 1: Installing the Plugin & Activating Your License

After purchasing the add-on from GravityExtra, download the installable ZIP file from your account dashboard. In your WordPress admin panel, navigate to Plugins → Add New → Upload Plugin, select the ZIP file, and click Activate Plugin.

Next, navigate to Settings → Elementor + Omnisend in your WordPress dashboard. Enter your GravityExtra License Key and click Activate License. Once validated, your license status will display a green active badge, unlocking automatic one-click plugin updates directly within WordPress.

Elementor Omnisend Global Settings and License Manager
WordPress Admin Settings: License Activation and Omnisend API Key Connection Test

Step 2: Authenticating with Omnisend API v3

To generate an Omnisend API key:

  1. Log into your Omnisend Dashboard.
  2. Navigate to Store Settings → API Keys.
  3. Click Create API Key, assign a recognizable name (e.g. Elementor Pro Form Integration), and set permissions to allow contact management.
  4. Copy the generated API Key and return to WordPress.
  5. Paste the key into the Omnisend API Key field in Settings → Elementor + Omnisend and click Save Settings & Test Connection.

The integration performs a real-time verification handshake against Omnisend’s v3 Contacts endpoint. When successful, a green confirmation message confirms that your store is actively connected.

Step 3: Configuring the Form Action & Field Mapping

Open any page containing an Elementor Pro Form widget inside the Elementor Editor:

  1. Click on the Form widget to open its settings in the left panel.
  2. In the Content tab, expand the Actions After Submit section and select Omnisend.
  3. An Omnisend Settings section will appear immediately below in the panel.
  4. Click to expand Omnisend Settings to view the field mapping controls.
Elementor Pro Form Omnisend Settings and Field Mapping Panel
Elementor Form Editor: Mapping Contact Identifiers, Tags, and Custom Properties

Field Mapping Configuration Table

Setting / Field Requirement Description & Behavior
API Key (Optional Override) Optional Leave blank to use the Global API Key. Populate only if sending this specific form to a separate Omnisend account.
Email Field ID Required Enter the Form Field ID of your email input (e.g. email). Auto-scans for first valid email if left blank.
Full Name Field ID Optional Enter the Field ID for combined name inputs (e.g. name). Automatically splits into First Name and Last Name.
First Name / Last Name Field ID Optional Map dedicated separate name inputs if your form utilizes distinct First Name and Last Name fields.
Phone Field ID Optional Enter the phone field ID for SMS marketing. Automatically cleans non-digits and preserves international + prefix.
Tags (Comma-separated) Optional e.g. lead, elementor-contact, webinar. Tags immediately trigger automated workflows in Omnisend.
Subscription Status Optional Select Subscribed for marketing campaigns or Non-Subscribed for transactional-only contact creation.
Custom Fields Mapping Repeater Add unlimited key-value pairs to route custom form data into Omnisend customProperties (e.g. Company, Budget).

Step 4: SMS Marketing & Phone Number Normalization (TCPA / GDPR)

Omnisend requires phone numbers for SMS marketing channels to adhere strictly to international E.164 formatting (e.g. +14155552671 for US, +447911123456 for UK). Numbers submitted without an international country code will be rejected by the Omnisend SMS channel API.

Our integration automatically normalizes input data by removing extraneous brackets, hyphens, and whitespace while strictly preserving the leading + country code symbol. For the best user experience and 100% phone accuracy, ensure your Elementor form includes country code instructions or an international telephone dropdown mask.

Step 5: Triggering Automation Workflows with Tags

Unlike legacy platforms that rely on separate email lists, Omnisend uses a unified contact database segmented dynamically through Tags. When configuring your Elementor Form, inputting tags such as website-lead, quote-request provides immediate targeting capability:

  • Welcome Drip Campaigns: Inside Omnisend, create an automated workflow with trigger Contact tag added matching your assigned tag.
  • Audience Segmentation: Filter contacts by tag in Omnisend to send targeted one-off promotional broadcasts.
  • Sales Notifications: Trigger internal team alerts when high-intent contact forms are submitted.

Step 6: Developer Filter & Payload Customization Reference

Developers can programmatically inspect, modify, or append custom parameters to the Omnisend v3 contact payload before it is transmitted across the network using WordPress hooks:

functions.php
PHP
// Append dynamic Lead Source metadata to Omnisend customProperties
add_filter( 'ge_elementor_omnisend_contact_data', function( $contact_data, $record ) {
    $contact_data['customProperties']['lead_source'] = 'Elementor Pro Website Form';
    $contact_data['customProperties']['submission_timestamp'] = current_time( 'mysql' );
    return $contact_data;
}, 10, 2 );

Step 7: Troubleshooting & Frequently Asked Questions

Why is Omnisend returning an “Invalid API Key” error?

Verify that your API Key was copied completely without trailing spaces from your Omnisend Dashboard. Ensure the key has permissions enabled for Contacts. Test the connection under Settings → Elementor + Omnisend.

What happens if the customer submits an existing email?

Omnisend v3 performs an intelligent upsert. If the contact already exists, Omnisend seamlessly updates the name, phone number, and custom properties, and appends any newly assigned tags without creating duplicate contact records.

Why are SMS marketing messages not being delivered?

Ensure the phone number submitted contains a valid international country code (e.g. +1 or +44). Omnisend’s SMS carrier network strictly requires E.164 formatted telephone numbers.

Does this add-on slow down my page load speed?

No. The add-on only executes server-side during the asynchronous AJAX form submission hook. It enqueues zero frontend JavaScript or CSS assets, preserving a 100% clean Google PageSpeed score.

Related Resources & Live Demonstration

Was this article helpful?

Let us know how we can improve our docs.

0
0
Your Cart
Your cart is emptyReturn to Shop
πŸ”₯ FREQUENTLY BOUGHT TOGETHER
Complete Combo & Save 40%!
ITEM IN YOUR CART
Gravity Forms Klaviyo Add-on
$39.00/yr
+
🎁 RECOMMENDED ADD-ON SAVE 40% OFF
Original Price: $39.00/yr
Bundle Special Price: $23.40/yr
⚑

Max β€” GravityExtra Copilot

Online β€’ AI Copilot
🎁 15% VIP Discount Coupon
πŸ” Find My Addon πŸ“¦ All-Access Pass ⚑ Compatibility 🎁 Claim 15% Off