Skip to main content
Cookbook Marketing

Add a WhatsApp chat button with AI

A one-tap floating WhatsApp button so visitors can message your business from any page.

Difficulty Beginner
Time ~10 min
Tools run_wp_cli

Prerequisites

A connected site and your business WhatsApp number in international format.

The prompt
Add a floating WhatsApp chat button to my site so visitors can message my business in one tap.

Install the free Joinchat plugin (also listed on WordPress.org as "Click to Chat"), then set:
- WhatsApp number: [your number in international format, e.g. 15551234567, country code with no plus sign or spaces]
- Pre-filled message: "[Hi! I have a question about ...]"
- Button tooltip: "[Need help? Chat with us]"
- Position: [right or left]
- Show on: [all pages, or list the pages you want]

After setup, load my homepage, confirm the WhatsApp button appears, and tell me the exact number it will open a chat with so I can verify it is correct before a customer taps it.

Already connected to WPVibe?

Skip the copy-paste. Just ask your AI for the “Add a WhatsApp chat button with AI” recipe, or describe the task, and WPVibe runs these steps on your own site.

A visitor with a quick question rarely fills out a contact form. They want to message you the way they message everyone else, and on a phone that means WhatsApp. A single tappable button can turn a hesitant browser into a real conversation, but adding one usually means picking a plugin, decoding its settings, and getting your number into the exact format it expects. So most sites never put one up, and the easy questions never get asked.

Ask your AI assistant and it installs the free Joinchat plugin (listed on WordPress.org as Click to Chat), sets your number, your pre-filled greeting, and the button tooltip, and places a floating button that shows on every page. It uses a maintained plugin rather than pasted-in code, so the button works on any theme and comes off cleanly if you change your mind. Then it loads your site and reads back the exact number the button will open, so you confirm it before a customer ever taps it.

Give it your WhatsApp number in international format, meaning the country code with no plus sign or spaces, plus the greeting you want pre-filled in the chat. One honest note: a floating button is site-wide, so this change goes live rather than to a draft. Double-check the number when the assistant reports back, and if you ever want it gone, just ask it to remove the button.

Outcome

A tappable WhatsApp button floats on every page and opens a chat with your business number.