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.
Groundhogg will not be able to map the fields from Elementor unless all the fields have IDs. 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.
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:
|Data Processing Consent|| I agree with YOUR COMPANY's storage and processing of my personal data.
|Marketing Consent|| I agree to receive marketing offers and updates from YOUR COMPANY.
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.
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.