@firstandthird/mailchimp-signup

Mailchimp Subscribe simple UI

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
19May 25, 2021Feb 8, 2017Minified + gzip package size for @firstandthird/mailchimp-signup in KB

Readme

Mailchimp Signup UI npm Build Status

Installation

npm install @firstandthird/mailchimp-signup

Usage

JavaScript

import '@firstandthird/mailchimp-signup'
// or
import MailchimpSignup, { MailchimpSubscribeEvents as Events } from '@firstandthird/mailchimp-signup'

HTML

<div data-module="MailchimpSubscribe">
  <form class="form" data-action="submit" data-action-type="submit" action="[ENDPOINT]">
    <div data-name="fields" class="form-elements">
      <input type="text" name="EMAIL">
      <button type="submit">Subscribe</button>
    </div>
    <span class="hide" data-name="submitMessage"></span>
  </form>
</div>

Endpoint

Endpoint is in the form:

//[account name].us6.list-manage.com/subscribe/post-json?u=[user id]&id=[list id]

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.