Skip to content
SocialMate
Knowledge base WordPress plugin

How do I add a WhatsApp chat button to my site?

A floating button, product and basket buttons, or a shortcode — each opens WhatsApp with the first message already typed. No server, no key and no paid plan needed.

1 min read Updated November 10, 2026

Chat buttons let visitors start a WhatsApp chat with you, with the first message already typed. Nothing is sent by your website — the button simply opens WhatsApp — so they need no SocialMate server, no key and no paid plan.

Screenshot coming soonThe floating WhatsApp chat button on the storefront.
The floating WhatsApp chat button on the storefront.

Set them up

  1. Open SocialMate → Website → Chat buttons and press Switch them on.
  2. Under The number a press opens, type the WhatsApp number with its country code. Until there is a usable number, no button is shown.
  3. Set the floating chat button: its words, the message it starts with ({site}, {page}, {url}), which side, and every page or only the shop.
  4. With WooCommerce, add Ask about this product on product pages and Order on WhatsApp under the basket and checkout. Press Save.
Screenshot coming soonWebsite → Chat buttons: the number, and each button’s words.
Website → Chat buttons: the number, and each button’s words.

Shortcodes

Put [socialmate_chat] anywhere — a page, a widget area or a template — and [socialmate_order_button] for the basket button.

Step-by-step guide

See Chat buttons and shortcodes and the chat buttons overview.

Was this helpful?

Still stuck — open a ticket · Back to all articles

Free forever · no card Download free