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 directly on a Webflow website and collect leads straight into MailerLite (without Zapier or Webflow Forms), you need to generate and embed the MailerLite-provided JavaScript snippet.

1. Generate Your MailerLite Popup Form

• Log in to your MailerLite account.
• Go to the Forms section and select Pop-ups.
• Create a new popup form or edit an existing one.
• Design the form and configure settings (including list segments, triggers, and display rules).
• Once saved, MailerLite will give you an embed script under the "Embed" or "Install" section.

2. Copy the Embed Code from MailerLite

• You will see a JavaScript snippet provided by MailerLite.
• This script automatically handles the form rendering and data submission to MailerLite.
• Do not try to modify or extract elements from the script; the popup system only works properly with the script as-is.

3. Embed the Code in Webflow

• In Webflow, go to your site’s Page Settings (for the specific page) or Site Settings → Custom Code section.
• Paste the MailerLite script into the Before tag field to ensure it loads on page load.
• Alternatively, use an Embed component on the desired page and paste the script inside.

4. Publish Your Webflow Site

• Click Publish to deploy the updated site.
• Visit your Webflow site live (not in Preview mode) to confirm the popup appears and functions properly.
• Test a submission to verify email addresses are being collected in your connected MailerLite list.

5. Troubleshooting Tips

• The popup may not show if you’ve configured display rules too restrictively — adjust display triggers in MailerLite (like exit intent, delay, or scroll depth).
• Make sure your browser isn't blocking pop-ups or scripts.
• If the embed doesn’t work at all, confirm that you've pasted the full, unaltered script and published the correct Webflow domain.

Summary

To embed a MailerLite popup form on Webflow, use the JavaScript snippet provided by MailerLite and embed it via Webflow’s custom code fields or Embed component. This allows direct lead capture into MailerLite without relying on Zapier or Webflow’s form elements.