Elementor Integration: How to Connect to Groundhogg

Elementor is a popular page builder plugin for WordPress which makes it easier to build beautiful pages.

The Elementor PRO version of the plugin (which is a paid upgrade from Elementor free edition) comes equipped with a form builder that you may use in place of the regular form builder.

If you'd rather use the Elementor Form Builder then here is how you can connect it to Groundhogg.

We will assume you've already created your form. If you want to learn how to create a form, please visit this article.

Make sure all your form fields have IDs and labels.

Groundhogg will not be able to map the fields from Elementor unless all the fields have IDs and labels. To add a field ID go to the advanced settings of any field and check to see if an ID is present. If it's empty add one. If you do not want the labels to be displayed use the show/hide label switch. 

Select the Groundhogg Submit Action

Under " Actions After Submit" select the Groundhogg Integration.

Select Tags to Add

Open the Groundhogg action and select the tags you would like to add to the contact once it is created.

Map Your Fields

Once you've added some tags, the field mapping option will be revealed, this is where you will be able to map fields in your form to contact record fields in Groundhogg.

Mapping GDPR Consent

If you need to collect GDPR consent, add two checkboxes. One for Data Processing Consent, and one for Marketing Consent.

If you need some example text, the following will work fine for your use case:

You must then map those checkboxes to the corresponding field type in the Groundhogg integration field mapping.

Here is a great tutorial clip showing how to integrate and setup elementor forms.

Watch Adrian set up a marketing form via Elementor!

Starting A Funnel

Once you've successfully connected your Elementor form, you will need to use the Tag Applied Benchmark to start a funnel. Not the Web Form benchmark.