How to connect WhatsApp to your business website

Adding a direct communication channel to your business website is a great way to help customers who want to ask a quick question. When you run a small business, every inquiry matters, and many customers prefer sending a short message instead of filling out a long form. Using a familiar messaging channel can make it easier for customers to reach you while they browse your site.

Why connect WhatsApp to your site

Today, most customers browse via their mobile phones. When they land on a restaurant or clothing store site, they expect a quick way to get in touch. Adding a messaging button can help you respond faster and improve the visitor experience.

• Quick answers to your customers' FAQs.
• Direct contact straight from your mobile device.
• A familiar, easy-to-use interface everyone already knows.

Floating button is a component that stays fixed on the screen while the visitor scrolls up or down.

Tip: place the button in the bottom corner of the screen, where it's always available and accessible.

Preparing the direct message link

Before adding the button to your site, you need to generate the link that goes directly to a chat with you. This link includes your business phone number and the option to add pre‑filled text that the customer can send with a single click.

1. Open a new text file on your computer to write down the base address.
2. Add your business’s international phone number without the plus sign.
3. Add the text you want the customer to see by default in the message.

Base URL is the permanent link through which the application knows where to route the incoming message.

Tip: Set a short preset text like "Hi, I came from the site and would love details" so the client doesn’t have to type everything themselves.

Adding the button to site pages

Once you have the ready link, it’s time to embed it in the site. You can add the button to the homepage, the contact page, or display it on every page so it’s available throughout the visitor’s session.

1. Log in to your site management system and select the desired page.
2. Add an image component or button in the most prominent spot on the screen.
3. Paste the link you created into the component's link settings.
4. Save changes and republish the page.

Design element is a visual component on the site, like a button or icon, that can be clicked.

Tip: Check your site on mobile after adding it to make sure the button doesn’t hide important text.

Common mistakes to avoid

Many business owners try to connect the new channel but stumble on a few small details that can prevent customers from reaching out. It's worth knowing these obstacles in advance and preventing them.

• Using a personal phone number instead of an available business number.
• Forgot to add default text, leaving the customer facing an empty window.
• Placing the button in a hidden spot that requires long scrolling to find it.

Business number is a dedicated line used only for customer inquiries, not personal calls.

Tip: periodically check that the link works and that tapping it opens the correct window on your phone.

To check how your site looks and make sure everything is set up correctly, you're welcome to use the free site check tool. If you want to launch a new site or upgrade an existing one, you can explore all the options on the our packages page.