WhatsApp First Websites: How to Turn Visitors into Conversations

In many markets, people do not fill in contact forms. They message. WhatsApp is where customers ask the price, check availability and confirm the order. If your website makes them leave the page and hunt for your number, you lose some of them.
A WhatsApp first website is built around one action: starting a chat. This guide covers how to add a WhatsApp button to your website, how to write a prefilled message, where to place it, how to track clicks and how to use the WhatsApp Business catalog.
Why WhatsApp first works
- Your customers already use it every day. There is nothing new to learn.
- A message is easier than a form. It takes seconds.
- You get a real conversation, so you can answer questions and build trust.
- You keep the contact. A form submission is often forgotten. A chat stays in your phone.
It does not replace a website. The site still brings people in from Google and explains what you do. WhatsApp is the next step after that.
Step 1: Build the link
A WhatsApp button is just a link. The format is:
https://wa.me/237670527773
Use your number with the country code and no plus sign, spaces or dashes. Cameroon numbers start with 237. Add the link to any button on your site. When someone taps it on a phone, WhatsApp opens a chat with you.
Use a number you answer. If several people reply, consider a WhatsApp Business account so you can share the work.
Step 2: Add a prefilled message
You can fill in the first message for the visitor. Add ?text= to the link followed by your message. Spaces become %20.
https://wa.me/237670527773?text=Hello%2C%20I%20would%20like%20a%20quote%20for%20a%20website
The visitor sees the message already typed. They just press send.
Why prefilled messages help
- People do not stare at an empty box wondering what to write.
- You know what they want before you reply.
- You can use a different message on each page.
Examples by page
| Page | Prefilled message |
|---|---|
| Home | Hello, I found your website and have a question. |
| Product page | Hello, is the blue bag still available? |
| Pricing | Hello, I would like a quote for the business package. |
| Booking | Hello, I would like to book a visit on Saturday. |
Write each message the way a real customer would. Keep it short. Name the product or page when you can.
Step 3: Place the button where people look
A button nobody sees brings no chats. Use these spots.
- Header. A “Chat on WhatsApp” button next to the menu. Visible on every page.
- Hero section. Put it beside the main headline, above the fold.
- Floating button. A small round icon fixed at the bottom corner of the screen. Keep it small so it does not cover content or other buttons.
- Product and service pages. One button per item, with a message that names the item.
- Contact page. Make the WhatsApp option the first one, above the form.
- Footer. A last chance as the visitor reaches the bottom.
Make the button big enough for a thumb. Use clear words such as “Chat on WhatsApp” or “Ask about this product”. “Click here” tells nobody anything.
A few rules
- Do not use more than two WhatsApp buttons on one screen.
- Check the button on a real phone, not only on your computer.
- On desktop, the link opens WhatsApp Web or the desktop app. Test that too.
- Tell people when you reply. “We reply within a few hours, Monday to Saturday” sets the right expectation.
Step 4: Track clicks
If you do not measure clicks, you do not know which pages work. There are three simple ways.
- Google Analytics events. Set up an event that fires when someone clicks a link that starts with wa.me. Most analytics tools can do this without code, through a tag manager.
- Different messages per page. Add a short tag to each prefilled message, such as “Ref: pricing page”. When the chat arrives, you see where it came from.
- A simple count in WhatsApp. Ask new contacts “How did you find us?” and note the answer in a sheet.
Review the numbers once a month. Look at which pages send the most chats, and which pages get visits but no chats. Fix those pages first.
Be honest with the numbers. A click is not a sale. Count how many chats turn into paying customers, and use that as your real result.
Step 5: Use the WhatsApp Business catalog
If you sell products or services, the free WhatsApp Business app has a catalog feature. It lets you list items with a photo, name, price and description inside WhatsApp.
- Add your best sellers first. Use clear, bright photos.
- Write prices in your local currency. Add a short description.
- Share a single item or the whole catalog link in a chat. Customers browse without leaving the app.
- Link to the catalog from your website with a button such as “See our catalog on WhatsApp”.
The catalog works well for small shops, food sellers, fashion and beauty. It is not a full online shop. It has no cart or built in payment in many regions, so you finish the sale in chat. If you need card or mobile money payments on the site, you may need a proper shop. See our e commerce websites service.
Replying well
The button only starts the chat. What you do next decides the sale.
- Reply fast. Aim for minutes, not days.
- Use WhatsApp Business quick replies for common questions such as price, address and hours.
- Set an away message for times when you are offline.
- Add a greeting message that says who you are.
- Label chats, for example “new”, “quote sent” and “paid”, so none are lost.
Common mistakes
- Typing the number wrongly. A missing country code breaks the link. Always test it.
- Hiding the button. If visitors have to scroll to find it, many will not.
- One generic message for every page. Messages that name the product get better replies.
- Slow replies. A chat that waits two days is usually lost.
- No website behind it. A button alone does not explain what you do. Visitors still need prices, photos and proof.
Privacy and trust
Only message people who started the chat. Do not add customers to groups without asking. Say on your site that you will use their number only to answer their question. Customers trust a business that respects this.
A checklist you can use today
- Your WhatsApp link works and uses the right country code.
- Each key page has a prefilled message that fits the page.
- The button shows in the header, the hero area and on product pages.
- You tested it on Android, iPhone and desktop.
- Clicks are tracked in your analytics.
- Your WhatsApp Business profile has your hours, address and catalog.
- Someone is ready to answer quickly.
Want us to set it up?
Every site we build as part of our web design service can include a WhatsApp button, prefilled messages and click tracking. We are based in Buea, Cameroon, and our clients are on four continents. See what a site costs in our website pricing guide, or message us on WhatsApp to start a chat.
Need a website or app like this?
Tell us about your project on WhatsApp. You get a free call and a fixed quote.