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";