Measure and understand

Where to put the WhatsApp button on your website to get more contacts

There is no magic position for the WhatsApp button on a website, but there are places where it tends to be seen more. The best way to find yours is to test different positions and measure the clicks.

4 min read ·

Why does the position of the WhatsApp button matter?

A hidden button is a button nobody uses. If visitors have to hunt for a way to talk to you, they will probably give up or look elsewhere. On the other hand, a button shouting from every corner can get in the way of reading and annoy people.

The goal is to make the path to the chat easy at the moment a person has a question or is ready to act. That changes from site to site, which is why measuring is better than guessing.

The most common places for a WhatsApp button

  • Top of the page: in the header or menu, for people who arrive already knowing what they want.
  • Floating button: stays fixed in a corner of the screen while the person scrolls, always within reach.
  • Inside the content: after explaining a service, product or price, right when questions tend to appear.
  • Footer: for people who read the page to the end.
  • Contact page: where many people go precisely to talk to you.
  • Product or service pages: near the price or description, with a message tied to that item.

On phone screens, make sure a floating button does not cover text or other important buttons.

How to choose the right position for your business

Think about the visitor's journey. A law firm might get more clicks right at the top, from people who have already decided to reach out. A store with lots of product detail may get more contacts near the description, where questions about size or delivery come up.

A practical rule is to place the button in two or three spots: one that is always visible, like the floating or top button, and another at the decision point of the page, near the offer. Then let the numbers tell you which works best.

Example: a dentist can have the button at the top, for people who want to book right away, and another next to the treatment list, for people with questions about a procedure. A clothing store can put the button near the size chart, where the most common question appears. In each case, the first message can change to match the spot on the page.

Do not overdo it. More buttons do not mean more contacts, and a page full of identical calls to action tires the reader. Start with a few and adjust.

How to test positions and find which one gets the most clicks

To compare, each button needs its own tag. In WhatsClicks, you use the same link everywhere and add an identifier at the end: &src=top, &src=floating, &src=footer. The ?p=/page part tells which page the button is on.

  1. Create a link in WhatsClicks with your number and first message.
  2. Use the address builder under each link to create one version per position, for example https://whatsclicks.com/w/code?p=/services&src=top.
  3. Place each version on the matching button in your website editor. The menu name may vary depending on the tool you use.
  4. Let it run for a few days to collect enough clicks to compare.
  5. Open the By button table in the dashboard and see which position gets the most clicks.

How to read the result without fooling yourself

Imagine, only as an example, that in two weeks the top button got 60 clicks, the floating one 90 and the footer one 10. That suggests the floating button draws more attention and the footer is barely seen. But be careful: the footer only shows to people who scroll to the bottom, so it has fewer chances by nature.

Also look at the By page table. A button can do well on one page and badly on another. And check the device: if most clicks come from phones, prioritize the position on mobile. Avoid changing several things at once, because then you will not know what caused the difference.

Tips to make the button more visible and clear

Remember that the counter measures clicks, not sales. A heavily clicked button is a good sign of interest, but what comes next, the conversation, depends on how you respond.

  • Use text that says what will happen: Chat on WhatsApp or Ask us on WhatsApp work better than just Click here.
  • Pick a color that contrasts with the page background.
  • Leave space around the button so it can breathe.
  • Prepare a first message that fits the page, such as Hi, I came from the pricing page.
  • Make sure tapping works well on a phone, with a button big enough for a finger.

Frequently asked questions

What is the best position for a WhatsApp button?

There is no single answer. Usually it pays to combine an always-visible button, like a floating or top one, with another near the decision point. Measure clicks to learn what works on your site.

Can I use more than one WhatsApp button on the same page?

Yes. Just tag each one with a different name in the link, like &src=top and &src=footer, to see which brings more clicks.

Does a floating button get in the way of browsing?

It can if it covers text or other buttons, especially on a phone. Test the page on small screens before publishing.

How do I know how many clicks each button got?

Use a WhatsClicks link on each button and check the By button table in the dashboard, which shows the clicks of each one.

Keep reading

← Back to the blog