WhatsApp Button for WooCommerce: Placement, Hours & CTA Copy (2026)
A floating WhatsApp button is close to table stakes for WooCommerce stores in 2026, yet most stores leave it on autopilot: default icon, default corner, generic "Chat with us" message, visible around the clock. That is a missed opportunity. WhatsApp messages get opened at a roughly 98% rate versus about 20% for email (published benchmarks), and a shopper on a product page would rather send a quick question than hunt through a shipping policy.
The fix is free. The Tech Pad's free WhatsApp button plugin for WooCommerce — download the plugin zip or follow the setup guide — is a floating button wired to your WhatsApp number with a pre-filled message and display rules for pages, devices, visitors, and hours. No API keys or gateway — just the number you already run your business on. The 2026 best practices below decide whether that button collects dust or starts real conversations: placement, hours, and CTA copy.
Where Shoppers Get Stuck on a WooCommerce Store
Placement only makes sense once you know where buying stalls. Most WooCommerce friction never shows up in analytics, because it happens silently:
- Product pages: "Does this come in a size 12?" "Is it compatible with the latest model?"
- Shop archives: comparing two products and wishing someone would settle it.
- Cart: "Can you combine shipping?" "Is there a discount code?"
- After ordering: "Where is my order?" — usually within hours of checkout.
Every one of those is a chat-shaped problem, and WhatsApp fits because it is where the customer already is — no waiting on hold. Published benchmarks put WhatsApp's open rate near 98% against roughly 20% for email; for abandoned carts, stores that follow up over WhatsApp recover 15–30% of carts versus 2–5% with email. If one message after abandonment is worth that, imagine what answering a live question before checkout is worth.
If you also want customers to place orders through the button, see our walkthrough of the WhatsApp order button — this guide focuses on turning it into a support and sales channel.
The Placement Playbook: Where the Button Helps (and Where It Hurts)
WooCommerce sales happen on product pages, and so do most pre-purchase questions. That is why the plugin can add product-page buttons whose pre-filled message pulls in the product name, price, and URL automatically, alongside the floating button. The display rules then switch each element on or off per page — which matters more than most store owners realize:
| Page | Where the button goes | When to skip it |
|---|---|---|
| Product pages | Inline button right below Add to cart, pre-filled with the product name and price | Skip the inline button on items you cannot answer questions about, and let the floating button carry the page |
| Shop and category archives | Floating button only | No per-product buttons — shoppers have not chosen an item yet, and rows of buttons just add noise |
| Cart page | Keep the floating button; add a discreet text link near the cart totals | Anything that competes with the "Proceed to checkout" button |
| Checkout | Off — always | Payment is the only job on this page; every extra element costs conversions |
| Thank-you page | Off — always | The sale is done; post-purchase questions belong in the order confirmation email |
The pattern is simple: show the button where questions happen and turn it off where the only correct action is completing payment. A customer about to pay should not be offered a side door, and a thank-you page that invites chats will mostly collect "where is my order" messages — questions your confirmation email already answers.
On mobile, the button physically overlaps content, so test each placement with the cart bar visible — WooCommerce's sticky "View cart" bar on product pages and the cart icon on archives are the elements a floating button most often covers.
CTA Copy That Gets the Conversation Started
The button label matters less than the pre-filled message, but both deserve a pass. A generic "Hello" means the customer has to type what they want — and many will close the chat instead. On a product page, pre-fill the context so sending takes one tap:
Hi! I have a question about {PRODUCT_NAME} ({PRODUCT_PRICE}). Can you help?
The placeholders are replaced with the real product data, so the customer sends the message without typing — and you immediately know which item and price they are looking at.
For the floating button, keep it short and honest about your hours:
Chat with us — we reply quickly during store hours.
And when a shopper is on the fence:
Not sure yet? Ask us on WhatsApp before you check out.
Only promise what you deliver: if nobody staffs the phone on weekends, "Chat with us anytime" sets you up to disappoint.
Availability and Quiet Hours: Reply When You Say You Will
Speed is the currency of chat: published benchmarks put the median first response for chat and WhatsApp at under ~90 seconds. That is the bar customers have internalized, and it is achievable during staffed hours if someone is actually watching the phone.
Outside staffed hours, you have three honest options:
- Auto-hide during off hours. The display rules cover hours of the day, so the button simply disappears when nobody can answer — no click, no expectation, no silence.
- Stay visible with a clear away message. Fine if you genuinely check messages in the evening — just say so in the pre-filled message.
- Route to an AI chat widget. The Tech Pad's Click to AI chat widget is the natural upgrade: it answers after-hours questions from the same inbox and hands the conversation to you in the morning.
Silence after a click loses the sale: a customer who taps and hears nothing for a day has already bought elsewhere. Set hours in your store's local time and match the button's visibility to them. If you are weighing a plain button against a full widget, our comparison of WhatsApp buttons versus chat widgets covers the trade-offs.
Icon, Color, and Position: Quick Rules
- Position. Bottom-right is the default and where people look for chat. On mobile, keep it out from under the sticky cart bar.
- One entry point. Do not stack a WhatsApp button next to a live-chat bubble from another tool — two floating buttons scream "nobody is really here."
- Icon. Use the official WhatsApp glyph, not a generic chat bubble. Customers scan for that logo and recognize it instantly.
- Color. Brand colors are fine, but the green glyph on a contrasting background reads as a button; a low-contrast blend reads as decoration.
- Size. Keep the tap target at least 44px on mobile, with clear space so thumbs do not hit the cart icon instead.
- Layering. The button should sit above page content but below cookie banners and anything shoppers must read.
No design review needed — just a phone and a test order on each page type.
Measure What the Button Actually Does
Decide what success means before adding the button — clicks, chats, and replies tell different stories:
- Clicks measure visibility — whether people notice the button at all.
- Chats started measure intent. Each placement carries its own pre-filled message, so the messages landing in your inbox reveal which pages and products generate questions.
- Replies measure staffing — whether someone was there to answer. Quiet hours show up here as a number.
- Conversations that turn into orders measure the payoff. The relationship compounds: published benchmarks show review requests over WhatsApp pull 3–5 times the response rate of email.
Every conversation lands in The Tech Pad's shared inbox next to your web chat and AI conversations, so you can read what shoppers ask in one place. If a page generates zero clicks, move the button or change the message; if a product draws the same question daily, answer it in the description and watch the chats drop.
Ready to try it? The WhatsApp button plugin is free — install it, point it at your number, and you are live in minutes. A free Tech Pad account (no credit card) pulls everything into one inbox, and the first 1,000 WhatsApp conversations are free when you later move to the paid side.
FAQ
Where should the WhatsApp button appear on a WooCommerce store?
Floating bottom-right is the baseline. Add product-page buttons after add-to-cart with the product name pre-filled, and keep it off checkout and thank-you pages where it distracts from payment.
Should the button show on mobile?
Yes - most WhatsApp traffic is mobile, and the button is where mobile shoppers expect support. Make sure it doesn't cover the cart bar or payment buttons.
What message should be pre-filled?
Context beats generic. On a product page pre-fill 'Hi! Question about {product name} ({price})' - the customer sends it without typing, and you immediately know what they're asking about.
What about after-hours messages?
Set business hours so the button is honest about when you reply, or switch to an AI chat that answers after hours and hands over in the morning. Silence after a click loses the sale.