Integrate Elementor to Email Marketing Services with MailOptin

Update: Elementor Pro forms now integrate seamlessly to:

In this post, we share a useful new plugin for email marketing integration called MailOptin. Elementor Pro’s Form widget already lets you integrate to MailChimp & MailPoet. MailOptin extends Elementor’s form further, allowing you to integrate to AWeber, ConstantContact, CampaignMonitor, MailerLite, ConvertKit, Drip, EmailOctopus and other services.

You might have heard people say a countless number of times that email list building is dead. But the money is still in the list and that’s why large, medium and even small business still build an email list.

Do you know visitors to your site are likely to opt-in to your email list if you offer them something of value and interest?

And if your site happens to be e-commerce, such visitors may not be ready to buy just yet; they probably need more convincing to make a buying decision. If you do not have an opt-in or lead capture form on your site, how then do you capture them for further communicate? Never underestimate the importance of building an email list for your business.

In this tutorial, I will show you how to customize and embed an email opt-in form to WordPress posts and pages using the Form widget in Elementor PRO and afterward, connect the form to your favorite email service provider (ESP) such as Aweber, Campaign Monitor, Sendy and Mailerlite via the free MailOptin plugin.

Note that Elementor PRO has built-in integration with MailChimp and MailPoet email services. MailOptin is required if your email service provider is none of the mentioned two.

Connecting MailOptin to your Email Service Provider

Before I will show you how to customize and embed opt-in forms to your website using Elementor, you need to install and activate MailOptin plugin. Go ahead and do that now.

Next, go to the Connections settings page where you will connect your email service provider(s) by either clicking the sidebar menu link or top menu tabs. Let’s see how to connect to some ESP in MailOptin.

MailChimp Connection

Like I aforementioned, Elementor form element has MailChimp integration. But if you prefer to capture leads via MailOptin, enter your API key in the MailChimp Connection metabox and save.

Sendy Connection

Sendy is a self-hosted email newsletter application that lets you send emails via Amazon Simple Email Service (SES). It is popular among a lot of small businesses and internet marketer because it’s cheaper compare to cloud providers like MailChimp.

To connect Sendy to MailOptin, go to the Sendy Connection section, enter the URL of your Sendy installation URL, your API key which you can get from, name and ID of your email lists.

Not sure where to find your List ID and name? Log into your Sendy installation and select the brand your email list is in.

Click on “View all lists” sidebar menu to reveal email lists under your selected brand. There you will find your list IDs and name.

ConstantContact Connection

Go to the ConstantContact connection and click the “Authorize” button.

You will then be redirected to log in and allow MailOptin access to your ConstantContact account.

After which, you will then be redirected back to MailOptin settings page with the button color now green indicating successful connection.

Aweber Connection

Similar to ConstantContact, click the “Authorize” button at Aweber connection where you will be redirected to log in and allow MailOptin access to your Aweber account.

After successful authorization, you will be redirected back to MailOptin settings page.

MailerLite Connection

Similar to MailChimp, connecting MailerLite is easy as pasting your account API key to it form text field and save.

If you use Campaign Monitor and others not I didn’t mention, refer to MailOptin documentation.

Having connected your email service provider to MailOptin, up next is building the email opt-in forms with Elementor Form widget.

Building an Email Opt-In Form Connected to Your Email Service Provider

Edit the post, page or custom post type you wish to include an opt-in form to with Elementor.

Drag and drop the Form widget to the section or area of your site you want the opt-in form to be shown.

Remove the default Message text area field leaving just the name and email fields. We don’t need it because we are not building a contact or feedback form.

Your opt-in form should now look similar to the screenshot below.

In order for all captured leads to be sent to your email service provider, go to the Actions After Submit section and select MailOptin.

Select your MailOptin connected email service and list.

Finally, save the changes.

And remember to use the Style and Advanced tabs to customize the opt-in form to your heart content.


The plugin developers stated that they plan to add more integrations in the future, so if you have other email marketing services you can inquire about their plans to integrate with them.

We are happy to see the MailOptin extend the integration options of our form widget beyond MailChimp, MailPoet and Zapier. The fine folks at MailOptin were also kind enough to give our users a 25% discount coupon off their PRO version. Use the coupon ELEMENTOR on check out.

About the Author

Ben Pines
Ben Pines
Elementor evangelist & head of content. Follow me on Twitter

Share on

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp

you might also like

Liked This Article?

We have a lot more where that came from! Join 1,365,209 subscribers who stay ahead of the pack.

By entering your email, you agree to our Terms of Service and Privacy Policy.


65 Responses

          1. Doesn’t work. I have selected MailOptin, ActiveCampaign as Provider and a List. ActiveCampaign Connection is configured.
            But I always get the Error “No email provider or list has been set for this optin. Please try again”

          2. Ben, do I have to re-build the form after installing MailOptin? I’m using the magazine kit with and the forms are in the kit but I get an error message saying “email address is invalid”

  1. Are there restrictions on field types in forms ie; if I want telephone, country fields etc.? I noticed the builder/customizer within the plugin doesn’t seem to incorporate fields other than name and email.

  2. MailOptin Pro is expensive. And it doesn’t connect to all email services such as Mautic.
    Their only claim to fame is the ability to “integrate” with Elementor’s form widget.
    But this integration isn’t all that useful.

    Better choices more heavy duty LESS EXPENSIVE email services plugins which can connect to ALL email services. This includes:
    1. Thrive Leads
    2. Convert Pro

  3. It is not working for me. It is a dud. Elementor support troubleshooted and said:

    Hi Wade,

    Thank you for contacting us.

    The issue seems to be a conflict with your mailoptin lite plugin the form submitted ok after deactivation of that plugin.

    Please let me know if you need further assistance.

    Kind Regards,

  4. I have two sites that are throwing the “Email address is invalid. Try again.” response to valid emails. One is connected to AWeber and the other Constant Contact. I can’t seem to find any information anywhere why this would be happening. Are you familiar with this? Is there something I am missing within the connection? Thanks

  5. You said Mailster integration was coming ‘soon’ six months ago, are you able to quantify when that is? Holding off until Mailster integration as it’s the only one I use now.

      1. But free version of MailOptin gives only 100 suscribers per month, that’s not cool at all. For other contact form plugins there are free addons for mailerlite integration. Come on guys! Mailer lite is becomin even better than Mailchimp

        1. I totally agree Julia. In my opinion MailerLite IS indeed better than MailChimp! ? ?????? ??????????? ???? ????? ??? ?????????? ??????????? ???? ?????????.

    1. Scott you have to install the OptIn plugin. Then you can have up to 100 subscribers before you have to then pay for OptIn.

    1. No Collins it has not. You can get it through the MailOptIn plugin but it only allows 100 subscribers before you then have to pay for it — starts at $69/year.

    1. Sara did you find some other way to use MailerLite besides installing the MailOptin plugin? That plugin allows only 100 subscribers before you have to then pay for it — starts at $69/year.

  6. It kind of seems like MailerLite users are being penalized. Yah we can use OptIn but after 100 subscribers we need to then pay for OptIn and the cheapest is $69/year (for one site)… which at that price we could get a full fledge email automation service … but if we did that we’d have to move all of our existing funnels (assuming most people are like me and have them). YIKES!!
    ???? ??? ??? ?????????? ??????????? ?? ??? ???????

    1. I agree. MailerLite is a big deal for us people getting started with funnels and If I wanted to pay for yet another free service, I would just purchase convertkit. A mailerlite integration should hopefully be growing on the importance scale.

  7. What are you talking about? Aweber literally has the code – you have the design & you somehow can’t hook up the two without paying for a crappy bloated expensive plugin. DAMN IT!

  8. Still no way to drop the aweber code into YOUR forms without a middle man? It’s 2019… almost 2020 and both these companies are stuck in 2005.

Leave a Reply

Your email address will not be published. Required fields are marked *

Want to learn how to build better websites?

Join 1,365,209 Elementors, and get a weekly roundup of our best skill-enhancing content.

By entering your email, you agree to our Terms of Service and Privacy Policy.