WhatsApp type

Markdown

View as Markdown

When the conversation is completed, and you want to take your visitors from the website to WhatsApp, then you may use this Script type. Below we explain how this script type works.

Click

Choose the WhatsApp type inside Build > Script

Edit

Click on Edit to customize.

Once you edit the WhatsApp message question, it will look like the below

  • Button text: The conversation window will show a button with a CTA text at the end of the chat. Some examples of this CTA button text can be, "Confirm on WhatsApp", "Let's chat on WhatsApp", "Submit on Whatsapp". Edit the text to match your conversation scenario.

  • WhatsApp Number: Provide your WhatsApp number in the international format here (Including country code). This will be the number to which chatbot will redirect users to and the business number you use for customer communication. If they are interacting with the chatbot on mobile, the chatbot will open the native app. If they are interacting via desktop, it will open WhatsApp web.

  • Message heading: WhatsApp allows us to send one piece of text from the chatbot. This heading can help you understand from which chatbot with query has come. Some examples of this heading can be: "Your chat on website.com", "Order details are:", "Your request"

  • Answers to be included: This is the second part of the message send to Whatsapp. Below the heading, you can include the question-answers from the chat. You can click on the "+" button to add the respective question-answers that needs to be passed to WhatsApp. In the above example, we have only passed the name and email questions.

  • Message preview: This shows you a preview of the message heading and answers you chose to include in the WhatApp message.

Once you have made the necessary changes, click on "Done".

Check

Go to Build > Design. Have a chat with the bot and see how it looks at the end.

If the user clicks on the CTA button, the following redirection will happen on desktop. (If the interaction happens on mobile, the native app will open up)

And the message will be send to WhatsApp if user clicks on "Continue to chat"

Note

The conversation will only continue in WhatsApp, if user click on the CTA button shown in the chatbot. Therefore, the CTA button text must be click-worthy.

Warning

This script type is intended to be used at the end of the conversation. as a means to continue the chat in Whatsapp. This also means you are taking your user away from the website. If taking the user away from the website is not intended, then we do not recommend using this WhatsApp type.

Tip

  • Click on the Eye icon to preview the chatbot at any point.

  • If it says Unpublished Changes, it means there are changes waiting to be made public.

  • Once you click on Publish, all pending changes will become live on your chatbot.

Still need help?

Contact us
Was this article helpful ?

Still need help?

Contact us

General

General

How to create your first chatbot with Collect.chatGoogle Tag ManagerMailChimpShow or Hide the bot based on URLSet up custom domain for chatbot pageEmail NotificationsResponse StatusWhere can I get my Invoice?Facebook PixelSend the data to your server using webhookGoogle CalendarIs there a discount?How to add chatbot to BigCommerceTranslate your ChatbotLogical JumpGoogle SheetsSalesforceMultiple Emails and RoutingFreshdeskIntegromatMy payment has failed, what to do?What is a response?I am getting spam responsesZapierWhat happens when I upgrade or downgrade?LeadsBridgeGoogle AnalyticsWhy am I not getting email notifications?How to add billing address to my invoice?Webhook in my chatbot is not workingThe changes I made to my chatbot are not visibleWhat is your refund policy?Why is my chatbot not showing up on my website?Do you have a trial account?How to add chatbot to WordPressHow to cancel my account?How to add chatbot to Medium BlogsHow to add chatbot to ShopifyHow do you charge us?How to add chatbot to CloudflarePermanently remove my chatbotHow to make the payment?How to add chatbot to NotionCan I use Collect Chat for free?What happens when I cross the response limit?How to add chatbot to Mobile AppHow to add chatbot to WeeblyHow to add chatbot to TumblrHow to add chatbot to SquarespaceHow to add chatbot to WixShare chatbot as a Landing PageHow to add chatbot widget to WebsiteConversational Marketing Chatbots and Collect.chatHow Chatbots work inside a WebsiteHow to embed chatbot in a webpageDesign a conversational landing pageCreate a copy of the botAdd a custom avatarCan I block responses from an IP address?How to add a welcome message to chatbot widget?Add a video from LinkedIn to the chatbotStop saving data on Collect.chat's serverAdd slides from SlideShare inside the chatbotAdd a video to the chatbotCan I customize the speed of the conversation?Validate phone number inside chatbotHow to capture email addresses?Open the chatbot if user is about to leaveShow or Hide the bot based on ReferrerAddress users by name using variablesEdit the chatbot conversationShow or Hide the bot based on LanguageHow to design my chatbot?Add an image to the chatbotShow or Hide the bot based on API parametersShow or Hide the chatbot based on deviceShow or Hide the bot based on CountryShow or Hide the bot based on UTM tagsShow or Hide the bot based on Operating SystemManage the date and time of when bot has to appearHow to target my users?Show or Hide the bot based on browserOpen the chatbot as the user is scrolling downTeam CollaborationShow or Hide the bot for repeating visitorsHow to hide the chatbot for a user who has already given answersOpen the chatbot widget based on a timerRedirect to a URL based on user choiceWhat is a Script Type?Add data from URL parameters inside a conversationWhatsApp typeOpinion Scale TypeAppointment typeFile Upload TypeThank You TypeText Question TypePhone Number TypeSet up custom domain for chatbot pageRange TypeLinks TypeNumber TypeDate TypeMessage TypeRating TypeEmail TypeAdd live chat supportMulti Select TypeList TypeCapture UTM parameters from URLsSend data from chatbot to pre-fill a webpageTrigger chatbot from a Link or ButtonMulti Choice TypeHide welcome message in mobileHide welcome message for repeating visitorsHow can I analyze my data?Load a new chatbot for repeating visitorsHow to edit my personal information?Add custom messages to the conversationTrack your chatbot using custom analyticsAdd custom data in chatbot responseIdentify a user in Email or SMS campaignsDynamic web pages based on user choiceHow to enable developer options when the chatbot type is Embed?Invoke a new chatbot on the same webpageOpen the chatbot instantly on page loadDo you have an API or tools for developers?Can I export my data?Why do I see symbols in my exported CSV?Do you have support for RTL languages?How to accept only business emails?How to get IP address of chatbot userWhat does your Unlimited Plan offer?How to accept payment via the chatbot?In WordPress, how can I embed a chatbot inside a page or a post?In WordPress, how can I add a different chatbot for a different page?How to trigger a bot from a WordPress Menu?In WordPress, how can I control the behaviour of the bot?How to change my email address?Publish the chatbotHow to be an affiliate?How to change metadata for chatbot pageCan we make a messenger chatbot?Are you GDPR compliant?Can I use multiple chatbots on my websites?Where can I see my Bot ID?How to change my password?Hide welcome message everywhereSetup different chatbot on different pages of the websiteTemporarily disable my chatbotRedirect to a page when conversation endsMulti Select and Multi Choice, what's the difference?Copy a MessageHow to add chatbot to WordPressIn WordPress, how can I embed a chatbot inside a page or a post?WhatsApp typeHow to trigger a bot from a WordPress Menu?In WordPress, how can I control the behaviour of the bot?Send the data to your server using webhookIn WordPress, how can I add a different chatbot for a different page?Welcome to the AI-first Help.Center!Welcome to the AI-first Help.Center!