react-floating-whatsapp-button

react-floating-whatsapp-button

React component to add floating whatsapp chat button with window and an optional message to the app.

Install

npm install --save react-floating-whatsapp-button

Usage

import React, { Component } from 'react'

import { FloatingWhatsApp } from 'react-floating-whatsapp-button'
import 'react-floating-whatsapp-button/dist/index.css'

class Example extends Component {
  render() {
    return <FloatingWhatsApp />
  }
}

Example

https://arc9693.github.io/react-floating-whatsapp-button/

Props(optional)

Name	Description	Type	Default
phone	Phone number	string	'1231231231'
message	Sender's default message input	string	''
size	Button size	string	'70px'
backgroundColor	Button background color	string	'#25D366'
position	left/right	string	'right'
popupMessage		string	'Hello, how can we help you?'
showPopup		boolean	false
showOnIE		boolean	true
autoOpenTimeout	in ms	number	2000
headerColor		string	'#128C7E'
headerTitle		string	'WhatsApp Chat'
zIndex	z-index of the component	number	0
buttonImage	Base64 encoded button image	string	Whatsapp icon's image

License

MIT © arc9693