Can anyone provide insights on how to embed a MailerLite popup form on a Webflow website to collect submissions directly to MailerLite, without using Zapier or Webflow forms?

To embed a MailerLite popup form on a Webflow site and collect submissions directly into MailerLite (without using Zapier or Webflow forms), you can use the custom embed code MailerLite provides.

​

1. Get the Embed Code from MailerLite

​

• Log in to your MailerLite account.
• Go to Forms and select or create a Popup form.
• After setting it up and customizing, go to the Embed tab.
• Copy the JavaScript snippet provided by MailerLite.

​

2. Add the Code to Your Webflow Site

​

• In Webflow, open your Project and go to the Pages panel.
• Select the page (or go to Site Settings) if you want the popup site-wide.
• Scroll to the Before </body> tag custom code section.
• Paste the MailerLite embed code here.
• Publish your site for the changes to take effect.

​

3. Confirm Popup Behavior

​

• By default, MailerLite handles the triggering rules (e.g., on load, after delay, on scroll).
• These settings are configured within MailerLite, not Webflow.
• You can also enable targeting rules within MailerLite to control where the popup shows (e.g., certain URLs or domains only).

​

4. Test the Integration

​

• Visit the live Webflow site and confirm that the popup form loads.
• Submit a test and ensure that the information appears in your MailerLite Subscribers list.
• You do not need to connect Webflow’s form element or create any CMS collections for this to work.

​

Summary

​

To collect leads directly into MailerLite using a popup on Webflow, use the JavaScript embed provided by MailerLite and place it in Webflow’s Before </body> section. No Webflow forms or third-party integrations like Zapier are required. All form display and submission processing will be handled fully by MailerLite.