bf-whatsapp-widget

WhatsApp chat widget for your website

What is this?

Simple floating WhatsApp button widget.

Install

npm install --save bf-whatsapp-widget

Usage

import React from 'react'

import WhatsAppWidget from 'bf-whatsapp-widget'
import 'bf-whatsapp-widget/dist/index.css'

const App = () => {
  return <WhatsAppWidget
   phoneNumber='XXXXXXXX'
   />
}

export default App

⚠️ Where the phoneNumber is a full phone number in international format. Omit any zeroes, brackets, or dashes when adding the phone number in international format.

Example: 2126111222333 where 212 the country code for Morocco .

Customization

| option | value | default | description | | ------------- | -------- | ----------------------------------------- | ------------------------------------------------------------------------------------------------------------ | | phoneNumber | string | '' | WhatsApp intenational number which will receive the message. | | greetingMessage | string | 'Hello! 👋🏼 \n\nWhat can we do for you?' |The greeting message | | companyName | string | 'Support' | Your company name or profile name | | buttonLabel | string | Chat with us | The button label | | profilePhoto | link | Standard Support Image | Format supported .png , .jpg or .jpeg \n , eg. https://company.com/company_logo.png .png |

License

MIT © botsfactory