To embed a MailerLite popup form directly on your Webflow site and have submissions go to MailerLite (without Zapier or Webflow forms), you'll need to use MailerLite’s built-in embed options. Here's how to implement it.
- Log in to MailerLite, go to Forms, then choose Pop-ups.
- Click “Create popup”, give it a name, and choose a template.
- Design the form and customize fields as desired.
- Under Behavior, set the trigger (e.g., on scroll, after time delay, exit intent).
2. Get the Embed Code from MailerLite
- In the popup settings, go to the “Embed” or “Publish” tab.
- MailerLite provides a JavaScript embed snippet—it usually starts with
<script> and must be inserted into your site’s code. - Note that this is not a raw HTML form but a script that dynamically injects and runs the popup.
3. Add the Code to Webflow
- Go to Webflow Designer, and select the page (or all pages) where you want the popup to appear.
- At the bottom of the page settings, scroll to “Before tag” section.
- Paste the MailerLite script there.
- Alternatively, you can use a Webflow Embed element in the Designer—go to Add → Embed, and paste the popup script there (make sure this element is placed on all pages where the popup should appear).
4. Save and Publish in Webflow
- Click Save, then Publish your site to test the form.
- When visiting the site, the popup should appear according to the configuration in MailerLite (e.g., exit intent, after delay).
5. Verify Submissions in MailerLite
- Go to your MailerLite dashboard → Subscribers to confirm that new entries from the form are being stored.
- Ensure the popup is active in MailerLite—if it's in draft mode, it won’t load.
Summary
To integrate a MailerLite popup with Webflow, generate the popup in MailerLite and embed its JavaScript snippet in your Webflow site (either site-wide or per page). This ensures submissions go directly to MailerLite without using Webflow forms or third-party tools like Zapier.
