After creating a MailerLite popup, embedded form, or promotional form, you can follow these steps to install it on your website. Keep in mind that each website will have its own unique settings, and we recommend contacting your website hosting provider for more information on installing JavaScript forms on your site.
How to install an embedded form on a website
To install the form on your website, you will need to copy/paste the JavaScript snippet onto every page of your website (just before the closing </head> tag and a smaller line of code wherever you want your form to appear):
Navigate to the Forms page.
Click the Overview button of your form. If you don’t see this button, click Continue editing, finish building your form, and then continue.
Scroll down to the JavaScript snippet. Here you'll find two JavaScript snippets.
The first snippet (the larger piece of code) is the MailerLite universal tracking snippet. The second snippet (the small piece of code) is your individual form’s code.
4. Copy and paste the universal tracking snippet into your website’s HTML just before the closing </head> tag.
5. Copy and paste the individual form’s code into your website’s <body>, where you’d like the form to appear.
If you are not sure where to add the JavaScript snippet, check your website builder's settings or help documentation. This might be labeled as Custom Code, HTML/CSS, or JavaScript settings. Some platforms allow code injection globally (affecting the entire site) or on specific pages.
Alternatively, contact the support team of the platform on which you created your website for help.
💡 Using Wix? Read the instructions on installing forms on your Wix site.
More ways to install
HTML code - Instead of adding 2 JavaScript snippets, you can add a single HTML snippet to the
<body>of your website, where you’d like the form to appear. Note that when using this method, you’ll need to update the code on your website each time you edit the form.
WordPress integration - If your website is created on WordPress, use the Official MailerLite signup forms plugin to add your form to the website. Refer to How to use MailerLite with WordPress for more details.
Share URL - Each embedded form has a shareable link. You can link the form on your website instead of displaying it there.
How to install a pop-up or promotional form on your website
To install the pop-up on your website, you will need to copy and paste the JavaScript snippet onto every page of your website, right before the closing </head> tag.
Displaying the pop-up automatically
To install the JavaScript tracking snippet on your website:
Navigate to the Forms page
Click Overview. If you don’t see this button, click Continue editing, finish building your form, and then continue.
Scroll all the way down until you see the JavaScript snippet (or copy it from the Setup page when creating a pop-up).
4. Copy and paste the universal tracking snippet into your website’s HTML just before the closing </head> tag. (You only need to do this once, even if you plan on installing multiple forms on your website).
The popup will then appear on your website and will show according to the Visibility settings in your MailerLite account.
💡 Using WordPress or Shopify?
Install the MailerLite plugin for WordPress or the MailerLite plugin for Shopify to install pop-up forms on your website without using any code.
Displaying the pop-up on click event
To use the Pop-up on click event feature:
Navigate to the Forms page.
Click the Overview button of your form. If you don’t see this button, click Continue editing, finish building your form, and then continue.
Scroll all the way down until you see the JavaScript snippet.
Copy and paste the universal tracking snippet into your website’s HTML just before the closing
</head>tag.Click Show on click event. Select the type of click event, copy the additional code snippet, and add it to your website's
<body>, where you’d like the link or button to appear.
Click event types:
Button - To create a button pop-up, copy the code in the first grey field. Replace the sentence Click here to show form with your own button CTA. The button style is the same as you have set on your website. If you want to change your button, you need to change the design settings on your website.
Link - Copy the code in the second grey field to show your pop-up whenever a link is clicked. Replace the sentence Click here to show form with your text.
How to install a MailerLite pop-up form on a MailerLite website or landing page
To add a MailerLite pop-up to a landing page or website that was created in your MailerLite account:
Navigate to Sites and click Overview for the website or landing page that you would like to add the form to.
Scroll down to Settings.
Click Edit settings.
Choose the Analytics and custom code tab.
Toggle the option for Pop-ups.
6. Click Save and continue.
Once saved, check your published website or landing page, and the form should show according to the form's behavior settings.
✍️ Keep in mind:
Submitting this form triggers the form's own double opt-in email and success page instead of those defined in your website or landing page settings.
Those who sign up using the form will only be shown in the form's analytics, not the website or landing page stats.
To track form statistics and use the double opt-in email and success page configured for your website or landing page, add a Sign-up form block directly in the site editor instead.