How to integrate Mailchimp and Webflow? (Basic Setup, Custom Fields, Tags)

Today I will show you how to connect Mailchimp with Webflow. You will learn to use Webflow's built-in forms to accept signups for your Mailchimp newsletter and email lists.
▶ Build Multi-Step Forms in Webflow:
inputflow.io
#webflow

[@mikepecha]

▶ Build Multi-Step Forms in Webflow: inputflow.io

[@MissNat512]

You're a legend. 1 hour battling on Webflow and you solved it for me in 5 minutes. Thank you!

[@mikepecha]

Glad, it was helpful :)

[@peterfeysa1633]

My friend...this seriously puts Mailchimp and Webflow to shame. Your explaination was so much more accurate and precise...and helpful....than the hours I've spent speaking with their experts. Thanks for putting this out there, Mike.

[@mikepecha]

Thank you, Peter :) Glad it was helpful

[@kayopinheiro2780]

For the thousandth time, thank you very much.

[@mikepecha]

my pleasure :)

[@Joilsonday]

Thank you so much! Your tutorial are Gold! Thanks a lot!

[@infinitedesigns_io]

Great video! This is so helpful, thank you for the awesome content!

[@mikepecha]

You are welcome, Adam :)

[@BlairRorani]

Fingers crossed this works for me, I was trying a logic flow with an API key and doesn't seem to work, trying now!

[@paulirwin2678]

Very helpful - thanks!

[@andrejthechef]

Exactly what I needed

[@PeterRychlik]

Really clear and comprehensive and straight to the point as always, Mike! Keep up the great work. This is the second or third video of yours I've watched, and your style is very consistent and excellent! Subscribed!

[@mikepecha]

Thank you for the feedback, Peter! I really appreciate it :) Mike

[@dereksiuau]

Great Tutorial!

[@mikepecha]

Thanks Derek :)

[@bolajiakangbe]

This is great. You're a good teacher Mike

[@pixelhd1639]

In case someone has the same issue: You can only get the data from the fields that you've set up in the initial embed form. So if you haven't set up First Name for example, Mailchimp is not going to save this information.

[@kalis4116]

This is so useful Thank you! I have a question though, why is it not working for me when I do a select field and use the MC tags on each field? It's giving a success message but the data isn't being shared to MC... I tried it with radio buttons too. Do I have to put each radio button in an embed field with that merge tag?

[@benstanbury]

Thanks Mike, this is such a helpful video. I have question if I may, I have three ebooks on my website (lets call then Branding, Naming & Strategy). I have set the three tags in Mailchimp to Branding, Naming & Strategy on the embedded signup form. When the user completes the 'Branding' form on my website she gets emailed the 'Branding' ebook. However, it seems I have to add add three tags to the Mailchimp signup form, which results in the situation where even if the site visitor only completes the 'Branding' form, they get all three tags assigned top their contact. I would like a solution where a Branding customer is assigned only the Branding tag, the Naming customer is assigned only the Naming tag etc... Perhaps this requires Make or Zapier, (or I need three separate embedded forms in Mailchimp?) Sorry for the long post, TIA. 🙂

[@timrichter00]

Did u solve the Problem? :)

[@benstanbury]

I did thank you. @@timrichter00

[@mikepecha]

Happy that you found a solution

[@flowgurus]

This was super helpful thank you Mike! This little integration has been a headache for some time until now :) Little tip for your viewers ~ When creating a custom checkbox field, the values need to be set as "true" and "false", it seems, no uppercase. This is the only thing that I got stuck on for a bit. Thanks again!

[@mikepecha]

Thanks for your comment :)

[@Fr3nCh9TrAcKeR]

Thanks legend! great tutorial and worked 1st time 🙌🏽

[@mikepecha]

Happy to hear that Neirdah :)

[@leblenderdesign5859]

Your tutorial is great but I've got an issue: after pressing the button "subscribe" Webflow send me a message "Oops! Something went wrong while submitting the form." I don't know where the problem is.

[@mikepecha]

Is there an error inside your development console?

[@mystralpath]

Hello @mikepecha, great video, is there a possibility to add the user with tag on mailchimp, who has submitted the form without having to create a custom field necessarily? For example, keep the custom fields with only Name, Surname, email, and automatically once they submit the form, a tag "Fitness" is assigned to them, in order to keep the signup form as much simple as possible? Thank you

[@mikepecha]

Hi! No, that is not possible. If you want to Tag a new signup you have to add the custom input field with the tag. (But you can hide this field so the user does not sett it.)

[@bolajiakangbe]

I have a question: My client has two different set of forms on their website. How do i connect the second one without error happening?

[@mikepecha]

Hi, what error do you get with the second form?

[@joseph-yg8cq]

hello, thanks for the video, super helpful. im encountering though some issues if anyone can help. when i check mailchimp for the submissions. all the fields are empty but the email adress, i have checked the name tags and eeverything seems to be correct. what could be the issue?

[@Mirandoisa]

Encountering same problem :( Have you fixed it by any chance?

[@arielmoisesmaradiagarodrig9707]

Does mailchimp allow you to send an email to your personal o company email, after the user submit the data and at the same time send to the user a "confirmation email" to let the user know their data hast been received?

[@mikepecha]

I don't know. But maybe you can set up an automation with Zapier or Make do achieve this

[@anushreesharma4669]

Can you please help connect Webflow with Constant contact?🙈

[@kashdesign]

Great video @mikepecha!! Thank you Is there any way to send new signup user details on Webflow to Mailchip?

[@mikepecha]

Yes, you can use Make or Zapier for that

[@kashdesign]

@@mikepechaThank your for getting back to me. I checked with Zappier, they said not possible.

[@leszeksmieszek4523]

Hey Mike, great tutorial! I wanted to add a checkbox inside my contact form that will allow users to sign up to the newsletter by simply checking the box inside the contract form. Do you know how to do it?

[@mikepecha]

Yes, you can do that. Many ways to achieve it here are two options: 1. Custom JavaScript which checks if the box is checked, and based on that submit the data to your newsletter tool. 2. With Webflow Logic, where you would also test if the box is checked and based on that submit the data to your newsletter tool

[@leszeksmieszek4523]

@@mikepecha thank you, I'll look into Webflow Logic, as JavaScript scares me lol!

[@mateusvidal3187]

Thanks a lot for this amazing tutorial Mike! It was straight to the point!

[@mikepecha]

Thanks, happy to hear that :)

[@Machko]

Is this going to work if I export code from my website?

[@mikepecha]

Should work, but always test yourself to be on the safe side ;) Mike

[@anyadocious]

Thank you 🙏 Worked like a charm!

[@mikepecha]

Awesome 👍

[@axellelanca4762]

Hi Mike, thank you for this video, it's very clear 🙏🏼 Do you know how to do with the GDPR fields ? I've added the custom code from mailchimp, I can check the checkbox, but when I come back to my settings, the checkbox is not checked Thank you ☺

[@mikepecha]

Hi, where did you add the checkbox?

[@muskat1176]

Bro i like your content! Fast and easy to understand. You are the best!

[@mikepecha]

Thanks bro👍 Happy to hear that

[@felixrohde6585]

thx

[@seekntravel]

Unfortunately is not working for me

[@mikepecha]

:(

[@kyle.garrett]

You have some great videos Mike. Thx!

[@mikepecha]

I appreciate that! Thanks Kyle

[@FromTheDeep2481]

Thank you Mike! I was just about to give up on this and try a different CRM/email marketing software, all other info I could find was outdated and thought it wasn’t possible.

[@mikepecha]

Happy to hear that, Chris :)

[@JeremyAddisMills]

This is great but I can't for the life of me get it to work. Is there a new trick?

[@JeremyAddisMills]

Figured it out. I had double opt-in turned on

[@FromTheDeep2481]

Hey Mike, say you have a couple of different forms on your site (as in a contact form and a seperate lead magnet resource opt-in), and you'd like each one to give a unique tag to the user when submitted, so I know which form they used to sign up, is this possible with Mailchimp?

[@mikepecha]

@@FromTheDeep2481 Yes, just copy the hidden tags field to the first form, then go through the Mailchimp process and select your tag for the second form, and copy the hidden tags field for the second form

[@davialkimim3140]

thanks for this videos Mike!

[@mikepecha]

You're very welcome!

[@timrichter00]

Hi Mike, Kann ich den value im Custom Code auf einem CMS item mit deinem dynamischen Value versehen z.B. Im CMS „Tag“ wo dann Editoren den Zahlenwert vom Tag eintragen können? Oder geht das auch unkomplizierter, dass man dynamisch Tags ändern kann, je nachdem auf welcher cms Unterseite man siCH befindet? Hast du da Erfahrungen?

[@mikepecha]

Hi Tim, wenn es immer nur ein Tag ist könntest du das zB mit dem Feld + Zahlenwert machen. Oder per Reference field, wo du dann eine separate CMS Collection hast die heißt dann zB "Mailchimp Tags", der Name ist dann der Tagname, und dann hast du darin noch ein Extra feld "Zahlenwert", und dann kannst du diese Tags immer auswählen. Bei mehreren Tags wird es dann schon etwas schwiergier, aber mit ein paar Zeilen Cusotm Code auch kein problem. Gruß, Mike

[@timrichter00]

@@mikepecha lieben dank für deine Antwort. Also reicht nicht nur der tagname sondern auch die ID, die im CMS dann hinterlegte sein muss? Mein Problem: selbst wenn ich aus dem eingebetteten Formular den gesamten Code raus kopiere und ich meiner Website einpflege (und nur ein Tag ausgewählt habe), Publishe und teste, wird der neue subscriber zwar angelegt aber mit ALLEN Tags die ich für die Zielgruppe erstellt habe 🤷🏼‍♂️🤷🏼‍♂️ ich raffe es nicht und der Support ist mir keine Hilfe 😂

[@nioconnell26]

Hi Mike. Thanks so much for the clear tutorial on connecting MailChimp & Webflow. For some reason, when I use an embed MailChimp form using a Webflow form, the test email address that I am using doesn't receive the MailChimp confirmation email. I have authenticated MailChimp in my domain provider, but users still don't receive the email from MailChimp which asks them to confirm their email address. Any idea why this might be the case? Really appreciate your help. Niamh

[@nioconnell26]

@mikepecha Do you think you would be able to help me with my question? I appreciate your time.

[@mikepecha]

Hi, have you activated the "dobule-optin" setting inside Mailchimp?

[@nioconnell26]

@@mikepecha Hi Mike. No, I haven't. I couldn't figure out the issue, so I just implemented MailChimp as a form itself onto my Webflow website. It's working now

[@jasperdemuynck]

Thank you

[@mikepecha]

You are welcome, Jasper :)

[@syeadtalal114]

I would like to ask one thing as I am not expert for this, why to add tags?

[@mikepecha]

to segment subscribers for marketing purposes

[@Astendor]

Thank you

[@Avamyara]

Great, exactly what I needed!

[@Inkontinenz]

Thanks I learned very much.

[@mikepecha]

Glad it was helpful!

[@cosmincraciun3769]

How do you solve the GDPR compliance problem when building Webflow websites for EU clients?

[@mikepecha]

You could use make.com or formspark.io to accept form submissions to be on the safe side. Both are EU companies with EU-based servers.

[@cosmincraciun3769]

@@mikepecha Alright, still will not be 100% compliant. Because hosting is on US servers. But it's a ok solution., hope I will not have problems.

[@cosmincraciun3769]

I will try and add a cookie consent and if necessary a privacy policy on top of those form submissions. And with that I just hope that everything will be ok.

[@stevecahill9106]

Nice demo, Followed the instructions, but no success. "Oops! Something went wrong while submitting the form." Curious where you are getting the "Yes. I accept the terms" check box Not sure if that is my issue.

[@mikepecha]

In your project settings, check if you have reCaptcha enabled. If yes this could cause the error.

[@stevecahill9106]

I do have reCapcha enabled on another different form on the site. Will turn it off and see what happens and report back.

[@mikepecha]

@@stevecahill9106 Then this is the reason why its not working. If you enable reCaptcha for a Webflow project, every form needs a reCaptcha field.

[@stevecahill9106]

@@mikepecha so I can put reCapcha on the MailChimp form and all should be fine. Will report back.

[@stevecahill9106]

Keeping the reCaptcha on all the other forms (2) then placing a 3rd on the MailChimp form did not work. Same Error message. will disable all then try again and report. Console msg: Failed to load resource: the server responded with a status of 404 () webflow.271c8297c.js:25681 MailChimp error: 6 - Please enter a value

[@sg.captain-kun6409]

Is there a way to receive an email of all the datas submitted ?

[@mikepecha]

Hi captain-kun, In your Mailchimp account you can see all the data in the contacts list. Or are you referring to some other data? Mike :)

[@sg.captain-kun6409]

@@mikepecha thanks for replying! What I meant is that after submitting a form, I'd like to receive an email notifying me that someone submitted a form and see what he submitted directly in the email

[@mikepecha]

Yes, you can do that. An easy way to do it is to set up the form as a native Webflow form, so that you receive the standard form notifications from Webflow, and then do the Mailchimp submission with JavaScript. This way both things would work in parallel 👍

[@cristianonascimento9089]

Is there a way to redirect the email to a gmail?

[@mikepecha]

Which email do you want to redirect?

[@cristianonascimento9089]

@@mikepecha The emails that come from the form to the mailchimp, I would like to receive them in the gmail that I used in the sign in to the mailchimp. It is possible?

[@leszeksmieszek4523]

​@@cristianonascimento9089you can set a notification email inside mailchimp. Everytime someone signs up, you'll receive an email.