vue-whatsapp-widget

WhatsApp chat widget for your website and your vue app

What is vue-whatsapp-widget?

This is a very simple floating WhatsApp button widget. In the current situation with the pandemic 2020 events, most of the small businesses have to move to online presence. A wey to short the communication with your customers is using a widget like this.

It adds a floating-like button to your site that calls the WhatsApp Chat API.

It will automatically begin a WhatsApp chat to the number that you configure and with the text that the user writes.

All texts are fully customizable.

Install

npm install --save vue-whatsapp-widget

Usage

<template>
    <vue-whatsapp-widget phoneNumber="[phone]"/>
</template>
<script>
import VueWhatsappWidget from 'vue-whatsapp-widget'
components: {
    VueWhatsappWidget
}
</script>

⚠️ 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: 44222222 where 44 is the UK internacional code.

Customization

option	value	default	description
phoneNumber	string	''	WhatsApp intenational number which will receive the message.
textReply	string	'Typically replies within an hour'
messages	array	'["Hi there 👋 How can I help you ?"]'	With \n you can create a break-line.
companyName	string	'Widget'	Your company name?
companyLogo	string	''	Your companyLogo

License

MIT