Embedding Mailchimp newsletter signup

Design help General
1

Hi Webflow-ies,

I found a really helpful thread on here that stopped me getting the error message on my newsletter sign-up.

However, when I input an email and enter the submit button, it takes me to a page where it wants me to submit it all again.

Is there any way to just get the form embedded on my Webflow site? I don’t know how to get the first name field on there.

Here are some screenshots to show what I mean.

The newsletter form submission at the bottom of my site (I want to include the first name field but can’t work out how):

57
57756×332 5.24 KB

What happens when I input my email and press submit:

41
411504×1078 28.6 KB

It directs me here: https://gmail.us3.list-manage.com/subscribe/post?u=9dc7e609e28f9c6682ef23f58&id=8bb3c2494a

Thanks in advance :slight_smile:

Here is my site Read-Only: https://preview.webflow.com/preview/just-julia-blog?utm_medium=preview_link&utm_source=designer&utm_content=just-julia-blog&preview=fa3a74d5452e09ac3abb826b3d152020&mode=preview
Here is my live URL: www.justjulia.co (newsletter form is at the bottom)

2

Hi,

This is because your form is set up with an action that points towards the signup link. A good way to do import contacts from Webflow forms to MailChimp is to use a Zapier integration. It’s really simple to set up, and works great!

3

Thanks, JSW. I tried doing that but I still have the same problem. I’m guessing I’ve done something wrong but I have no idea what:

07
071684×918 42.7 KB

Any ideas?

Also, does anyone know how to add extra sections to the newsletter form? I want to collect first names with it.

Thanks in advance.

4

Hi Julia,

You need to remove the action set in the form block.
52

To add first names, you can add an extra field to the form, then go to edit your Zapier integration and set it so that it pulls the first name from the new field you’ve added in and puts it in the right field in mailchimp.

1 Like
5

Thanks, JSW.

That makes sense.

Is there any way to edit the form so it isn’t so scrambled?
46

6

Yeah, if you choose the form block and then set the flexbox to the following:

20
20474×588 23.2 KB

Then make the first name and email input fields (and the button) as width:auto and then you can adjust as you wish using the bottom and top margins to space them out.

1 Like