WhatsApp Widget
WhatsApp Widget Integration
Add a floating WhatsApp chat button to your website with this simple guide.
Installation
Open your website's HTML file in a text editor.
Locate the
</body>tag (usually at the end of your HTML file).Paste the following script right before the
</body>tag:
In the code above, replace:
NUMBERwith your WhatsApp numberFor example: for the number +1 555 123 4567, simply use: 15551234567
Adding a Custom Message
If you want a pre-filled message to appear when someone clicks the button:
Use this code instead:
Example with a real number and message:
What You Get
After installation, you'll automatically see:
A green WhatsApp button in the bottom right of your website
The button stays visible while scrolling
The button works seamlessly on mobile devices
A subtle animation appears when hovering over the button
Additional Information
Your phone number can be written with or without:
Plus sign (+)
Spaces
Hyphens (-)
These will be automatically processed correctly
The message can contain spaces naturally
No additional files or installations needed
The button automatically adapts to mobile screens
Complete Webpage Example
Last updated
Was this helpful?