Link2WhatsApp
Back to Guides

How to Add WhatsApp to a Website

The definitive guide to embedding WhatsApp on your CMS (WordPress, Shopify, Wix) to capture more leads.

L2
By Link2WhatsApp Team
•

Why Add WhatsApp to Your Website?

Standard contact forms are slow. Emails get lost in spam. Phone calls require immediate availability. WhatsApp hits the sweet spot: it is asynchronous, wildly popular, and provides a direct, personal line to the customer that you retain even after they leave your website.

Method 1: The Simple Hyperlink

The easiest way to add WhatsApp to your site is to create a standard wa.me link and attach it to text or an image.

<a href="https://wa.me/1234567890">Chat with us on WhatsApp</a>

Best for: Blog posts, simple text-heavy pages, or 'Contact Us' directories.

Method 2: The Inline HTML Button

To make the call-to-action stand out, you can style the link to look like a button using CSS. If you don't know how to code, you can use our Button Generator to output the exact HTML.

How to install:

  1. Generate the code block.
  2. In your CMS (WordPress, Shopify, Squarespace), add an "HTML" or "Custom Code" block to your page.
  3. Paste the code.

Best for: Product pages (e.g., "Ask a question about this item") or Pricing pages.

Method 3: The Floating Chat Widget

A floating widget remains fixed to the bottom right corner of the screen as the user scrolls. It is highly visible and constantly reminds the user that help is just a click away.

How to install:

  • WordPress: You can paste the HTML code into a "Custom HTML" widget in your footer, or use a plugin like 'Insert Headers and Footers' to place the code right before the closing </body> tag.
  • Shopify: Edit your theme code and paste the generated widget HTML into theme.liquid just above the </body> tag.

Best for: Maximizing overall lead generation across the entire website.

Desktop vs. Mobile Behavior

It is important to understand what happens when a user clicks these links:

  • On Mobile: The website will immediately redirect to the native WhatsApp app installed on their phone.
  • On Desktop: The website will redirect to a WhatsApp web page, asking the user to either open WhatsApp Web in the browser or launch the desktop application.