Components In Chatflow
This page contains information about the chat components which can be used in canvas.
Last updated
This page contains information about the chat components which can be used in canvas.
Last updated
There are different chat components which can be used in chat and have different use cases.
Some components are used to:
Note: Flow will not move ahead until the user gives the requested information to the bot.
It is used to request "name" as information from the user.
Click on "Name" from the Add Chat Component.
Then you can customize the name request message from the customize bot message.
It is used to request a "phone number" as information from the user.
Click on "Phone Number" to add into your flow.
Then you can customize the phone number request message from customize bot message.
You can also select a specific country code for the same by clicking on the drop down.
It is used to request "Email" as information from the user.
Click on "Email" to add it in your flow.
You can customize the email request message from the customize bot message panel.
It is used to give a single choice selection request from the user.
Click on "Single Choice" to add it in your flow.
You can customize the message, title for your options and link the next component with them.
You can add up to 5 options.
It is used to give a multiple choice selection request from the user.
Click on "Multiple Choice" to add it in your flow.
You can customize the message, title for your options and link the next component with them.
You can add up to 5 options.
It is used to request "any answer" as information from the user.
Click on "Text Question" to add it in your flow.
You can customize the information request message to ask for an answer from the user accordingly.
It is used to request a "file, image or video" as information from the user.
Click on "File" to add it in your flow.
You can customize the file request message from the right panel.
It is used to create an iframe.
You can add a text message about iframe you are adding.
Paste the URL for the web page.
Give a title to the iframe.
Add a CTA button on which user can click and can be redirected.
Once clicked web page will be opened.
It is used to book an appointment and slot for users.
You can configure the message text and add a message to ask user to input time slot.
You can select availability hours start time from the drop down and its end time. User will have open to book in time between availability hours.
Select slot intervals according to which later booking will be done and time gap will be made.
Select future booking days for which slots will be available to be booked.
Then select a third party app to integrate with bot for appointment booking.
It is used to request textual location from user.
Click on "Location" to add it in your flow.
Enter message text to ask for location from user as information.
It is used to take Date and Time as an input from user.
You can enter a message text to request the same and checkbox to show time selection option.
User will get option in calendar to select the date and exact time for that date.
It is used to ask user to give rating and share their experience.
You can enter a text message for the same and add 5 different options for user experience which can be selected by user.
It is used to ask user a range according to the requirements.
You can enter a text message for the same.
Add a prefix and suffix text to be used in range.
Then select the starting point and highest point to be selected in the range.
You can also select a step you want to use as gap in the range slider.
It is used to take a numerical input from the user.
Click on "Number Input" to add it in your flow.
You can add a text message to request user to enter a numerical value.
It is used to ask user answer according to which the next chat flow will be decided.
You can enter a text message or your question.
Then enter keywords based on which next chat component will be selected.
You can select smart keyword match type, it can be either exact or the keywords should be present in the answer.
You can add multiple smart keywords.
It is used to start a new flow which is created for this same bot.
You can enter a text message and select the pre-build chat flow from the drop down.
Once the component is triggered, the other selected chatflow will continue in the chat.
It is used to use a third party integration in chat flow.
You can select the API.
You can then add text to response code and select the next message.
Response Code 200 is for success and 400 is for error.
You can also check DEVELOPERS section for more information.
It is used to send the information message to the user.
You can add a text message which you want to send as information.
It is used to send a GIF or an Image.
You can add a text message for your image or GIF.
If you want to send a GIF, search with its name in the GIF section.
Or you can scroll down and upload an image from your device or URL of the image.
It is used to send a video message in the chat flow.
You can enter a text message to be sent along with the video.
Add a video link or upload it from your device.
Size of the video should not be more than 15 MB
It is used to send a web link in the chat.
You can enter a text message which you want to send along with the link.
You have to select the platform from the drop down for which you are adding the link.
Also add a title for the link and insert the URL. You can add multiple links.
When user clicks on the title they will be redirected on the page.
It is used to initiate live chat with your available agent.
It will create a live chat request.
You can enter a text message that will inform user that request has been triggered.
Also by clicking on "Manage Team" you will be redirected to Team's Section where you can assign roles and manage your team.
It is used to trigger AI in chat flow.
You can enter the first message that will be sent before starting the AI generated questions.
Select the number of queries to be resolved using AI.
If query suggestion box is checked. You have to provide up to 3 chat suggestions that will be used initially.
After that, ChatGPT will provide query suggestions based on the prompt you will enter.
You can also train your AI and the query suggestions and replies will be based on that.
It is used to automatically assign live chat request among team members.
You can either assign to a team member and then select his/her name. or
You can assign by department, then select the department and assignment logic will be set to "Round Robin" in which every team member will be automatically assigned a live chat request one by one in a round.
You can select not to assign to offline agents and assign to agents only in business hours.
It is used to make decisions based on user inputs or other conditions and according to that condition is applied and the next component in flow will be sent.
By clicking on "Please select a condition" or "Add If/Else Branch".
You can select Visitor's Response, Custom Attribute, Contact Property and Chat Property to apply conditions on.
Conditions can be equal, not equal, greater than or less than
Then add a value with which conditions will be compared
You can click on "+" to add "AND" condition or you can click on "Add OR condition" to add the same.
This setting is available in every component which helps to connect components and create a flow. You can click on the drop down and select which chat component you want to send after.
This setting is available in message under customization settings. Type "/" in message customize box and a drop down will be shown from which you can select your pre-built variables.