How To Show Popup On Click Event Mailerlite

How To Articles

Being a blogger and someone who regularly deals with popup forms, I comprehend the significance of capturing and involving website visitors. In this article, I will walk you through the steps of displaying a popup when clicking with the help of MailerLite, a well-known email marketing platform.

Let’s dive right in!

What is a Popup Form?

Before we start, let’s quickly cover what a popup form is. A popup form is a type of opt-in form that appears on a website when triggered by a specific event, such as a click, scroll, or time delay. Popup forms are an effective way to capture visitor’s attention and encourage them to take action, such as subscribing to a newsletter or downloading a resource.

Getting Started with MailerLite

If you haven’t done so already, the first step is to sign up for a MailerLite account. Once you have your account set up, log in to your dashboard.

On the left-hand side menu, click on “Forms” to access the form builder.

Next, click on the “Create New Form” button to start building your popup form.

Building Your Popup Form

Once you are in the form builder, you will have various options to customize your popup form according to your branding and preferences.

Start by choosing a template that suits your needs. MailerLite offers a wide range of pre-designed templates to choose from. Feel free to browse through the options and select the one that resonates with your website’s design and style.

Once you have selected a template, you can begin customizing it by adding your own text, images, and colors. You can also modify the form fields to collect the information you need from your subscribers.

Remember to keep the design clean, visually appealing, and easy to navigate. A cluttered and confusing form can discourage visitors from completing it.

Setting the Popup Trigger

Now that your form is ready, it’s time to configure the popup trigger. In this case, we want the popup to appear when a visitor clicks on a specific element on your website.

To do this, click on the “Behavior” tab in the form builder. Under the “Trigger Type” section, select “Click.”

Next, you will need to specify the target element on your website that will trigger the popup. This can be a button, a link, an image, or any other HTML element.

MailLite provides a simple and intuitive way to select the target element. Just click on the “Select Element” button and hover over the desired element on your website. Once you click on the element, MailerLite will automatically add the necessary code to trigger the popup.

Take your time to test the popup trigger to ensure it works as intended. Make sure the popup appears when you click on the specified element.

Embedding the Popup Form on Your Website

Once you have configured the popup trigger, it’s time to embed the form on your website.

MailerLite offers different embedding options to suit your needs. You can choose to embed the form directly on your website using HTML code or use a JavaScript snippet for more advanced customization.

If you are using a website builder like WordPress or Wix, MailerLite also provides plugins and integrations that make it easy to add the form to your website.

Choose the embedding method that best suits your website’s platform and follow the provided instructions to add the form to your website. Make sure to test the form after embedding it to ensure it displays correctly.


By following the steps outlined in this article, you can successfully show a popup on a click event using MailerLite. Remember to design your form in a visually appealing and user-friendly manner to maximize its effectiveness.

Popup forms can be a powerful tool to capture leads and engage visitors on your website. However, it’s essential to use them responsibly and consider the user experience. Avoid bombarding your visitors with too many popups or intrusive designs.

With MailerLite’s user-friendly interface and customization options, you can create attractive and effective popup forms that align with your brand and website’s design.

So, what are you waiting for? Start creating engaging popup forms with MailerLite and watch your email list grow!