Yes, you can integrate MailerLite with Webflow to collect email signups and automate email campaigns. MailerLite offers form embed options and API access, both of which work well with Webflow.
- Create a form in MailerLite under Forms > Embedded Forms.
- Customize the fields and styling in MailerLite.
- Once the form is created, copy the embed code MailerLite provides.
- In Webflow, drag an Embed element into your layout and paste the code into it.
- Publish the site to see the form live.
Webflow's free plan allows embedded forms but limits form submissions in Webflow-hosted forms. Since this is handled via MailerLite, the limitation doesn’t apply here.
- Design your form in Webflow using the native Form Block.
- Instead of using Webflow’s form submission handling, connect it with MailerLite via a third-party tool like Zapier or Make:
- Set the Webflow form to submit data.
- In Zapier: Trigger = Webflow form submission, Action = Add subscriber to MailerLite list.
- This method gives more control and doesn’t require embedded code, keeping styling consistent with your Webflow design.
- In MailerLite, go to Forms > Pop-ups and create a popup form.
- Activate the form and get the JavaScript snippet provided.
- In Webflow, go to Project Settings > Custom Code > Head and paste the script there.
- Publish the site. The popup will follow the settings configured in MailerLite (trigger time, scroll, exit intent, etc.).
Summary
You can integrate MailerLite with Webflow using embedded forms, pop-ups, or by connecting Webflow forms to MailerLite via tools like Zapier. Choose based on your styling needs and desired user experience.