https://github.com/revolunet/react-mailchimp-subscribe
React subscribe form for Mailchimp.
https://github.com/revolunet/react-mailchimp-subscribe
mailchimp reactjs subscribe
Last synced: about 1 year ago
JSON representation
React subscribe form for Mailchimp.
- Host: GitHub
- URL: https://github.com/revolunet/react-mailchimp-subscribe
- Owner: revolunet
- Created: 2017-06-12T15:16:08.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2024-10-23T04:24:00.000Z (over 1 year ago)
- Last Synced: 2025-05-14T03:42:38.309Z (about 1 year ago)
- Topics: mailchimp, reactjs, subscribe
- Language: JavaScript
- Homepage: https://revolunet.github.io/react-mailchimp-subscribe/
- Size: 3.03 MB
- Stars: 245
- Watchers: 5
- Forks: 49
- Open Issues: 50
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-mailchimp-subscribe
[![npm package][npm-badge]][npm]
React subscribe form for Mailchimp.
Working demo : https://revolunet.github.io/react-mailchimp-subscribe/
## Usage
Create a list on mailchimp, add an "Embedded" form and get its "action" attribute from the mailchimp UI
The `MailchimpSubscribe` gives you a render prop with a `subscribe` method that you can call with your data.
In your app :
```jsx
import MailchimpSubscribe from "react-mailchimp-subscribe"
const url = "//xxxx.us13.list-manage.com/subscribe/post?u=zefzefzef&id=fnfgn";
// simplest form (only email)
const SimpleForm = () =>
// use the render prop and your custom form
const CustomForm = () => (
(
subscribe(formData)} />
{status === "sending" && sending...}
{status === "error" && }
{status === "success" && Subscribed !}
)}
/>
)
```
see examples in [./demo/src](./demo/src)
[npm-badge]: https://img.shields.io/npm/v/react-mailchimp-subscribe.png?style=flat-square
[npm]: https://www.npmjs.org/package/react-mailchimp-subscribe