DEV Community

Create an email list with React + Mailchimp

Gedalya Krycer on May 03, 2021

In this tutorial... We are going to build a custom subscriber form in React and connect it to a Mailchimp audience (list). ⚛️ 📤 🙉 Mai...

Read full post

Emeka Orji • Mar 24 '22

Thank you so much @gedalyakrycer . I promised myself that your article was the last place I would stop in getting MailchimpSubscribe to work on my site

Cause I have been trying(from scratch each time) and it was not working and the crazy thing is; I couldn't figure out what I was missing.
But I followed this tutorial and did everything almost verbatim and it worked...Thanks

Mahmoud Ibrahiam • May 3 '21

Useful and great article, but i think that you can call api directly instead of using external packages.

You can use e.target.reset() to reset inputs.

Gedalya Krycer • May 3 '21

Oh nice! Thank you for the feedback.

Qpwoeiruty • Aug 19 '21

Hi!
I got this error:

./components/Mailchimp/CustomForm.js:4:0
Module not found: Can't resolve '../../ui/InputField/InputField'
2 | import './mcFormStyles.scss';
3 | import MailchimpSubscribe from 'react-mailchimp-subscribe';

4 | import InputField from '../../ui/InputField/InputField';
5 |
6 | const CustomForm = ({ status, message, onValidated }) => {
7 | const [email, setEmail] = useState('');

Humberto Jr • May 17 '21

Thanks friend Gedalya for tutorial, i will configure in my personal project.

Sahra Di Bernardi • Oct 11 '23

AMAZING! It is still working in October 2023. I was hopeless trying to connect it via APIKey, but this was SO MUCH easier I cannot even begin to describe it. Thank you for putting this in such an easy way with a step-by-step guide.