# vanilla-whatsapp A simple whatsapp chat clone plugin code in vanilla javascript ![vanilla-whatsapp cover](https://res.cloudinary.com/carlosdev96/image/upload/v1658245019/vanilla-whatsapp/vanilla-whatsapp-cover_rvtxnp.png) ## Table of contents - [Table of contents](#table-of-contents) - [Installation & Usage](#installation--usage) - [Customization](#customization) - [Vanilla-whatsapp in React](#vanilla-whatsapp-in-react) ## Installation & Usage ```bash npm i vanilla-whatsapp ``` 1. Import the plugin: add a `script` tag pointing to `vanilla-whatsapp.js` ```html ``` 2. Run the plugin ```js window.initVanillaWhatsapp(); ``` ## Customization ```js const whatsappData = { phoneNumber: "3432132132", positionButtonWhatsapp: { top: "", right: "15%", bottom: "2%", left: "", }, images: { pathUserLogo: "", }, replaceText: { header: { userName: "User name", slogan: "Usually responds the same day", }, bodyChat: { messageOne: "Hello 👋", messageTwo: "How can I help you?", }, linkToWhatsappButtonText: "Send message", }, }; window.initVanillaWhatsapp(whatsappData); ``` Note: phone number must be preceded by the country prefix in the default option is 34 the prefix of Spain ## Vanilla-whatsapp in React https://codesandbox.io/s/vanilla-whatsapp-react-35gtww?file=/src/App.js
[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/charls96)