How to Add WhatsApp to Your Business Website: Links, Buttons and Widgets That Convert

What "adding WhatsApp to a website" actually means

"Adding WhatsApp" covers four different levels of integration, and the right one depends on how many enquiries you handle and how many people answer them.

Levels 1 and 2 are what this article is about, with level 3 as an upgrade. Level 4 is a different project and is covered in the automation guides.

Which WhatsApp product are you connecting?

Before adding a button, decide which number it points to and which product sits behind that number.

• Personal WhatsApp: avoid. The number belongs to a person, not the business, and if that person leaves or loses the phone, so do the customer conversations.
• WhatsApp Business App: the free app for small businesses. It gives you a business profile, catalogue, labels, quick replies, greeting and away messages, and a short link. Use a dedicated business SIM registered to the company, and use the multi-device feature so that more than one person can respond.
• WhatsApp Business Platform (API): Meta's paid, developer-facing product used through a Business Solution Provider or your own integration. It supports multiple agents on one number, automation, template notifications and a verified profile. Conversations are billed in US dollars by category.

For a website button, the Business App is enough for most businesses. The link format is the same regardless of product, so you can upgrade later without changing the website.

How to create a WhatsApp click-to-chat link

A click-to-chat link opens a WhatsApp conversation with your number in one tap, with an optional pre-filled message. The format is: https://wa.me/2348012345678?text=Your%20message%20here The rules that matter:

1. Use the international format without the plus sign or leading zero. A Nigerian number 0801 234 5678 becomes 2348012345678.
2. URL-encode the message. Spaces become %20 and special characters need encoding; any online URL-encoder does this, and most button plugins handle it for you.
3. Keep the message short and useful. "Hello, I am interested in the Ikeja office cleaning package. Please send prices" is better than "Hi".
4. Test on Android, iPhone and desktop. On desktop the link opens WhatsApp Web or the desktop app; check that it does not dead-end for visitors without WhatsApp installed.
5. Do not hide the number entirely. Some visitors will prefer to save the number and message later, and corporate buyers may want to call.

Place the link where a visitor is ready to act: after a service description, next to prices, in the header on mobile, and in the footer contact block.

How to add a floating WhatsApp button

A floating button is the green icon that stays fixed in the bottom corner of every page. It is the highest-clicked element on many Nigerian business websites, so it deserves a deliberate set-up rather than the first free plugin you find.

Option A: WordPress plugin

Most Nigerian business sites run on WordPress. Choose a plugin that is actively maintained, lets you set a pre-filled message per page, supports multiple numbers or departments, shows business hours, and does not load large scripts. Install, add the number, set the message, choose the position (bottom-right is conventional; bottom-left if your cookie notice or another widget sits on the right), and test on a phone.

Option B: Shopify, Wix or other builders

Each platform has an app store with WhatsApp chat apps, and most support the same features. Prefer apps that let you customise the message and that do not add their own branding to the button unless you accept it.

Option C: Custom HTML and CSS snippet

For custom-built sites, a developer can add a lightweight button in a few lines: an anchor tag with the wa.me link, a WhatsApp icon, fixed positioning, and a small script that changes the pre-filled message based on the page. This avoids a plugin dependency and keeps the page fast, which matters on Nigerian mobile networks.

Button set-up checklist

• Dedicated business number, not a personal one
• Pre-filled message that names the page or product
• Visible on mobile without covering the main call-to-action
• Loads without slowing the page (no heavy external scripts)
• Shows hours or expected response time
• Click event sent to Google Analytics
• Tested on Android, iOS and desktop
• A fallback contact method (form, email or phone) for visitors without WhatsApp

Pre-filled messages that make enquiries easier to handle

The pre-filled message is the most under-used feature of a WhatsApp button. It does two jobs: it lowers the effort for the visitor, and it tells your team where the enquiry came from and what it is about before anyone types a reply. A practical pattern is one message template per page type:

On large sites, the developer can insert the product or service name automatically. For businesses with departments, use separate buttons or a small chooser: "Sales", "Existing order", "Support". Each routes to the right number and pre-fills accordingly.

How to track WhatsApp clicks as website leads

A WhatsApp button that is not measured is a black hole in your marketing. You can see enquiries arriving on the phone, but not which page, campaign or keyword produced them. The minimum is a click event in Google Analytics 4:

1. Give the button a consistent identifier (a CSS class or ID).
2. In Google Tag Manager, create a click trigger for links containing "wa.me" or the button's class.
3. Fire a GA4 event, for example whatsapp_click, with the page path as a parameter.
4. Mark that event as a key event (conversion) in GA4.
5. If you run Google or Meta ads, pass the same event to those platforms so campaigns optimise for real enquiries.

Then close the loop offline: ask your team to record which WhatsApp enquiries became paying customers, in a spreadsheet or CRM. The pre-filled message tells them the source page. Over a few months you will know which pages generate revenue rather than just clicks. A related guide on tracking website leads in Nigeria covers this in more depth.

What changes for Nigerian businesses

The mechanics of a WhatsApp button are universal. How you run the channel in Nigeria is not.

• WhatsApp is the primary channel, not an add-on. Design the website around getting people into the chat, and put the button where the thumb naturally rests on a phone.
• Response time is the product. Many Nigerian customers message three or four businesses at once and buy from whoever replies first with a clear price. A button without a plan for who answers, and how fast, will leak sales.
• Personal numbers are a business risk. Staff turnover is high in small teams. Put the business number on a company-owned SIM, keep the WhatsApp Business App on a company phone and use linked devices so that more than one person can respond.
• Data costs and speed. Keep the button light. Visitors on limited data plans will not wait for a chat widget that loads a large script before showing the icon.
• Trust signals still matter before the tap. A visitor is more likely to message if the page shows a CAC registration number, a physical address, real photos and clear prices or price ranges.
• Data protection. Chats contain names, phone numbers, addresses and sometimes payment details. The Nigeria Data Protection Act 2023 applies. Do not export customer chats to personal devices, and say in your privacy notice that WhatsApp is used for customer communication.
• Power and connectivity gaps. When the office loses power or network, chats go unanswered. An away message with an honest expected response time keeps trust.

Example (hypothetical): an Abuja furniture maker

Example (hypothetical): a custom furniture workshop in Abuja gets most orders through Instagram and referrals, and its website was built mainly to look credible. The only WhatsApp link is on the contact page, pointing to the owner's personal number, and the owner cannot say which website pages bring enquiries. The upgrade, done in a week with a WordPress plugin and Google Tag Manager:

• a company SIM with WhatsApp Business App, linked to the workshop manager's phone and the owner's laptop;
• a floating button on every page, with page-specific messages such as "Hello, I am interested in the 6-seater dining set. Please share the price and delivery time to Gwarinpa";
• a second option in the button labelled "Existing order" that pre-fills the message with a request for the order number;
• business hours displayed on the button, with an away message outside them;
• a whatsapp_click event in GA4 marked as a key event.

Within a month the owner can see that the product gallery pages, not the home page, drive the majority of clicks, and that Instagram visitors who reach the gallery message at a higher rate than paid-ad visitors who land on the home page. That is enough to redirect ad spend to the gallery. Nothing about this required a developer beyond the initial set-up.

When to move from a button to the WhatsApp Business Platform

The button breaks down when the same number must be shared by several agents, when you need to send order updates or reminders automatically, or when you want a chatbot to answer routine questions at 11pm. Those are signs to consider the WhatsApp Business Platform (API), which connects WhatsApp to your website, CRM or order system programmatically. The Platform brings its own costs and rules: conversation-based pricing in US dollars, approval of message templates by Meta, a Business Solution Provider or your own integration, and a verified business profile. It is a project, not a plugin. A reasonable trigger point is when one person can no longer keep up with website-originated chats during business hours, or when you find yourself sending the same follow-up messages by hand every day. Until then, the Business App with a well-configured button is usually the better value.

How much does it cost?

Adding WhatsApp at levels 1 and 2 is one of the cheapest improvements a Nigerian business can make to its website. Figures below are indicative 2026 ranges; actual quotes vary with scope, vendor and exchange rate.

The bigger cost is staffing the channel. A button that produces twenty enquiries a day needs someone whose job includes answering them.

Mistakes to avoid

• Pointing the button to a personal number. Conversations, and customers, leave with the person.
• A blank or generic pre-filled message. You lose the context that tells your team what the visitor wanted, and the visitor has to think about what to type.
• Covering the checkout or main button on mobile. A floating icon that sits on top of "Add to cart" or "Book now" costs you the action you most want.
• No hours, no expectation. Visitors who message at 10pm and hear nothing until noon assume you are unreliable. An away message fixes this in minutes.
• Not tracking clicks. You cannot improve pages or ad spend without knowing which pages generate chats.
• Treating WhatsApp as the only contact method. Corporate buyers, foreign customers and people on desktop may prefer a form or email. Offer both.
• Heavy chat widgets. A widget that loads large scripts slows the page for the very mobile visitors you want to convert.
• Ignoring data protection. Customer chats are personal data. Keep them on company-controlled devices and mention WhatsApp in your privacy notice.

Conclusion

Adding WhatsApp to your website is a small technical task with a large commercial effect, provided you do it deliberately. Use a company-owned business number, a floating button with a page-specific pre-filled message, visible hours and an away message, and track clicks in Google Analytics so that you learn which pages produce customers. Offer a form or email alongside it for people who do not use WhatsApp. When the number of website chats outgrows the people answering them, that is the moment to plan a move to the WhatsApp Business Platform, not before. If your business website still sends visitors to a personal number with no tracking, Linestech can set up a properly configured WhatsApp flow on your existing site, or design a new mobile-first site built around it. Tell us how enquiries currently reach you and we will suggest the simplest set-up that will improve it.

Frequently asked questions

What is the correct WhatsApp link format for a Nigerian number?

Use https://wa.me/234 followed by the number without the leading zero. A number written locally as 0801 234 5678 becomes https://wa.me/2348012345678. Add ?text= and a URL-encoded message to pre-fill the chat. Do not include spaces, brackets, dashes or a plus sign in the number.

Can I add WhatsApp to my website without a developer?

Yes. Click-to-chat links, QR codes and floating buttons are available through plugins or apps on WordPress, Shopify, Wix and most builders, and you can configure them yourself. You need a developer for custom buttons on hand-coded sites, form-to-WhatsApp flows, and any integration with the WhatsApp Business Platform.

Should I use the WhatsApp Business App or the API for my website button?

For the button itself, the Business App is enough and free. The API is worth it when several agents must share one number, when you want automated notifications or a chatbot, or when the volume from your website exceeds what one or two people can handle. You can start with the App and switch later without changing the link on your site.

How do I let visitors choose between sales and support on WhatsApp?

Use a button or widget that supports multiple contacts. Each option shows a label such as "Sales" or "Existing orders", points to its own number, and pre-fills a message that tells the team what the visitor needs. On a custom site, a small pop-up with two or three choices does the same job.

Will a WhatsApp button slow down my website?

A plain link or a lightweight custom button will not. Some third-party widgets load large scripts and can noticeably delay page rendering on Nigerian mobile networks. Test page speed before and after installing any widget, and prefer plugins that load only a small icon until the visitor taps it.

How do I know which WhatsApp enquiries came from the website?

Two ways together: the pre-filled message, which names the page or product the visitor was looking at, and a Google Analytics event fired when the button is clicked. Combine them with a simple record of which chats became customers and you can attribute revenue to pages and campaigns.

Is it safe to put my WhatsApp number on a public website?

It is normal and expected in Nigeria, but use a business number on a company-owned SIM, not a personal one. Expect some spam. The WhatsApp Business App lets you block and report contacts, and the Business Platform adds verification. Never share one-time passcodes or account details in chats, and train staff to recognise impersonation attempts.

Sources and further reading

Figures, platform rules and regulations change. These are the primary references behind this article and the places to check before you act on it.

• Corporate Affairs Commission (CAC)
• Nigeria Data Protection Act 2023 — NDPC
• WhatsApp Business Platform — Meta for Developers
• Core Web Vitals — web.dev