How It Works
Our tool generates a customizable HTML, CSS, and JavaScript snippet that you can embed on your website. This snippet creates a floating button that, when clicked, redirects the user to a wa.me URL with your phone number and pre-filled message. On desktop, it opens WhatsApp Web, and on mobile, it opens the WhatsApp app.
Step-by-Step Instructions
- Enter your full WhatsApp or WhatsApp Business number including the country code.
- (Optional) Add a pre-filled message that customers will send upon clicking.
- Customize the widget's appearance, position, and greeting text.
- Click the 'Copy Code' button to get the generated HTML snippet.
- Paste the code into your website's footer or before the closing </body> tag.
Examples
| Type | Output Example |
|---|---|
| Floating Icon | A small circular WhatsApp logo that floats in the corner of your website. |
| Icon + Text | A larger button that includes the WhatsApp logo and a call-to-action text like 'Chat with us'. |
| Greeting Bubble | A tooltip-like bubble that appears above the button to encourage visitors to start a chat. |
Common Use Cases
Customer Support
Allow customers to ask questions or report issues directly from your website.
Sales Inquiries
Capture leads and answer product questions in real-time to increase conversions.
Appointment Booking
Let clients easily schedule appointments or reservations through WhatsApp.
Feedback Collection
Provide an easy way for customers to share their feedback or reviews.
Important Notes & Privacy
- The widget works on both desktop and mobile devices. On mobile, it will open the WhatsApp app directly.
- Ensure your WhatsApp number is correct and includes the country code without any '+' or leading zeros.
- The pre-filled message can save customers time and help you identify where the inquiry came from.
- You can generate multiple widgets with different pre-filled messages for different pages of your site.
Frequently Asked Questions
Is the WhatsApp chat widget free?
Yes, generating and installing the basic WhatsApp chat widget is completely free. It relies on standard WhatsApp web integration.
Do I need coding skills to install it?
No, you just need to copy the generated HTML snippet and paste it before the closing </body> tag of your website. It works on WordPress, Shopify, Wix, and custom HTML sites.
Can I customize the widget's appearance?
Yes, you can customize the position (left or right), the button style (icon only or icon with text), and the pre-filled message.