How to use ActiveCampaign with Elementor

This Article Applies to

Elementor is one of the most popular drag and drop page builder plugins for WordPress. It’s simple to use and helps users in creating good-looking pages without the need to code. If you’re also using ActiveCampaign, then Elementor allows you to create and connect the forms to ActiveCampaign. In this article, we’ll take a closer look at how to use ActiveCampaign with Elementor page builder.

This article will be focusing on two different ways Elementor can be connected with ActiveCampaign.

  1. Elementor has a built-in Form widget that can be used to create a form on the site, and this form can be connected to ActiveCampaign. The form’s field can also be mapped to the ActiveCampaign contact record.
  2. Memberium for ActiveCampaign also has a deep integration with Elementor, which will allow users to protect widget/sections using Memberium.

Connecting ActiveCampaign with Elementor

Connecting ActiveCampaign with Elementor is very simple.

You’d first need to copy the ActiveCampaign API key and API URL.

You can get the API key and API URL by logging in to your ActiveCampaign, go to Settings and then click on “Developer”.

developer settings

You’d also need to have Elementor (free version) and Elementor Pro plugin installed on the site. Once installed and activated, go to the Elementor menu, and click on Settings.

Go to the “Integrations” tab and then scroll down and you’d find the “ActiveCampaign” section.

You’d need to enter your ActiveCampaign API key and API URL in here.

This will connect ActiveCampaign to Elementor.

Using the Form widget and connecting with ActiveCampaign

Now that Elementor Pro is installed and also ActiveCampaign is connected to Elementor, let’s proceed on adding the Form widget to the page.

You’d now edit the page using Elementor, and drag and drop the ‘Form’ widget on the page.

Click on “Action after submit” and then on + sign and add “ActiveCampaign”.

form action

This will now show the new “ActiveCampaign” setting.

Click on it and then map the form fields with actual ActiveCampaign fields.

For example, you can map the First Name field with the First name in ActiveCampaign, email field with Email, etc.

Once this is configured, you can then test out the form.

Elementor form

It should now map the fields from your form and sync them to ActiveCampaign contact record.

One other advantage of this is when any user/visitor submits the form, it will create a new contact in ActiveCampaign along with the details that they’ve submitted.

Since the contact is now in ActiveCampaign, you can apply a tag, run any automation, or perform any other actions.

Memberium’s integration with Elementor

Memberium for ActiveCampaign also integrates with Elementor and this integration allows you to protect individual elements/widgets using membership levels, tags, and other options.

The integration gives flexibility so that you can protect each element/widget with different conditions. For example, you can protect a text widget to show only to users with a particular membership level, tag, or logged in/out status.

One advantage of using this integration is that you don’t need to use any shortcode for this.

To protect the widget in Elementor, you’d need to edit the page using Elementor, click on the section or element, and then go to the advanced tab and then click on “Memberium”.

You can now protect the section/element using membership level, tags, or users logged in or logged out status.

We have more details in our documentation for Elementor and Memberium integration.

9 ways to add more value to your membership site

Table of Contents

This Article Applies to

Related Posts

Ready to See How You Can Automate Your Course or Membership With Memberium for ActiveCampaign?

Watch this quick demo video to see how Memberium works. Discover how thousands of successful business owners use Memberium to sell their membership programs and how you can too! If you’re ready to get started, you can check out our plans and pricing here…