ngx-whatsapp-button
Version:
Library to display a whastapp floating contact button on the user page
45 lines (31 loc) • 1.08 kB
Markdown
#NGX-WHATSAPP-BUTTON
#### a floating whatsapp contact button to display in your app
just run in your terminal inside your project :
````
npm install ngx-whatsapp-button
````
after that import the library in your app module
````
import { NgxWhastappButtonModule } from "ngx-whatsapp-button";
````
added to your imports section
````
...
imports: [
NgxWhastappButtonModule
],
...
````
once imported the library needs to pass two @Input parameters
- ngx-whatsapp-phone: the phone number where you want to receive the mesages
- ngx-whatsapp-text: the default text you want to receive
###How to use it
simply add the tags in the component html where you want to display it
````
<jjva-ngx-whatsapp-button [ngx_whatsapp_phone]="phone" [ngx_whatsapp_text]="title"></jjva-ngx-whatsapp-button>
````
and inside your component ts declare this two variables
````
public phone = "THE PHONE NUMBER IN INTERNATIONAL FORMAT WITHOUT THE PLUS SIGN"
public title = "THE PRESET MESSAGE TO SEND";
````