Live chat
WhatsApp widget for a website: link or hosted embed?
Last updated · A-Widget
On this page6
Create a WhatsApp widget for website visitors with a click-to-chat link
WhatsApp's supported format uses https://wa.me/ followed by the full international phone number as digits. The number must be registered for WhatsApp. Follow the current WhatsApp help centre instructions for click to chat.
Use the country code and number without a plus sign or punctuation in the link. Verify the real business number rather than copying an example into a live page. A public link exposes that number to users and anyone who can inspect the page source.
An optional prefilled message belongs in the link's text parameter and must be URL encoded. Keep it generic. Do not put user names, order details or private details into a public URL.
Link, hosted button or team service
| Route | What it supplies | What it does not establish |
|---|---|---|
| Click-to-chat link | An entrance to a WhatsApp conversation | Staff coverage or a shared inbox |
| Hosted website button | A styled entrance with provider options | Free Business Platform messages or API access |
| Business API connection | A supported business messaging integration | A universal free service or automatic human reply |
Elfsight is a hosted widget candidate to inspect when a simple text link does not meet the page's placement needs. Check the current widget plan and help. Do not assume a button vendor supplies the messaging account or removes WhatsApp's own rules.
Place the entrance clearly
Use a label such as “Message us on WhatsApp” so the user knows the destination. State working hours where they affect the reply. A user should not mistake a phone-message link for an agent waiting in the browser.
Provide a normal contact alternative. Some users may not use WhatsApp or may be on a device where the link does not open as expected. Essential service details should remain on the page.
Check the WhatsApp widget for website use
Open the link on a phone and a desktop browser. Confirm the correct business account appears. Check the prefilled message for broken spaces or accidental private content. Do not send a real user message merely to inspect the link.
Make sure a keyboard user can reach and activate the control. If it floats over the page, check it against checkout and consent controls. Avoid using only an unlabeled icon for the action.
Business app and API limits
A link to a WhatsApp number does not prove any API plan scope. A multi-agent workflow and bot messaging need their own supported product and terms. Verify those on the current WhatsApp Business Platform help.
Choose a full live chat workflow if users need to stay on the site or reach a staffed web queue. The right entrance should match the support process behind it.
Keep the destination plain
A clear text label helps users know that the link opens WhatsApp. It should not look like a promise of an agent waiting in web chat.
Continue with the right task
FAQ
Does a click-to-chat link send the opening message automatically?
The link opens the supported conversation route with the configured details. Check the current WhatsApp behavior and let the visitor review the message. Do not describe opening a link as a sent or answered inquiry. The person still needs a working WhatsApp route.
Is a WhatsApp website button a shared staff inbox?
A button alone does not establish team access or routing. Check the business product and account setup separately if several people need to reply. Keep the published response expectation honest and provide another contact route when WhatsApp is unavailable to a visitor.