ActiveCampaign is one of the email marketing tools that you can integrate with Elementor. Just like other tools such as MailChimp and MailerLite, the ActiveCampaign integration with Elementor allows you to collect email addresses/contacts via an Elementor form.
You need an ActiveCampaign API key and API URL to integrate your ActiveCampaign account with Elementor. Before getting started the integration, please note that the third-party service integration is only available on the pro version of Elementor (read: Elementor Free vs Elementor Pro).
Step 1: Get the ActiveCampaign API key and API URL
First, visit the ActiveCampaign website and login with your account. Click the Settings menu (the gear icon) on the left sidebar and select Developer.
Copy the API URL and the API key on the API Access section.
Step 2: Start the integration
Once the API URL and API key have been copied, login to your WordPress dashboard and go to Elementor -> Settings. Open the Integrations tab and scroll down to the ActiveCampaign section. Paste the API URL as well the API key to the available fields and click the Validate API Key button to check the validation.
Click the Save Changes button on the bottom to apply the change.
Step 3: Create an Elementor form
Once ActiveCampaign is successfully integrated with Elementor, you can now create a form and set the submit button to ActiveCampaign. To create a form in Elementor, simply drag the Form widget to the canvas area.
Set the fields you need on the Form Fields block under the Content tab. Once done, open the Actions After Submit block and set it to ActiveCampaign.
You will see a new block called ActiveCampaign after setting the action after submit. Open this block and select an existing list you have on your ActiveCampain account. On the API Credentials option, leave it default. Also select the field mapping according to the fields you have on your form.
Click the PUBLISH/UPDATE button once you are done editing your Elementor page.
To test if your integration works out, simply fill out your form and go to the ActiveCampaign dashboard to check the result.
In case you are new to Elementor, you can read the beginners’ guide we have written to learn how to use Elementor.