Message-gator NPM

Message Gator

Message Gator is an integration service which gives you integration of realtime messages, feedback forms and more to your website in no line of code.

How to use

Creating Widget
- Create a account on Message Gator website
- Create a New Widget
- You will get a public id after creating widget copy that.
Addign to your website
- Install Message Gator
```
npm i message-gator
```
- Import function form library
```
import { initMessageGator } from 'message-gator';
```
- Using Initializer
```
```js
  initMessageGator({
    userId:'your-public-id'
  })
```
```
  Now If you are using inside React JS use with useEffect.

Parameters

initMessageGator({
    userId: 'your-user-id',
    email: 'pre-filled-email',
    name: 'pre-filled-name',
    hideDetails: false, // if you don't want to show name and email but you shall prefill them to avoid failure in this case
    buttonText: 'Message Me',
    buttonActiveText: 'Close',
    customCSS: '#cta-messsage-gator{background: #242b2e; color: #fff;border:none}'
});

Parameter	What it does	Values
userId	a unique id for each widget
email	pre fills email adderss in form	email
name	pre fills name in form	any
hideDetails	hides name and email fields if true but in this case you need to pre fill name and email to avoid failure	true, false
buttonText	Text of button which appears (Default: Drop Message)	any
buttonActiveText	text which appears while click on button (Defalut: Close)	Any
customCSS	Target Classes to customize widget and button way you want, shall be passed in string	CSS