You might have heard or read every now and then that “email marketing” is dead and “email automation” is futile now with the advent of Facebook and Google ads. Well, people also say that “SEO is dead” but we know that SEO will not die any time soon.
Same goes with Email marketing. Although the techniques and procedures used before have certainly changed as new tools and technologies arise, the core principles still applies. And one of this is email automation.
So in this tutorial, we’ll demonstrate how even the greatest page builder Elementor have created their own integrations of various email marketing services and tools, such as the one that we will use here: ActiveCampaign.
All that aside, let’s now start the tutorial!
Step 1: Setting Up
Before anything else, we’ll first set up the developer API keys of your ActiveCampaign account. Go to ‘Settings > Integrations’.
Scroll down and go to the Activecampaign section. Fill in the fields “API Key” and “API URL” with the appropriate values and then click validate API key just to make sure everything’s fine. If all is good, save your changes.
Step 2: The Form
Now, let’s make our Elementor form. Every email campaign has to have this since you need to have email addresses in order to do email marketing and automation, make sense right? And forms like these are the only legitimate way of capturing the user’s contact information. Even Activecampaign explicitly implied that your contact data should be opt-in, meaning users should give their email addresses voluntarily.
Anyway, now go to your desired page and click edit with Elementor.
Now, on the left side bar, on the widgets section, look for the “Form” widget under the Pro section. Just take note that this requires the Pro version of Elementor so if you don’t have that, get it now on their official download page.
Drag the form widget on the middle of the page to create the forms automatically.
Step 3: Configuration
Now that we have our contact forms, let’s integrate it to ActiveCampaign. If you’ve successfully configured the API keys and URL according to the instructions above, you shouldn’t have any issues following from here on.
Click the Form and then on the left side bar, under the actions after submit section, click the “Add action” drop down and select ActiveCampaign.
Doing this should show an additional section titled “ActiveCampaign”, which would allow you to select a list from your ActiveCampaign account.
Selecting your desired list will them show another section named “Field Mapping” which would allow you to connect the Form fields of your contact form to the contact fields of your Activecampaign list.
That’s basically it!
Step 4: Testing
Now let’s test our Activecampaign integration. Create a list on your Activecampaign account and name it anything.
As you can see, this new list is empty. Cleaner than my wallet!
Now get back on your Elementor editor page and check the list again. We need to make sure our contact form is configured on this new ActiveCampaign list.
If all’s good, let’s test the contact form.
Nice! Our ActiveCampaign integration on Elementor forms worked!
Thanks for Reaching This Far! 🙂
I hope we were able to help you with this tutorial! You can also try to install the Elementor Pro Version and get access to more Elementor templates for free!
You also want to get access to ActiveCampaign and start your email marketing automation and boost your customers and sales!
If you have more concerns or have encountered other issues, let us know in the