Stand with Ukraine. Fight for freedom and democracy

Back to contents

JetEngine: How to Use ActiveCampaign Form Email Notification Type


This tutorial will guide you through the process of setting up the ActiveCampaign and use it in the corresponding Form notification type.

Forms functionality comes with an option to connect it with the ActiveCampaign. This powerful service is a helping hand in email marketing and processes automatization.

Registration at ActiveCampaign

1 Step— Creating Account

ActiveCampaign is a paid platform, which gives an option of the trial period. Which option to select is totally up to you. For this tutorial, we’ll proceed with the trial period.

So, go to the ActiveCampaign official site and enter the email you want to use, and then click on a green button in the top right corner.

ActiveCampaign registration

After that, you will get the opportunity to operate with the Account.

knowledge base information icon
You can learn more about this service from their YouTube Channel.

2 Step— Adding Contacts and Building Lists

In the ActiveCampaign dashboard locate the Lists and click on the “Add a list” button in the top right of your screen.

ActiveCampaign lists

Fill in the fields in the popup window.

Lists poup

Once the list is created you get the opportunity to fill it in with the contacts. You have the option to import the ones you have or add them manually.

ActiveCampaign contacts

If you’re going to add contacts from scratch after you click on Add a contact button you need to complete the form in the popup window that appeared.

ActiveCampaign contacts window

Once your contacts list is completed, you can go ahead to the WordPress dashboard and proceed to JetEngine > Forms > Add New.

Form notification type adjustment

1 Step— Creating a Form

You may build any Form layout you need. For this tutorial, we’re going to use quite a simple one to show the process as a whole. Please feel free to follow our guide and create your own one.

JetEngine Form

2 Step— Create Notification setting

After the fields Settings are done within your Form, it’s time to operate with the Notification Settings. Click on the “Add Notification” button

JetEngine Form notification

and select the ActiveCampaign type.

JetEngine ActiveCampaign Forms

3 Step— ActiveCampaign Notification setting adjustment

So, here we are with the setting we need to manage. In the API Data block, you need to fulfill the API URL and API Key fields.

knowledge base information icon
Use the guides on how to get the API URL and API Key by following the link below the fields.

After you entered the API Data click on the Validate API Data button to verify it with the ActiveCampaign.

API Data in JetEngine Form

So, validation went through successfully and it’s time to proceed to select the List ID created in the ActiveCampaign dashboard. To synch the information click on the “Update List” button.

Select List ID

4 Step— Fields Map Block

Once you selected the List of contacts you want to use in your Form, go ahead to adjust the Fields Map block. Here you need to select appropriate fields from your Form you’re currently working with. Also, you can add some tags in the field below.

JetEngine Forms Fields

As a result, the tags will be synchronized and displayed in the ActiveCampaign account after the Form completion.

ActiveCampaign Tags

Our Form is ready now. Let’s proceed to the next step.

5 Step— Add Form in Elementor or Gutenberg

Go to the page you want to add the Form to and open it in Elementor page builder or Gutenberg editor. Locate the Form widget/block and add it to the section.

In Elementor:

Form widget

In Gutenberg:

form block

In the Select form drop-down menu select the form you’ve set up on the backend and then style it up according to your needs.

In Elementor:

Form widget setup

In Gutenberg:

adding form in Gutenberg

6 Step— Form’s Frontend Testing

Let’s check how it works on the frontend. Fill in all the fields in the form and hit the “Submit” button.

From frontend submission

After it is successfully submitted go ahead to your ActiveCampaign dashboard and open the List you’ve chosen for this lorm. You will see that new contact with all the data from the Form fields was added to your List.

ActiveCampaign completed

That’s pretty much it! Now you know how ActiveCampaign Form’s Notification type works. We outlined the basics, however, you are welcomed to proceed to complex field combinations and useful actions set up in the ActiveCampaign dashboard.