UC WidgetsBlog

How to add a WhatsApp button to your website (WordPress, Wix, Shopify)

The most practical way to add a WhatsApp button to your website is one line of code. Step-by-step setup, WordPress/Wix/Shopify examples, multiple numbers and pre-filled messages, all here.

19.08.2026 6 min read whatsappkurulumaction-hub
How to add a WhatsApp button to your website (WordPress, Wix, Shopify)

Why add a WhatsApp button to your website?

Most visitors prefer messaging from the WhatsApp they already use rather than filling in a form. When you add a WhatsApp button to your site, the customer opens a chat with one tap, and you handle the request in your own WhatsApp. This reduces missed conversations and increases conversions.

The most practical way: one line of code

The fastest way to add a WhatsApp button is to drop a ready-made widget onto the site with one line of code. With UC Action Hub:

  1. Create a free account and enable the WhatsApp module.
  2. Enter your number with the country code (e.g. 905551112233) and optionally write a pre-filled greeting.
  3. Paste the one line of code just before your site's </body> tag.
  4. The button goes live instantly; change colour, position and text without touching the code, from the panel.

Setup by platform

WordPress

Install the UC Action Hub plugin and enter your key; or paste the one line into your theme's "head/footer code" field. Nothing is written to wp_posts.

Wix

In the Wix Editor go to Settings → Custom Code, add the code to the "Body - end" position and show it on all pages.

Shopify

In the theme editor, paste the code just before the </body> tag in theme.liquid (or use a custom-code app).

Hand-written HTML

Add the code directly before your page's </body>; no extra steps needed.

Multiple numbers and department cards

For growing businesses, instead of a single number you can set up a department or staff list. Up to 8 targets, each with a display name, subtitle, number and pre-filled message. Visitors pick from the list, and each target's clicks are measured separately.

Tips for a good WhatsApp button

  • Write the pre-filled message to signal intent: "Hello, I'd like to book an appointment."
  • Keep the button fixed at the bottom right so it stays visible while scrolling.
  • Adapt the greeting to manage expectations outside working hours.

Frequently asked questions

Is adding a WhatsApp button to a website free?

Yes. The WhatsApp module in UC Action Hub is available on the free plan: a floating button, a single number and a pre-filled greeting are free. Multi-number department/staff cards and click statistics are on Pro.

Does a WhatsApp button slow the site down?

No. The widget loads isolated in a Shadow DOM and asynchronously (~5 KB); it does not block the page load or break your design.

Manage everything in this article from one panel

WhatsApp, booking, cookie consent and SEO tools on one platform; all Pro features free for 14 days.

Create a Free Account