Demo: https://asaddon.github.io/WhatsApp/
-
Download WhatsappChatBox.min.js from here.
-
Add the file to your header
<script src="WhatsappChatBox.min.js"></script>
-
Or directly embed it via
<script src="https://cdn.jsdelivr.net/gh/asaddon/WhatsApp@refs/heads/main/dist/WhatsAppChatBox.min.js)"></script>
-
Initiate with the configuration Configure with your settings
new WAChatBox({
link: "https://wa.me/123456789",
user: {
name: "My Company",
avatar: "https://randomuser.me/api/portraits/women/66.jpg",
status: "Typically replies within few hours!"
},
chat_name: "Sales",
text: "Hey There 👋<br>Let's talk to get a Price Quote!",
button_text: "",
tooltipText: "We're on WhatsApp!",
tooltipTimeout: 15000,
});