From R4 500
WhatsApp widgets
A chat button on your site that opens WhatsApp with the message already written.
A button on your site that opens WhatsApp with a message already typed. The visitor taps it, presses send, and it arrives in your normal WhatsApp. From R4 500.
- Good fit
- A small business that already takes enquiries on WhatsApp and wants the website to start that chat with context instead of a blank box.
- Not a fit
- Not for you if you want a shared team inbox, ticketing, chatbots or the WhatsApp Business API — this opens a chat and stops there.
It opens a chat. That is all it does.
The button builds a wa.me link with your number and a message and hands it to the device. On a phone that opens the WhatsApp app. On a desktop it opens WhatsApp Web. Nothing is stored on your site and nothing runs on a server of mine.
Replies come from your phone, same as any other message. There is no inbox, no dashboard, no bot answering at 2am.
Built into the site, not bolted on
No third-party chat script. The launcher, the panel and the logo are code in your site — vanilla JavaScript and CSS, no dependencies, nothing loading from someone else's server, nothing tracking your visitors.
On Wilton Plumbing I drew the mark on WhatsApp's own logo geometry instead of dropping in a rough icon. On Solar DNA the enquiry buttons use WhatsApp's brand green. That green is bright, so anything sitting on it gets measured for contrast before it ships — same rule as every other colour I use.
The pre-filled message does the work
Someone tapping from your geyser page should arrive with "Hi, I need a quote on a geyser replacement" already in the box. Different page, different message. It costs them one tap instead of three sentences, and it tells you what they want before you say hello.
If you want a step in front of it, the panel can ask two or three questions and compose the message from the answers.
What you get
- Floating launcher on every page
- Panel with your name, hours and a start button
- Per-page pre-filled messages
- Optional two or three field form step
- WhatsApp logo drawn to its own geometry
- Contrast measured on every green
- Tested at 320, 390, 768 and 1440
How it runs
- 01 Decide what the message says You give me the number and tell me what a good first message looks like on each page. That is most of the thinking.
- 02 Build the launcher and panel Colours measured, logo drawn properly, WhatsApp green used where WhatsApp green belongs. Vanilla JavaScript and CSS, no library.
- 03 Test it at real widths Headless Chrome at 320, 390, 768 and 1440 to catch overflow. Then a real phone and a real desktop to confirm the link opens the right thing.
- 04 Put it live It goes onto the site and I send a test message from a cold device, so you see exactly what lands on your phone.
Where I have done this
Straight answers
- Do I need a WhatsApp Business account?
- No. Any WhatsApp number works. Business is worth having for the profile and away messages, but that is WhatsApp's side, not the widget's.
- Will it answer people automatically?
- No. It opens a chat and stops. You reply from your phone like any other message.
- Can you add it to a site I already have?
- Usually. It is vanilla JavaScript and CSS with no dependencies, so it drops into most sites. Send me the URL and I will tell you straight if yours is awkward.
- What pushes it past R4 500?
- Page count and complexity. One button on a five-page site is the bottom end. Separate messages across thirty pages, or a form step that composes the message, costs more.
Start a job
Need whatsapp widgets?
A small business that already takes enquiries on WhatsApp and wants the website to start that chat with context instead of a blank box.
Pick whichever suits you