Owning a website becoming expensive?

No more! In our library, you will find the best premium WordPress plugins and themes for a fraction of the cost of the original prices. Browse Our Library

How To Integrate Elementor With Aweber

How To Integrate Elementor With Aweber

Email marketing is one of the most efficient strategies that every website must adopt.

With email marketing, you can keep in touch with your website subscribers way after they already left your website.

Because Aweber is offering the first 500 subscribers for free, many new and experienced bloggers are using them to build their email lists.

In this article, you will learn how to integrate Elementor with Aweber to collect leads.

Aweber for WordPress Plugin

The first thing that we will need to do is to install the Aweber for WordPress plugin.

This plugin will add extra functionality to the popular page builder Elementor.

Aweber for WordPress will not only going to add an extra Elementor widget but will also let us choose the Aweber option as Action After Submit through the Elementor form widget.

To install the plugin, navigate to Plugins -> Add New, search, install, and activate the Aweber for WordPress plugin.

Aweber for WordPress plugin

After installing the plugin, navigate to the new Aweber tab from the left sidebar and click on Get Started.

Get Aweber Authorization code

A new tab will open up with a login form for you to fill in order to log in to your Aweber account.

Allow access to aweber

If you don’t have an Aweber account just yet, click here and create one with the first 500 subscribers for free.

After entering your email and password, click on the Allow Access button and copy the verification code.

Aweber autho code

Go back to your WordPress dashboard, paste the verification code in the step 2 field, and click Finish.

Aweber authorization code

After integrating Aweber with WordPress, you will automatically be transferred to the Advanced Options tab of the plugin where you can decide whether or not to add visitors who leave comments, and subscribers to your email marketing campaigns and to which list.

Make sure to click on the Save button if you changed any of the settings on that page.

Add wordpress subscribers to aweber

Now we can move forward and add an email capture form to our website in two different ways.

The first way is by using the Aweber widget form for Elementor and the second way is by using the Elementor Pro form widget.

Elementor Aweber Widget

In order to use the new Aweber widget for Elementor, add the Aweber widget to the desired section of the page.

Elementor Aweber widget

Under the Content tab on the left, chose the email list and the signup form from the drop-down menu.

Aweber form configuration

If you didn’t create any signup forms yet, you will have the default form to choose from, called My Web Form with name, email, and submit button.

If you like the default form, keep it. If you would like to create a new one with custom colors and different fields, login to your Aweber account, navigate to the Sign Up Forms tab, and click on the Create a Sign-Up Form button.

Create a new Aweber signup form

After creating the form you will be able to choose it from the drop-down list of the Aweber widget.

On the other hand, if you are using Elementor Pro, you can take advantage of the form widget to customize beautiful forms with Elementor and integrate it with Aweber.

Elementor widget libraries

Integrate Elementor Form Widget with Aweber

Using this way, we are going to use the Elementor Pro form widget to create and customize the form and connect it to Aweber.

This is my preferred way because we can use the familiar Elementor interface that we know and love to design the form.

First, drag the form widget to the desired section of the page.

Elementor form widget

The default form contains three fields: name, email, and message.

Because we are creating a lead capture form, the only mandatory field is the email field.

The name field is recommended for personalization messages but not required.

We defiantly don’t need the message field at all and therefore it should be deleted.

Delete the message field

After setting up the desired form fields, expand the Action After Submit tab, delete all the tags inside of it and add the Aweber option.

Action after submit Aweber

After adding Aweber, a new Aweber tab will be added below the Action After Submit tab, click on it.

Aweber tab in Elementor

Chose to which list you would like to add the subscribers to and add a custom tag if you desired.

Aweber segment by lists and tags

If for example, this lead capture form is displaying on the purchase confirmation page, you can set a ‘customer’ tag and differentiate between non-customers subscribers and customer subscribers.

Anyone who subscribed using this form inside the purchase confirmation page is automatically tagged as a ‘customer’, unlike visitors that subscribed using the form on the homepage.

That way you will be able to market to the different groups, different promotions, and offers.

Under the field mapping option, match the form fields with the required fields by Aweber.

In our example, the form name field will be filled into the name option of Aweber and the form email field will be filled into the email field.

Aweber field mapping

When done setting up the fields and customizing the form, make sure to click on the Update button.

Update Elementor form widget

Testing the Forms

Whether you chose the Aweber widget or the Elementor form widget to create an email capture form, it’s always a good idea to test the forms and make sure they are working properly.

Open up your website from an incognito window and submit the desired form with name and email address.

Test Aweber form

After submitting, you should get the confirm your subscription messages in your inbox.

After clicking on the confirm subscription button, you will be added to the chosen list.

To see the new subscriber in Aweber, navigate to the Subscribers tab and into the Added Today link on the left.

There you will see all the users that subscribed to your list.

Check Aweber subscribers

Conclusion

In this article, you learned how to connect Elementor with Aweber to collect the email addresses of your site visitors.

If you have any questions, please let us know by leaving a comment down below.

Also, make sure to subscribe to our YouTube channel and like our page on Facebook.

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on email

PluginsForWP

PluginsForWP is a website specializing in redistributing WordPress plugins and themes with a variety of knowledge about WordPress, internet marketing, and blogging.

Leave a Reply

Like our Facebook page and get any plugin/theme for FREE!

1.

Click on the button below to visit our Facebook page

2.

Click on the like button and send us a message on Facebook what’s your desired plugin/theme

3.

We will send it to you for totally FREE!