abdalla/react-growsumojs

react-growsumojs

Small component to implement GrowSumoJS into your react application

GrowSumoJS is javascript snippet that reads browser cookies and sends signup information back to your GrowSumo account.

Installation

npm i react-growsumojs

or

yarn add react-growsumojs

Use/Example

Initialize the growsumojs into the page you gonna use it, passing your appkey.

import React, { Component } from 'react';
import GrowSumo from 'react-growsumojs';
import logo from './logo.svg';
import './App.css';

class App extends Component {
	componentDidMount() {
		GrowSumo.initialize(your_growsumo_appkey);
	}

	render() {
		return (
			<div className="App">
				<header className="App-header">
					<img src={logo} className="App-logo" alt="logo" />
					<h1 className="App-title">Welcome to React</h1>
				</header>
				<p className="App-intro">
					To get started, edit <code>src/App.js</code> and save to reload.
				</p>
			</div>
		);
	}
}

export default App;

react-growsumojs exposes other 2 methods

setUserInfo: Used to set the user data, this method expect 1 object with 3 properties.

1 - name: Customer Name

2 - email: Customer Email

3 - customerKey: Is a unique string that identifies each customer you send to growsumo.

const customerData = {
    name: 'Joe',
    email: 'joe@duhan.com',
    customerKey: '123'
};

GrowSumo.setUserInfo(customerData);

createSignup: Used to call the growsumojs createSignup. This method accepts a callback function which will be executed when the request is completed.

GrowSumo.createSignup();

or

GrowSumo.createSignup(() => {
  console.log('create signup was called successfully')
});

GrowSumoJS - Docs

https://docs.partnerstack.com/docs/growsumojs