This guide shows you how to create newsletter subscription forms using Elementor. Noptin integrates with Elementor Forms allowing you to add new submissions to Noptin, Mailchimp, or any other email service provider that we support.

To follow along with the guide, ensure that you have a copy of Elementor Pro since this integration depends on the Elementor Form Widget.

To create a newsletter subscription form with Elementor:-

First, open any page or popup in Elementor…

Open a page or popup in Elementor

… then add the Form Widget anywhere on the page.

Next, open the “Actions After Submit” panel and select Noptin to reveal the Noptin settings panel…

elementor actions after submit

… then open the panel to reveal the Noptin settings.

open noptin action after submit settings panel

Finally, Map the fields on your form to Noptin fields then save your changes.

map elementor form fields to noptin fields

That’s all.

From now on, whenever someone submits your Elementor form…

elementor forms sample subscription

… they will be added to your Noptin subscribers’ list.

 Sample elementor forms subscriber

Related Guides

Related Guides

  • Contact Form 7

    Do you want to add a newsletter subscription checkbox to your Contact Form 7 forms? Or perhaps you just want to convert your entire contact form into a newsletter subscription form (without users having to tick a checkbox). If so, then this guide is for you. And the best part is, you’ll be able to…

    Read More

  • Ninja Forms

    You can create newsletter subscription forms using Ninja Forms and then add new submissions to Noptin, Mailchimp, or any other email service provider that we support. To do this:- First, open any form in the Ninja Forms editor… … then click on the “Emails & Actions” tab to open the actions settings. Next, click on…

    Read More

  • WPForms

    You can create newsletter subscription forms using WPForms and then add new submissions to Noptin, Mailchimp, or any other email service provider that we support. To do this:- First, click on any WPForms form to edit it … … then click on the settings tab to open the form settings. Next, click on the Noptin panel to open the…

    Read More

  • Gravity Forms

    This guide shows you how to create a newsletter subscription form using Gravity forms. Noptin integrates with Gravity Forms allowing you to add new submissions to Noptin, Mailchimp or any other email service provider that we support. To do this:- First, click on the name of any Gravity Forms form to open it in the…

    Read More

  • WordPress Registration Forms

    This guide shows you how to add a newsletter subscription checkbox to your WordPress user registration forms. You can then later notify them every time you publish a new blog post so that they can come back to your website and read it. Or send them a series of emails showing them how to use…

    Read More

  • WordPress Comment Forms

    This guide shows you how to a newsletter subscription checkbox to your WordPress comment forms. You can then later notify them every time you publish a new blog post so that they can come back to your website and read it. To do this:- First, click on “Noptin > Settings” to open the Noptin settings…

    Read More

  • WooCommerce Checkout

    In this guide, you will learn how to add a newsletter subscription checkbox to your WooCommerce checkout forms. This way, your WooCommerce customers will have the option to subscribe to your newsletter whenever they buy something from you or create an account on your site. You can then later notify them whenever there is a…

    Read More

  • EDD Checkout

    This guide shows you how to add a newsletter subscription checkbox to your Easy Digital Downloads checkout page. You can then later notify them every time there is a discount on your website so that they can come back and shop again. Or send them a series of follow-up emails showing them how to use the products they bought…

    Read More