Skip to main content

How to Add a WhatsApp Button

WhatsApp is a page-level contact component — you enable it once for the page (floating or positioned), not as a repeated content block you place many times.

Before You Start​

Make sure you have:

  • A page open in the Page Builder.
  • A WhatsApp business / contact number in the format your market expects.
  • A short prefilled message that identifies the offer or campaign.
  • Optional Meta pixel ready if you want to track chat starts. See How to add pixels to a page.

Step 1: Enable WhatsApp on the Page​

  1. Open Pages and click Edit on the target page.
  2. Open the WhatsApp component settings (page-level widgets area).
  3. Turn on Apply WhatsApp Button.

Unlike a normal Button element, WhatsApp is a singular component managed once per page.

See WhatsApp element (reference).

Step 2: Set Phone Number and Message​

  1. Enter the phone number for WhatsApp routing.
  2. Write a short default message (for example “Hi! I came from the [offer] page”).
  3. Keep the message natural — very long texts can discourage visitors from sending.
FieldWhy it matters
PhoneControls which WhatsApp inbox opens.
Default messageHelps your team identify the campaign when the chat starts.

Step 3: Choose Shape and Position​

  1. Pick a shape: circular, square, or text.
  2. If you use text, add the chat label visitors should see.
  3. Set position (right, middle, or left) and new-tab behavior if available.
  4. Style color, size, spacing, and animation so the control stays readable and easy to tap.

Step 4: Optional Pixel Tracking​

  1. If campaign reporting depends on chat starts, open the WhatsApp Facebook pixel click settings.
  2. Attach the click event to the Meta pixel configured for this page.
  3. Confirm the pixel list is valid under Page settings → Pixel.

See Pixels and tracking.

Step 5: Publish and Test​

  1. Click Save, then Publish.
  2. Open the live page on desktop and mobile.
  3. Click the WhatsApp control and confirm the chat opens with the prefilled message.
  4. If a pixel is attached, verify the event in Meta event test tools.

Placement Tips​

  • Do not cover cookie notices, form submit buttons, or other floating controls.
  • Pair WhatsApp with a normal form or Button CTA when chat is the secondary path.
  • Test overlap on small screens after Cookie or Notification is also enabled.

Troubleshooting​

ProblemWhat to try
Button does not appearConfirm Apply WhatsApp Button is enabled and the page was republished.
Wrong chat opensRecheck the phone number format for your market.
Message missingRe-enter the default message and republish.
Pixel not firingConfirm page Meta pixel is configured and the WhatsApp click event is selected.

Outcome​

Visitors can start a WhatsApp conversation from your published page with the correct number and prefilled campaign message.

FAQ​

Is WhatsApp a normal page block?

No. It is a singular page-level component toggled with Apply WhatsApp Button.

Can I track WhatsApp clicks?

Yes. The drawer includes Facebook pixel click settings when the component is enabled.

Which shapes are available?

Circular, square, and text shape options are available when the component is enabled.