Webflow Logic + API Cookbook

MailerLite

Overview
The Fundamentals of Connecting Logic to External APIs
000
The Fundamentals of Triggering Flows from External Webhooks
001
Email Marketing Services
Connecting Logic to Email Marketing Services
100
MailerLite
101
Active Campaign
102
MailChimp
103
Lead Management Services
Connecting Logic to Lead Management Services
200
No items found.
Published
December 22, 2022
Updated
in lightbox

We have a full video tutorial and cloneable specifically for Webflow + MailerLite, using Logic. Click the button above.

MailerLite is an email marketing service. Typical functions you'd want to trigger from your website include;

  • Add subscriber
  • Add subscriber to group
  • Remove subscriber
NOTE: currently there are two versions, referred to as MailerLIte New version, and MailerLite Classic. The docs here have only been tested with the new version.

Authentication

Get your MailerLite API key

  1. In MailerLite, visit the Integrations / API page
  2. Click Generate new token
  3. Name it something recognizable, like your site's domain name
  4. Copy that key somewhere safe, like a password keeper. It's long. Note that you won't be able to view it again in MailerLite.

Setup HTTP Request Block in Logic

In your Webflow Logic flow, create a Make HTTP Request block where you want this step to occur.

Use these settings;

  • Authentication - select API token
  • Add to - select Header
  • Header - enter Authorization
  • Credential - create as follows;
  • > Name - anything you like
  • > Type - API token
  • > Token - Bearer YOUR-TOKEN-ID
  • >> Make certain to have Bearer  first, with one space following
  • >> After that, paste in your long MailerLite token

Common Uses

Add Subscriber

  • Request method - select POST
  • URL - enter https://connect.mailerlite.com/api/subscribers
  • Headers - add
  • > Content-Type : application/json

The request body will be JSON.

The minimum you need to add a subscriber is the email, e.g;

{
   "email": "(insert email field here)"
}

If you also want to add a name,

{
  "email": "(insert email field here)",
  "fields": {
    "name": "(insert subscriber's name field here)"
  }
}

The Body field starts as one line, but will automatically expand to fit the content you type or paste in.

NOTE: In most services, first name and last name are separated. In an email newsletter, if you started it with "Hey Bob!", you'd just want the first name. Until Logic has a Formatting or Script block, capability, the easiest way to do this is at the point of data capture. In your originating form, simply ask for the First Name rather than Name, to get the data that best fits your needs here.

Use the purple + Insert Variable icon in the top-right of the Body field to insert the data for each field.

Add Subscriber to Group

If you also want to specify one or more mailing list groups to add the subscriber to,

{
  "email": "(insert email field here)",
  "fields": {
    "name": "(insert subscriber's name field here)"
  },
  "groups": [
     "(enter group 1 ID here)",
      "(enter group 2 ID here)"
   ]
}

NOTE: The groups section is an array. In JSON, arrays are wrapped in square brackets.

You can get your MailerLite group ID by viewing that group in the MailerLite admin console Under Subscribers / Groups.

Click View Group, and scroll all the way to the end of the URL. You'll see a segment of the URL that looks like this;

group=75172115177801847

The numeric part is your Group ID.

You can add a new subscriber to several groups, by comma-separating these group ID's

Resources

MailerLite API Guide

Videos
No items found.
Table of Contents
Comments
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.