WhatsApp Widget - Free Chat Integration Library

Features

Quick Setup

Integrate WhatsApp chat in minutes with minimal code required.

Customizable

Easily customize the appearance to match your website's design.

Responsive

Works perfectly on all devices and screen sizes.

Lightweight

Minimal impact on your website's loading speed.

Implementation


<!-- Include WhatsApp Widget Stylesheet -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/1dev-hridoy/whatsapp-widget-chat-box-library@latest/src/whatsapp-widget.min.css">

<!-- Include WhatsApp Widget Script -->
<script src="https://cdn.jsdelivr.net/gh/1dev-hridoy/whatsapp-widget-chat-box-library@latest/src/whatsapp-widget.js"></script>

<!-- WhatsApp Widget Container -->
<div id="whatsapp-widget-container"></div>

<!-- WhatsApp Widget Configuration -->
<script>
    window.whatsappWidgetConfig = {
        phoneNumber: '+1234567890',
        welcomeMessage: 'Welcome to our custom chat! How may we assist you?',
        companyName: 'My Company Name',
        agentName: 'Custom Agent',
        closedMessage: 'We are currently offline. Please leave a message.',
        customResponse: 'This is a custom response message. Would you like to continue on WhatsApp?',
        position: 'right'
    };
</script>