To create a form on your Webflow site for email newsletter subscriptions using Mailerlite without relying on embedded forms or using third-party automation tools like Integromate or Zapier, you can follow these steps:
1. Create a Mailerlite account: If you haven't already, sign up for a Mailerlite account. It's free for up to 1,000 subscribers, making it an excellent choice for small businesses and startups.
2. Design your form in Webflow: Using Webflow's visual editor, create a form that collects the necessary information from your website visitors. You can add form fields like Name and Email using Webflow's form element.
3. Add form submission settings: Once you have designed your form, select the form element and go to the Form Settings panel in the right sidebar. Under the Actions section, choose "Custom" from the dropdown list.
4. Configure form submission settings: In the Custom settings, you'll need to set up a custom POST URL to send your form data to Mailerlite. To do this, you need to utilize Mailerlite's API.
a. In your Mailerlite account, go to the Integrations section and find the API key. Copy this key, as you'll need it in the next steps.b. Go back to Webflow, and in the Custom Settings panel on the Form Settings, add the following code snippet in the "Action URL" field:\`\`\`<https://api.mailerlite.com/api/v2/subscribers/YOUR_GROUP_ID>\`\`\`Replace \`YOUR\_GROUP\_ID\` with the ID of the group in Mailerlite where you want to add the subscribers. You can find the group ID in the URL when you open the specific group in Mailerlite.
5. Add the HTML attributes: In the Custom Settings panel, click on the "Add Field" button on the lower right corner of the actions section.
In the field labeled `name`, add `X-MailerLite-ApiKey` and in the Value section, paste the API key you copied from Mailerlite.
6. Publish your Webflow site: Save and publish your Webflow site to make it live. Now, whenever a user submits the form on your site, the data will be sent to your Mailerlite account and added to the specified group.
It's important to note that while this method allows you to bypass using Mailerlite embedded forms and third-party automation tools, it requires some technical knowledge and manual setup. If you're not comfortable with coding or prefer a more streamlined approach, using Mailerlite's embedded forms or integrating with automation tools may be a simpler option.