Mailerlite
Collecting form submissions with Mailerlite.
With MailerLite you can collect emails from your users through any email capture form. All the collected emails will be sent to and stored in your MailerLite account.
How to integrate MailerLite with Softr
MailerLite integration can be applied to any block with email capture (CTA, Hero section, Form etc). For instance, if you are configuring a CTA with email capture, you will see an "Add to Mailerlite" option under the submit button's Action.

As soon as you choose this option, a new field will appear, where you need to provide the MailerLite Action URL to link the email capture form to your MailerLite account.

So, let's see how you can get the Action URL from MailerLite.
How to locate MailerLite Action URL
Step 1: Create a Subscribers Group
Log into your MailerLite account, go to Subscribers => Groups, and create a group (or use an existing group if you already have one).

Step 2: Create an embedded form
Then go to Forms => Embedded Forms and create an embedded form as shown below.

Step 3: Select a Subscribers Group for the Form
After entering a name, you'll see the next step, where you need to select the Subscribers group for the form. Choose the group where you want the contacts to be stored and hit Continue.

In the next screen, just hit Done Editing to finalize the form.

Step 4: Getting the Action URL of the Form
Finally, you'll be taken to your form's Overview page, where you should scroll down to the Embed form into your website section and switch to the HTML code tab. Here, you need to locate the action URL of the form (can also search for "action" using browser search with Ctrl+F), and copy the URL (highlighted below).

Step 5: Adding the URL on Softr
Lastly, you just need to add the URL in the MailerLite field of your Button.

That's it. You can now publish your form and start collecting subscriptions. See how that works below.

Sending forms to MailerLite
In the previous section, we discussed how to capture emails with MailerLite, however you might also need to map a whole form with multiple field. Let's say you have a Customizable Form on Softr with the following fields: Name, Email, and Message.

In order to receive the form submissions on MailerLite, you should build a similar form there as shown below.

Next, in the form configuration page, you need to go to the HTML code tab of the Embed form into your website section and, apart from grabbing the Action URL of the form, you should get the names of corresponding fields (e.g. fields[name] for the Name field as shown below).

These names need to be pasted inside the Map to parameter of each of the form fields.

As soon as you do the same for the rest of the fields and add the Action URL (discussed in the previous section on email capturing with Mailerlite), you're all set. Now, you can start receiving form submissions on MailerLite. Let's test the form to see how that works.

Last updated on December 6, 2022