Bf-whatsapp-widget NPM

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