# MailerLite Forms

Turn every **MailerLite form submission into a quality subscriber**. [Clearout Form Guard](/form-guard/overview.md) instantly verifies emails, phone numbers, and names, preventing fake, mistyped, and low-quality entries from reaching your MailerLite subscriber lists. This gives your marketing team cleaner audiences, better deliverability, and stronger engagement rates from the very first signup.

<div data-with-frame="true"><figure><img src="/files/2Nd8mcAar2huLuza8MfA" alt="mailerlite-form-with-formguard" width="563"><figcaption><p>MailerLite form with Form Guard enabled</p></figcaption></figure></div>

## Supported MailerLite Forms

Select the type of integration you need to enable seamless form validation using Clearout [Form Guard](https://docs.clearout.io/form-guard/overview) and ensure accurate lead capture across your MailerLite forms.

* [Embed Forms](#embed-forms)
* [Pop-up Forms](#pop-up-forms)
* [Forms on Landing Pages & Websites](#forms-on-landing-pages-and-websites)
* [Site-wide Integration with Google Tag Manager (GTM)](#site-wide-integration-with-google-tag-manager-gtm)

## Integrate Various MailerLite Forms

### Embed Forms

MailerLite embedded forms can be installed on your website using either a **JavaScript snippet** or raw **HTML code**. Both methods render the form directly on your webpage (not inside an iframe), making them fully compatible with Clearout's Form Guard for real-time validation.

**To integrate Form Guard with MailerLite Embed Forms:**

* In your MailerLite account, navigate to **Forms → Embedded forms** and copy the embed code for your form.
* Add the MailerLite form embed code to your website.
* Create and Configure Form Guard - In the validation settings page for Phone & Name, set the “Field Selection” options as Custom and use the following selector for Name & phone respective **\[name="fields\[name]"]** and **\[name="fields\[phone]"]**
* Paste the Clearout Form Guard snippet into the **header section** of the same webpage (just before the closing `</head>` tag).
* Publish your changes and clear any page caches, if applicable. The Clearout Form Guard script will automatically detect the MailerLite form fields on the page and attach real-time validation for email, phone, and name fields.

<div data-with-frame="true"><figure><img src="/files/EqZcU4LXjVzGpCsHyqil" alt="Phone field selector" width="563"><figcaption><p>Custom Phone Field Selector</p></figcaption></figure></div>

{% hint style="info" %}
If you're using the **MailerLite WordPress plugin** to add embedded forms, add the Clearout Form Guard snippet to your WordPress site's header using your theme settings or a header/footer injection plugin.
{% endhint %}

### Pop-up Forms

MailerLite pop-up forms (including full-screen, half-screen, floating, slidebox, and click-triggered pop-ups) are loaded via a **JavaScript tracking snippet** and rendered directly on the page. This makes them compatible with Clearout's Form Guard.

**To integrate Form Guard with MailerLite Pop-up Forms:**

* Ensure the MailerLite [**universal JavaScript tracking snippet**](https://www.mailerlite.com/help/how-to-add-a-form-to-your-website) is installed on your website (just before the closing `</head>` tag).
* Paste the Clearout Form Guard snippet in the same **header section**, alongside the MailerLite snippet.
* Publish your changes. When the pop-up form appears on the page, Clearout Form Guard will automatically detect and validate the email, phone, and name fields in real time before the form is submitted.

{% hint style="info" %}
**Note on Promotional Pop-ups:** MailerLite promotional pop-ups are designed to display information (e.g., announcements, sales, events) rather than collect subscriber data. Since they typically do not contain email input fields, Clearout Form Guard validation does not apply to promotional pop-ups.
{% endhint %}

### Forms on Landing Pages & Websites

Use this option when your forms are placed on **MailerLite-hosted landing pages or websites** built using MailerLite's drag-and-drop site builder.

**To integrate Form Guard with MailerLite Landing Page or Website Forms:**

* In your MailerLite account, navigate to **Sites** and open the landing page or website you want to edit.
* Go to **Settings → Custom code** (or the equivalent custom HTML/JavaScript section in the site builder).
* Paste the Clearout Form Guard snippet into the **Header code** section.
* Save and publish your changes.&#x20;

{% hint style="info" %}
**Note:** To verify successful integration, preview the page and test using Clearout's [test email addresses](https://docs.clearout.io/developers/api/overview#testing). This allows you to confirm functionality without consuming email validation credits.
{% endhint %}

{% hint style="warning" %}
If your MailerLite site plan does not support custom code injection, consider using Google Tag Manager (see below) or an alternative method to load the Clearout snippet.
{% endhint %}

### Site-wide Integration with Google Tag Manager (GTM)

For full setup instructions, refer to the [GTM installation method](/form-guard/overview.md#google-tag-manager-gtm-1) in the Form Guard overview.

Once deployed, the Clearout Form Guard will automatically detect and validate MailerLite forms (both embedded and pop-up) across all pages where the GTM tag is active.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.clearout.io/integrations/mailerlite/mailerlite-forms.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
