react-emma-signup-form

1.0.1 • Public • Published

react-emma-signup-form

A React component for creating forms that post Emma Signup Form data. It does not require any API keys.

Installation

With npm:

npm install --save react-emma-signup-form

Usage

Requirements

  • Email input name attribute must be "email"
  • Other input name attributes must begin with "member_field_" and must end with your contact field
    • Example: A field named "First Name" will change to "first-name" and will have a name attribute of "member_field_first-name"
  • Form action url must be: "https://app.e2ma.net/app2/audience/signup/{your-signup-id}/{your-account-id}/"
  • Make sure you have an input for each field required by your Emma form

For help finding the required input names and action URL, use emma-signup-form-helper.

Usage Example

<EmmaSignupForm
    action="https://app.e2ma.net/app2/audience/signup/1234567/0987654/"
    groups={[
        2345678,
        9876543
    ]}
>
    {({ error, loading, success }) => {
        return (
            <div>
                {!success && !loading &&
                    <div>
                        <input name="email" type="email" placeholder="Email" />
                        <input name="member_field_first-name" type="text" placeholder="First Name" />
                        <input name="member_field_last-name" type="text" placeholder="Last Name" />
                        <button>Submit</button>
                    </div>
                }
                {loading && <div>Loading...</div>}
                {error && <div>Error.</div>}
                {success && <div>Form submitted.</div>}
            </div>
        )
    }}
</EmmaSignupForm>

Authors

  • Austin Gordon - Development - GitHub

License

This project is licensed under the MIT License - see the LICENSE file for details

Readme

Keywords

Package Sidebar

Install

npm i react-emma-signup-form

Weekly Downloads

1

Version

1.0.1

License

MIT

Unpacked Size

12.6 MB

Total Files

151

Last publish

Collaborators

  • austinleegordon