Strategy, design and technology on one team, for businesses that want to be found, understood and chosen.

WhatsApp on your website: a button or customer service?

Adding the button takes five minutes. What decides whether it brings in clients is what happens after the tap. How to set up both parts properly.

Flowt Studio team

8 min read

3D illustration: a contact button connects a webpage to a sequence of messages and service.
In this article

Placing a WhatsApp button on the website takes five minutes. The difficult part comes after the tap: who responds, how quickly, with what information and what happens when the message arrives at eleven at night. For anyone who visits the site, the button is a promise of conversation. If no one delivers on this promise, the button becomes just another way to lose the customer, now with the conversation history showing that they tried.

This guide separates the two parts: the button, which is technical, and the customer service, which is operational.

Why WhatsApp became the main point of contact

The ICT Households 2025 survey, by Cetic.br, shows that 92% of internet users in Brazil sent instant messages, a proportion stable since 20231. In the same survey, 65% went online only through a cell phone1. For many people, sending a message is less work than calling or filling out a form.

This changes how much the button matters. If your customer prefers to send a message, the button stops being an extra channel and becomes the main one. And a front door with no one behind it costs more than a forgotten form.

What visitors expect when they tap

Anyone who taps the button expects a reply. Nielsen Norman Group, in its guidelines for chat support, recommends showing service hours when chat is not staffed around the clock and making it clear when a bot is responding, so people can adjust their expectations2. The same guidelines ask that the company never ask for the same information twice in the same conversation2.

Speed also matters. A study published in Harvard Business Review in 2011 concluded that most companies did not respond to contacts received over the internet quickly enough3. The practical lesson is simple: define a response time that your team can meet every day and say what it is. Promising "immediate response" and responding the next day is worse than saying "we respond within two hours, Monday to Friday".

The button: how to set it up correctly

The official WhatsApp link to start a conversation is https://wa.me/ followed by the number in full international format. The WhatsApp help center advises you to omit zeros, parentheses and dashes4. For a number in Campinas, for example, it becomes https://wa.me/5519XXXXXXXXX: 55 for Brazil, 19 for the area code (DDD) and the number. According to WhatsApp, the link works both on phones and on WhatsApp Web4.

Three adjustments make a difference:

  • A pre-filled message for each page. Adding ?text= to the link, with the encoded text (the spaces become %20), the message appears already typed in the text box4. Use one per service page: "Hi! I came from the air conditioning maintenance page and would like a quote." The customer doesn't face a blank screen, and you know where they came from.
  • Right place. NN/g recommends making chat access prominent on contact pages and product or service pages2. On mobile, check that the floating button does not cover text, forms or the cookie notice.
  • Hours next to the button. One line is enough: “Customer service Monday to Friday, 8 a.m. to 6 p.m.”

If you prefer the official "Chat on WhatsApp" button, WhatsApp requests that it be used unchanged, in the latest version, following brand guidelines4.

In practice

List your service pages and write a pre-filled message for each one, always mentioning the service. In one afternoon, every new conversation starts arriving with its source identified.

Customer service: what happens after the tap

The WhatsApp Business app, made for small businesses, already has the basic tools to turn the button into real customer service5. These are all settings within the app itself.

Complete business profile. Logo, short description, opening hours and website, gathered in one place for the customer to consult before writing5.

Greeting message. Automatically sent to new customers who start a conversation with the company5. Use it to say who responds and how soon, not to dump a menu of options on people.

Away message. Automatically replies outside business hours and says when the business will be back5. It's what separates a "no one responded to me" from a "they told me they'll respond tomorrow at 8am".

Quick replies. Shortcuts for messages you send frequently5: address, payment methods, how the first visit works, necessary documents. Use as a starting point and customize before sending.

Labels. Organize conversations by stage5, such as "new contact", "quote sent", "awaiting reply" and "customer". For a small business, they work as a bare-bones sales tracker, without a spreadsheet.

In practice

Write down the five questions you get most often on WhatsApp this week. Turn each answer into a quick reply and revise the away message to include the exact time you will reply.

A button alone or full customer service

Button aloneButton with customer service
First messageBlank screenPre-filled message mentioning the service
After hoursSilenceAway message with reply time
Repeat questionsAnswered from scratch, every timeRevised quick replies
Follow-upDepends on the memory of the person answeringLabels by stage
Origin of contactUnknownIdentified by the pre-filled message

When the app is no longer enough

If only a few people handle replies, the app may be enough. According to the official page, with Meta Verified you can connect up to ten devices and agents to the same account5. When volume grows or customer service needs to integrate with other systems, such as a calendar and customer management, the way forward is the WhatsApp Business Platform, Meta's API, which requires technical integration, carried out by the company itself or by a provider.

It works under different rules. Since July 1, 2025, Meta charges per message sent from templates (marketing, utility and authentication)6. When the customer writes, a 24-hour customer service window opens, and regular messages sent within it are free of charge6. Outside this window, you can only send pre-approved templates7.

Signs that the platform is worth looking into: two people answering the same customer without knowing it, appointments retyped by hand from a chat into the calendar, and conversations lost among hundreds of others.

Outbound messages require permission

Replying to someone who reached out is customer service. Messaging someone who didn't ask is something else. Meta's policy requires opt-in: the person must have provided their number and confirmed that they want to receive messages from that company. The request must make clear that they are agreeing to receive communications and name the company. The policy also requires compliance with applicable law8.

In Brazil, this law includes the LGPD. Name, phone number and the content of conversations are personal data. In clinics and practices, what the patient says over WhatsApp is often health data, which the law classifies as sensitive personal data (art. 5, II)9. Three practical precautions:

  • Ask only for what you need for the first contact. The LGPD calls this the necessity principle (art. 6, III)9.
  • Define who has access to the device and conversations. The law requires security measures to protect data (art. 46)9.
  • Do not add contacts to broadcast lists without confirmation that the person wants to receive them.

How to tell whether WhatsApp is bringing in customers

Google Analytics 4 automatically records clicks on links that lead away from the site, including the link address10. Mark the click on WhatsApp as a key event and track how many people tap the button on each page. The article on how to know if your website is losing customers shows this step by step.

Then close the loop within WhatsApp itself:

What to measureHowHow often
Button taps per pageGA4, key eventMonthly
Conversations by servicePre-filled message for each pageMonthly
Conversations that turned into a quote"Quote sent" labelWeekly
Time to first responseSample of 10 conversations from the weekWeekly
Unanswered conversationsUnread filter at the end of the dayDaily

Checklist

  • Check if the link uses the number in international format, without zeros, parentheses or dashes.
  • Test the button on your cell phone and computer.
  • Create a pre-filled message for each service page.
  • Write opening hours next to the button.
  • Complete the business profile with description, hours and website.
  • Activate the greeting and away message, with the return time.
  • Create quick replies for the five most frequently asked questions.
  • Organize conversations with labels by stage.
  • Mark the WhatsApp click as a key event in GA4.
  • Review who accesses conversations and what is asked of the customer.

The button is the easy part

A well-built button takes the customer to the conversation. The rest depends on response, clarity and follow-through. If you want to know how your website leads someone to that first contact, and where that path breaks down, Flowt's free diagnosis measures digital presence with fixed criteria and shows, point by point, where it loses customers.

Sources

  1. ICT Households 2025: main results — Cetic.br/NIC.br (2025)92% of internet users sent instant messages (2023 to 2025); 65% went online only through a cell phone.

  2. The User Experience of Customer-Service Chat: 20 Guidelines — Nielsen Norman Group (2019)Show service hours, make it clear when it is a bot, do not ask for the same information twice, make chat prominent on contact and product pages.

  3. The Short Life of Online Sales Leads — Harvard Business Review (2011)Conclusion that most companies did not respond to online contacts quickly enough.

  4. How to use click to chat — WhatsApp Help Centerwa.me link format, international number without zeros, parentheses or dashes, pre-filled message with ?text=, works on cell phones and WhatsApp Web, use of the official button without changes.

  5. WhatsApp Business app features — WhatsApp BusinessBusiness profile, greeting message, away messages, quick replies, labels and up to ten devices with Meta Verified.

  6. Pricing on the WhatsApp Business Platform — Meta for DevelopersPer-message pricing since July 1, 2025, billed categories and free regular messages within the customer service window.

  7. Send messages: customer service windows — Meta for Developers24-hour window opened by the customer's message, and only approved templates can be sent outside it.

  8. Get opt-in for WhatsApp — Meta for DevelopersCommercial messaging policy opt-in requirements.

  9. Law No. 13,709/2018 (LGPD) — PlanaltoArt. 5, II (sensitive data), art. 6, III (necessity) and art. 46 (security).

  10. Enhanced measurement events — Google Analytics HelpAutomatic recording of outbound clicks with the link address.

Flowt Studio team

Written by the Flowt Studio team, a Brazilian digital studio offering strategy, design and technology to service businesses. Every number or verifiable fact has its source listed above.

Start now

Let's bring your online presence up to the level of your service.

Start with the free diagnosis: we measure your online presence and show you, point by point, what to fix first.

Tell us about your project

A few details are enough. We'll ask about the rest.

I'm interested in
Budget
Timeline

We will use your information to respond to your request. Read the privacy policy.

Message us on WhatsApp