vue-whatsapp-widget
| Install | |
|---|---|
npm install vue-whatsapp-widget |
|
| Latest Version: | 1.0.0 |
| Vue: | 2 |
| License: | MIT |
| Last Updated: | Jul 12, 2021 |
| Links: | GitHub · npm |
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="+1111111111"/>
</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
Related Packages
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 1.0.0 | ^2.6.11 | MIT | |
| 0.0.1 | ^2.6.11 | MIT |
