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?
Yes, you can embed a MailerLite popup form on a Webflow website to collect submissions directly to MailerLite without using Zapier or Webflow forms. Here's how you can do it:
1. Get the MailerLite form embed code:
- Log in to your MailerLite account and go to the "Forms" section.
- Create a new form or select an existing form.
- Customize the form fields, design, and settings based on your needs.
- Once you're done, click on the "Publish" tab.
- Under the "Embed code" section, copy the provided HTML code.
2. Add the embed code to your Webflow website:
- Log in to your Webflow account and open the project where you want to add the MailerLite popup form.
- Navigate to the page where you want to display the form.
- Drag and drop a Webflow Embed component onto the page or into a desired container.
- Double-click on the Embed component to open the Code Editor.
- In the Code Editor, paste the MailerLite form embed code that you copied earlier.
- Save the changes.
3. Adjust the MailerLite form appearance:
- By default, the MailerLite form will appear as a popup. You can customize the appearance by adding CSS code to your Webflow project.
- To do this, go to the Designer tab in Webflow.
- Select the page where the form is embedded.
- Open the Custom Code panel by clicking on the "</>" icon at the bottom of the left sidebar.
- In the Head Code section, you can add CSS code to style the MailerLite form. For example, you can adjust the colors, font styles, or even change the position of the form.
4. Test and publish your Webflow website:
- Preview your website to see how the MailerLite popup form appears and functions.
- Make any necessary adjustments to the form or styling.
- Once you're satisfied, publish your Webflow website to make the MailerLite form live.
By following these steps, you'll be able to embed a MailerLite popup form on your Webflow website and collect submissions directly to MailerLite without the need for Zapier or Webflow forms. Remember to regularly test the form to ensure it's working correctly and actively captures submissions.