🖱️ WhatsApp widget for your website
The widget is a round WhatsApp button on your website. A visitor clicks it → WhatsApp opens with a ready-made message → they write to you.
Where to find it
In the side menu click 🖱️ Widget.
How to create a widget
Click “+ Add widget”. The editor opens with 5 tabs and a live preview on the right.
The “General” tab
WhatsApp number:
- ○ From a channel: pick one of your connected channels
- ○ Enter manually: type the number (for example:
77001234567)
Branding:
| Field | Example |
|---|---|
| Brand name | My Store |
| Logo | A URL or an uploaded file (JPG, PNG, WebP, SVG) |
Allowed domains: Type a domain → click “+”. Leave it empty and the widget works everywhere.
Excluded pages:
The widget will not be shown on the pages you list. Handy for hiding it in the admin area, the cart or the checkout page.
- Type the page path (for example:
/admin) - Click the “+” button or press Enter
- The path is added as a tag: you can add several
- To remove one, click 🗑️ on the tag
| Example path | What gets hidden |
|---|---|
/admin | Every page that starts with /admin (the admin panel) |
/checkout | The checkout page |
/cart | The cart |
/login | The login page |
By default the widget is already hidden on/adminand/wp-admin, even without any settings from you. If you need it hidden on other pages, add them here.
The “Appearance” tab
| Setting | Description |
|---|---|
| Button colour | Pick from the palette or enter a HEX code |
| Position | “Bottom right” or “Bottom left” |
| Button text | The label on the button (for example: Message us on WhatsApp) |
| Tooltip text | A hint next to the button (max. 24 characters) |
| Greeting | The text inside the widget window |
| Auto-open | The window opens by itself after 2 seconds |
| Powered by WazzaBee | A link at the bottom of the widget |
The “Message” tab
The text that is pre-filled in WhatsApp when someone clicks. Ready-made templates:
- Simple chat →
Hello! I am writing from your website {page_url} - Online store →
I would like to order: 📦 {product_name} 💰 {price} 🔗 {page_url} - Consultation →
I am interested in: {page_title} {page_url}
Variables (filled in automatically from the website page):
| Variable | What it inserts |
|---|---|
{product_name} | Product name |
{price} | Price |
{page_url} | Page address |
{page_title} | Page title |
{variant} | Variant (colour, size) |
{description} | Product description |
The “Code” tab
1. Code for your website:
<script src="https://widget.wazzabee.com/v1.js" data-key="your_key"></script>
Paste it before </body> on your website. The toggle shows 🟢 Active / ⚪ Disabled.
2. Public link (with analytics):
https://app.wazzabee.com/w/A1B2C3D4
For Instagram, business cards and QR codes. Every click is tracked!
Some services (Google Maps, 2GIS) accept only direct wa.me links: use the link below for them.
3. Direct WhatsApp link (no analytics):
https://wa.me/77009653675?text=...
For Google Maps and 2GIS. Clicks are not tracked.
The “Analytics” tab
Widget statistics: clicks, impressions, CTR, which countries and which pages they came from.
✅ Checklist
- ☐ WhatsApp number is set
- ☐ Colour and position are configured
- ☐ Greeting is written
- ☐ Message template is set up
- ☐ Code is pasted into the website
- ☐ Unwanted pages are excluded (/admin and so on)
- ☐ Widget is switched on 🟢