How To Make A Inline Form In Elementor With Mailerlite

Web Development Software

In this article, I will walk you through the steps of setting up an inline form in Elementor that integrates with MailerLite. As a web developer with experience in both Elementor and MailerLite, I have found this blend to be extremely successful in producing polished forms that seamlessly sync with email marketing campaigns.

Why Use Elementor and MailerLite?

Elementor is a powerful drag-and-drop page builder that allows you to create beautiful and functional websites without any coding knowledge. With its intuitive interface and wide range of design elements, Elementor enables you to customize every aspect of your website, including forms.

On the other hand, MailerLite is a user-friendly email marketing tool that provides a robust set of features to help you build, automate, and analyze your email campaigns. By integrating MailerLite with Elementor, you can easily collect leads and manage your subscribers directly from your website.

Step 1: Install and Activate Elementor Plugin

Before you can begin creating an inline form with Elementor, you need to have the Elementor plugin installed and activated on your WordPress website. If you haven’t done this already, head over to the WordPress dashboard, navigate to “Plugins”, click on “Add New”, search for “Elementor”, and install the plugin.

Step 2: Create a New Page in Elementor

Once the Elementor plugin is activated, go to the WordPress dashboard, click on “Pages” and then “Add New”. Give your page a title and click on the “Edit with Elementor” button.

Step 3: Add a Form Widget

In the Elementor editor, you will see a wide range of widgets on the left panel. Search for the “Form” widget and drag it onto your canvas.

Step 4: Customize Your Form

After adding the Form widget, you can start customizing it according to your requirements. Elementor provides various form fields and styling options that you can use to personalize your form.

Step 5: Connect MailerLite Integration

Now it’s time to connect your form with MailerLite. In the Form widget settings, click on the “Actions After Submit” tab, and then select “MailerLite” from the dropdown menu.

If you haven’t already connected your MailerLite account to Elementor, click on the “Connect to MailerLite” button and follow the instructions to authorize the integration. Once connected, you will be able to select your MailerLite account and choose the specific group or segment where your form submissions will be added.

Step 6: Publish Your Page

After you have customized your form and connected MailerLite integration, click on the “Publish” button in the bottom left corner of the Elementor editor to publish your page. You can then view your page and test the inline form to ensure everything is working correctly.


Creating an inline form in Elementor with MailerLite integration is a straightforward process that allows you to collect leads and manage your subscribers seamlessly. The combination of Elementor’s flexible design capabilities and MailerLite’s powerful email marketing features makes it an ideal choice for any website owner who wants to maximize their conversion rates.

By following the steps outlined in this article, you can easily create a professional-looking inline form that not only enhances the user experience but also helps you build and grow your email list effectively.