Link new member signup with email client

Hi Webflow

Upon a new member signing up I of course want to send an email confirming this and add the email address to mailchimp.

How would i go around doing this as apparently webflows membership form is not a form?

Many thanks

Hey Grant,

This will be a common request, and I expect WF will add built-in integration for this, to common platforms like Mailchimp.

I’m also hopeful we’ll see a New Member trigger in Logic, which you could use for this, but it’s not available yet.

One approach is to use the New Member webhook, and setup automation on Zapier/Make to pick up new members and perform additional actions, like adding them to Mailchimp if the newsletter box is ticked.

Another possibility is client-side; you basically intercept the form submit after it’s been validated but before it’s been released into the webflow system. There you insert your own JS to handle your mailchimp add.

Note, what you’re really wanting is Email-Verified users, so keep that in mind for your processes.

UPDATED
Here’s a tutorial on how to build this functionality using Logic.
I’m synchronizing the Webflow Member’s Opt-in state with MailerLite in this walkthrough, but you can swap out MailerLite’s API with Mailchimp, etc.

1 Like

Hey Michael,

Thanks so much for your reply,

Have you heard anything about the time frame for webflow on this feature? It seems like a basic feature to have especially in a beta. It is also strange how the new members form is not classed as a form.

Can i please ask how to add a webhook to zapier? I found the setting but not sure how to make zapier link to my email client for new memberships? I am also on Zapier and send in blue which i am using for emails, but no option to add for new members.

Thanks again,

Hi @Grant1 :wave:

There’s never been any mention of this specifically being added. I’ve personally requested this, spoken to the product person working on this, but haven’t seem much movement on it.

I have a free tool that you can use for exactly this: https://WebhookCreator.com

You can use this to setup Webflow Membership Webhooks:

There is a tutorial on the site walking through how to set all of this up, but… it doesn’t specifically walk through using Zapier.

You need a paid account to use Webhooks with Zapier.

Most of my tutorials walk through using Make (Integromat) as they have an ample free tier and you can use it with Webhooks.

So… here’s a quick walk through to create a Zapier Webhook using WebhookCreator:

Create a new Zap and search for Webhooks.

Choose the Webhooks by Zapier Trigger.

Select the “Catch Hook” event. There is a lot of nuance to these 3 options and this “Catch Hook” is typically the best to choose by default unless you need something very specific.

For this walk through you can skip the “pick off a child key” option (just tap on the continue button). Again, it’s a specific advanced option that you don’t for this walk through.

Here’s the magic :unicorn:

Zapier has just created a Webhook URL for you. Copy that to use in the next step.

Paste that URL into the Webhook Creator tool.

Select the Membership trigger you’d like to use.

In this case, I’ve selected the account added option.

Next you’ll need to fill in the “Webflow API Token” field. You get that in your Webflow project settings. The tutorial on the site walks you through finding that.

Once you have, add it here and tap on the “create webflow webhook” button.

You can confirm you’ve added your new Webhook in the same spot you found your API token.

Next, invite a new user to your Webflow Memberships (I didn’t add a screenshot for this).

Once you’ve invited a new member…

Head back to Zapier and tap on the test button.

You should find your new Webflow Member showing up.

Next, you can add your Mailchimp (or whatever) action you’d like to complete your automation.

Overview:

  1. You added a Webflow Webhook that triggers whenever a new Webflow Membership is created.

  2. You send that message out of Webflow and into Zapier.

  3. Zapier receives that message and triggers any actions you need to complete you automation.

Hope that helps!

1 Like

Thank you so much for this,

I am going to be a huge pain, and if it is going to take too long please do not worry,

But how would i do that using (integromat)?

I am trying to do this curretnly but cannot find any way to do this in webhooks in integromat.

Many thanks again

No, you’d want to monitor the Membership BETA forums and ask your questions there. It’s where all the features / bugs discussion happens about Memberships and Logic.

I’d fully expect that, both for security reasons and just to prevent people from breaking the sign up process. Just like ecommerce, it’s a place where webflow needs some control over the interface with the end user, so the behavior is different from a form that you control 100%.

They’ve done a great job keeping the styling options intact though, good approach.

For new member hooks, I believe you have to go through the API to create that webhook. Chris’s tool below will save you some steps there.

In Zapier, the SendInBlue integration has an Add or Update Contact action. That’s what you’ll use to save your new member’s email address into your chosen mailing list.

1 Like

Thanks Michael,

But i do not understand how to get this working.

This is a vital feature when someone signs up but cannot get this to work at all by connecting Integromat with Chris’s tool and Send in Blue.

Would you have any idea how too?

Hey Grant, it’s not very complex, but there’s much I can do without access to your site, API key, and your Make account. I’m also away for a week so full-on at the moment.

There’s probably a lot of new stuff for you to wrap your head around here, so if you’re using Make, I’d recommend you do some basic tutorials- we’ll worth knowing some good automation tools to expand what Webflow can do.

Again the basic approach is-

  • Create a webhook in Make and copy the URL
  • Add the webhook to Webflow, you can use Chris’s tool for that to make it easier
  • Now test a new member create, so you get some data in Make
  • There, add a sendinblue step
  • Pass in the email from the webhook, and test it.

That’s pretty much it.

Note I don’t use Make, I use n8n primarily which is much more powerful but more programmer-oriented. But Make is pretty easy to use, good UI, it it appears to have all the integrations you need. Plus, it should probably be free, unless you are doing thousands of new members monthly.

No worries. You’re not a pain. People are here to help :smiley:

Here’s a quick screencast walking through a Make (Integromat) Webhook with Webflow as a place to start:

It shows you how to create a Make Webhook URL.

Then, instead of adding the Make Webhook URL to a form field (as the screencast shows you), you’ll add it to the Webhook Creator tool just like I walked through with the Zapier example above.

Give it a try, does that make sense?

Once you have that hooked up you’ll be triggering your Make automaton and you can add whatever modules you need to it.

If you want to see an example of a bigger build using Make, Webhooks, Webflow, and using Google Sheets checkout this tutorial:

Again, it uses a form but you just add the Make Webhook URL to the Webhook Creator tool instead of the form (just like in the Zapier walk through above).

Here are a few screenshot to help:

Hope that helps!

Hey all! Have a different use case. I want the invite membership action to be owned off Webflow, I am currently viewing my options between Hubspot and/or Airtable.

I want to add a user’s email to the invite list in Webflow via another platform and send the invite email from another platform. I just want Webflow to be the place users complete their sign-up and interact with the gated content. Any ideas how to get this done?

Welcome @Antonio_Lopez_Jr :wave:

This part is achievable. Use Webflow’s API: Create and Invite a User

As I recall that’s not possible, yet. You’re forced into inviting users for the onboarding experience, and sending those invites through Webflow.

Thanks for the response! Is there any documentation on using this API with Make or Zapier? I’m getting bad request errors to invite a user due to missing fields. I was able to use the web hook feature to send data from Webflow to another platform but not able to do the same.

Not really, but loads of tutorials & screencasts on my blog: https://nocodequest.com/

Post details. The more the better.

Hi Chris,

Thanks for all the detailed info above, I’m just struggling with one step: configuring the variable parameters in make.

I hope this screenshot explains it better than trying to write it out, but all I need is the dynamic subscriber email and name from the /sign-up page on webflow.

Cheers mate

The email address should be sent to the Webhook. Once it’s received by the Webhook it’s then available in your MailerLite module. In your screenshot your on the wrong tab. The star tab has all of the variables passed into the Webhook.

If you run through some of the tutorials / screencasts on my blog there a loads of examples showing this in more detail.