Skip to main content

How to Enable the Chat Widget for WhatsApp

Enable a WhatsApp chat widget so visitors can start a WhatsApp conversation directly from your website or funnel.

Updated over 2 months ago

Who This Is For / When to Use

Use this setup if you want website or funnel visitors to contact you via WhatsApp using an approved WhatsApp number.


Prerequisites

  • WhatsApp must be enabled for your account.

  • At least one WhatsApp number must be configured.

If WhatsApp is not enabled, go to Settings > WhatsApp and complete number setup before continuing.


How the WhatsApp Chat Widget Works

  • The chat widget is embedded on a website or funnel.

  • Visitors open the widget and submit their name, phone number, and message.

  • After submission, the visitor is redirected to WhatsApp (mobile app or WhatsApp Web).

  • The message is pre-filled and sent to the selected WhatsApp number.

  • The conversation appears in Conversations, where your team can reply.


Step 1: Open Chat Widget Settings

  1. Go to Sites in the left navigation.

  2. Select Chat Widgets.

  3. Click New or open an existing widget.


Step 2: Select WhatsApp as the Chat Type

  1. In the Chat Type selection screen, choose WhatsApp.

This option creates a WhatsApp-integrated widget that redirects visitors to WhatsApp after form submission.


Step 3: Customize the Chat Widget Window

  1. Open the Chat Window tab.

  2. Customize the following as needed:

    • Title and intro text

    • Form fields (name, phone, message)

    • Branding and colors

Notes:

  • WhatsApp widgets default to WhatsApp-style green colors.

  • You can override colors to match your branding.


Step 4: Select the WhatsApp Number

  1. Scroll to WhatsApp Settings.

  2. Open Select WhatsApp Number.

  3. Choose the WhatsApp number visitors will be redirected to.

If the number is not listed, add one under Settings > WhatsApp.


Step 5: Save and Publish

  1. Click Save.

  2. Embed the widget using one of the following:

    • Website or Funnel settings toggle

    • Embed code placed in the page header

The widget becomes visible when the page loads.


Common Issues and Fixes

WhatsApp option is not selectable

  • Ensure WhatsApp is enabled under Settings > WhatsApp.

  • Confirm at least one WhatsApp number exists.

Visitors are not redirected to WhatsApp

  • Verify a WhatsApp number is selected in widget settings.

  • Confirm the widget is saved and republished.

Messages do not appear in Conversations

  • The conversation appears only after the visitor completes WhatsApp redirection.

  • Ensure team members have access to Conversations.


FAQ

Do I need a WhatsApp account to use this widget?

Yes. You must have an active WhatsApp account and a configured WhatsApp number.

Can I customize the WhatsApp chat widget design?

Yes. You can customize text, colors, branding, and form fields in the Chat Window settings.

What happens after a visitor submits the form?

The visitor is redirected to WhatsApp with a pre-filled message sent to your selected number.

Can I choose which WhatsApp number the widget uses?

Yes. Each chat widget allows you to select a specific WhatsApp number.

Can I use multiple WhatsApp numbers across widgets?

Yes. You can create multiple chat widgets and assign different WhatsApp numbers to each.

Can my team see and reply to WhatsApp messages?

Yes. Messages appear in Conversations and are visible to all team members with access.

Does the visitor stay on my website during the chat?

No. The visitor is redirected to the WhatsApp app or WhatsApp Web to continue the conversation.

Did this answer your question?