Skip to content
Sites

Chat Widget - Send your leads to Whatsapp Chat

Allow users visiting your landing page with option to fill the message and form to redirect the chat to Whatsapp number selected

1 min read267 words4 explained imagesUpdated Thu, 31 Oct, 2024 at 11:15 AM
View as markdownOpen in ClaudeOpen in ChatGPT
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.

Video 1 Open in a new tab

Please note: you must have WhatsApp enabled and a phone number in order to use this feature. To do so, go to "Settings" > "WhatsApp" in the side menu.

How to enable WhatsApp Chat Widget

1. Go to Sites > Chat Widget

2. Go to the Chat Widget, navigate to Chat type and select the option of WhatsApp Chat

Figure 1 What this shows 2. What this shows Illustrates "Chat Widget - Send your leads to Whatsapp Chat". This screenshot appears in "Chat Widget - Send your leads to Whatsapp Chat". The text alongside this image reads: 2. Go to the Chat Widget, navigate to Chat type and select the option of WhatsApp Chat. Immediately after, the guide continues: 3. With the WhatsApp chat option, go to widget window to do the customization of text, colors, branding and forms with email/phone. With Whatsapp chat type, it will use the whatsapp colors in shades of green and user can configure their…. Image 1 of 4 What to fill in2. Go to the Chat Widget, navigate to Chat type and select the option of WhatsApp Chat
Buttons and menus referenced Please noteHow to enable WhatsApp Chat WidgetHow It Works
Next step3. With the WhatsApp chat option, go to widget window to do the customization of text, colors, branding and forms with email/phone. With Whatsapp chat type, it will use the whatsapp colors in shades of green and user can configure their own colors.
Figure 2 What this shows 2. What this shows Illustrates "Chat Widget - Send your leads to Whatsapp Chat". This screenshot appears in "Chat Widget - Send your leads to Whatsapp Chat". The text alongside this image reads: 2. Go to the Chat Widget, navigate to Chat type and select the option of WhatsApp Chat. Immediately after, the guide continues: 3. With the WhatsApp chat option, go to widget window to do the customization of text, colors, branding and forms with email/phone. With Whatsapp chat type, it will use the whatsapp colors in shades of green and user can configure their…. Image 2 of 4 What to fill in2. Go to the Chat Widget, navigate to Chat type and select the option of WhatsApp Chat
Buttons and menus referenced Please noteHow to enable WhatsApp Chat WidgetHow It Works
Next step3. With the WhatsApp chat option, go to widget window to do the customization of text, colors, branding and forms with email/phone. With Whatsapp chat type, it will use the whatsapp colors in shades of green and user can configure their own colors.
Note - If the Whatsapp number is not configured, they redirect to setting to add the Whatsapp number. How to add Whatsapp Number? 

3. With the WhatsApp chat option, go to widget window to do the customization of text, colors, branding and forms with email/phone. With Whatsapp chat type, it will use the whatsapp colors in shades of green and user can configure their own colors.

Figure 3 What this shows 3. What this shows Illustrates "Chat Widget - Send your leads to Whatsapp Chat". This screenshot appears in "Chat Widget - Send your leads to Whatsapp Chat". The text alongside this image reads: 3. With the WhatsApp chat option, go to widget window to do the customization of text, colors, branding and forms with email/phone. With Whatsapp chat type, it will use the whatsapp colors in shades of green and user can configure their own colors. Immediately after, the guide continues: 4. Once the setup is done, the last part is to select the WhatsApp number. This is the number to which the message from the user will be redirected to when the chat is initiated. Image 3 of 4 What to fill in3. With the WhatsApp chat option, go to widget window to do the customization of text, colors, branding and forms with email/phone. With Whatsapp chat type, it will use the whatsapp colors in shades of green and user can configure their own colors.
Buttons and menus referenced Please noteHow to enable WhatsApp Chat WidgetHow It Works
Next step4. Once the setup is done, the last part is to select the WhatsApp number. This is the number to which the message from the user will be redirected to when the chat is initiated.

4. Once the setup is done, the last part is to select the WhatsApp number. This is the number to which the message from the user will be redirected to when the chat is initiated.

Figure 4 What this shows 4. What this shows Illustrates "Chat Widget - Send your leads to Whatsapp Chat". This screenshot appears in "Chat Widget - Send your leads to Whatsapp Chat". The text alongside this image reads: 4. Once the setup is done, the last part is to select the WhatsApp number. This is the number to which the message from the user will be redirected to when the chat is initiated. Immediately after, the guide continues: 5. Once the setup is done, click the "Save" button. Image 4 of 4 What to choose4. Once the setup is done, the last part is to select the WhatsApp number. This is the number to which the message from the user will be redirected to when the chat is initiated.
Buttons and menus referenced Please noteHow to enable WhatsApp Chat WidgetHow It Works
Next step5. Once the setup is done, click the "Save" button.

5. Once the setup is done, click the "Save" button.

How It Works

1. Add the code to the landing page (external providers) to header code or use it by enabling toggle in Funnel/Website Settings

2. When the chat widget is embedded, it will display on the landing page once it loads in a browser window.

3. When the contact visits the page, completes, and submits the form, it will redirect the contact to the WhatsApp web app with the message to the number selected in widget window.

4. You will then receive a notification in the "Conversations" view and be able to message the contact.

Was this guide helpful?

Related guides