Add a WhatsApp chat widget to your website

When a visitor opens the widget they see a small chat card. Tapping a quick reply option, or typing a message and selecting the start button, opens WhatsApp with that text ready to send to your business.

Configure the widget

1. 1Open the widget dialog. WhatsApp Number is filled with your connected WhatsApp Business number and cannot be edited.
2. 2Set up to 4 Quick Reply Options. Use Add option for more and the cross to remove one. Leave them all empty for a message-only widget.
3. 3Change the Message Input Placeholder and the Button Label if you like (the defaults are "Or type your message..." and "Start chat").
4. 4Check the Widget Preview on the right. Use the chevron to see the collapsed state.
5. 5Select Save and close. Reopen the dialog to get the code.

Install the code

1. 1Reopen the dialog and find the Embed Code.
2. 2Select Copy Code, or Download to save it as an HTML file.
3. 3Paste it before the closing </body> tag in your website HTML.
4. 4Reload your site. The chat button appears in the bottom-right corner.

Save and reuse versions

Select Save widget to keep the current setup under Saved widgets. Each entry shows when it was saved and how many options it has. Use Load to switch back to a saved version (the one in use is marked In use), or Edit widget to change the current one.