How to Create a Chatbot for Your Website


ProProfs Chatbot enables you to automate live chat on your website and save precious time for your operators for more pressing issues. From booking appointments to creating a ticket to helping users with self-help articles (like the one you are reading right now), ProProfs Chatbot does it all. Our AI-powered chatbot responds to visitors instantly and delivers a delightful support experience. What’s more, ProProfs Chatbot can quickly transfer the chat to a human operator anytime your website visitor wants.


Use our professionally built, ready-to-use, customizable bot templates with preset responses that simulate human conversation. Or, if you would like to design your bot responses your way, you can create new chatbots from scratch for specific purposes, such as lead generation, booking appointments, customer support, and so on.



Benefits of using ProProfs Chatbot:


In this article, you’ll learn:

  1. How to create a ProProfs Chatbot
  2. How to edit and delete a ProProfs Chatbot
  3. How to access ProProfs Chatbot settings
  4. ProProfs Chatbot templates


1. How to Create a ProProfs Chatbot


Step 1: In your ProProfs Chatbot account,

  • Navigate to Bots
  • Click the ‘Create a Bot’ button to open the bot builder.


How to create a bot


Step 2: This is where you can pick a template that suits your requirements or create a bot from scratch. This guide explains how to create a new chatbot.


Click ‘Create from Scratch


Choosing a chatbot template


Step 3: This is the chatbot builder interface where you can build interactions.


Give your bot a name and click anywhere on the box to set up an interaction.


Bot Builder Interface


Step 4: The interaction panel opens up, as shown below. You can customize it to send out the response you would like to.


Interaction Panel


  1. Interaction Name: The first interaction panel consists of the opening message for the visitor. It is preferable to give the interaction panels a name to differentiate between various interaction messages or responses. Here we name it ‘Welcome Message.


  1. Type the Bot response below: You can add the message you want the bot to display to the visitor in this box. Enter a ‘welcome message’ in this case. For example, Hi! I am your virtual assistant. How can I help you today?


  1. Enabling/Disabling User response: If you want visitors to respond to your message, toggle it to ‘Yes.’ Since we welcomed the visitor in the first interaction panel, we would keep it as “No.”


Note: If you activate the option “Would you like the user to respond?”, the Bot will wait for the visitor’s response before sending the following message.


Click Save to save your input. You can preview to see how it appears by clicking the ‘‘Preview.”


Here's what the chatbot will look like to the visitor.


Live Chat Preview


Step 5: You can create the flow of your chatbot based on the current message and anticipated response by the user, if applicable. Click on the + button as shown below.


Adding the next interaction panel


For example, you may ask the visitor's name in the next step. The visitor must type their name before moving on to the next step—the following screenshot guides you to create such a response.


Setting up the interaction panel


  1. Enter the ‘‘Interaction name” and the bot’s response.


  1. Since it requires a reply from the visitor, enable the option ‘‘Would you like the user to respond?”


  1. Select the most appropriate ‘‘Response Type” for your question. For example, you're asking the visitor’s name, so it’s suitable to select ‘‘Text Response.” Similarly, based on your question and visitor response, you can choose the ‘‘Action” the chatbot can take.



1. Based on the nature of your question, you can choose the response type.

2. The Save Visitor Response option allows you to save information for future reference.

Let’s take a quick look at what each ‘‘Response Type” means:


  • Multiple Choice: Use this when you want the visitor to make a choice. For example, you can ask them which product they are interested in from the available options. For the options you mention, you can also use them to redirect users to an external URL.


Click on the small arrow on the option's name, specify the link, and save.

Clickable option with external link support


  • Text Response: Use this when you want visitors to type their response—for example, name, email, query, etc.

  • Date & Time: Use this if you want to fix a call appointment with the visitor.


Let’s understand the importance of ‘‘Action”:



Click Save to save your following response. The following screenshot shows the interaction flow thus far.


Chat workflow


Likewise, you can click the “button” to configure the chat flow.


You can use the “button between two “Interaction Panel” to modify the flow to your liking.


Here’s an example of how chatbot messages appear in a chat window.


Live Chat Preview


ProProfs Chatbot allows you to personalize the chat to make it more engaging for the visitor. The ‘‘+Add Attribute” button enables you to send appropriate replies using the visitor’s name, email address, or phone number.


For example,

  1. Thank you, {name}.

  2. You will receive a confirmation email at {email}.

  3. Our support team will call you at {phone}.


Such responses will build a trust factor, and the visitor will feel assured.

Let’s see how to add attributes in the screenshot below.


Adding attributes


  • Click on it and choose your preferred attribute.
  • You can even add a custom attribute based on your preferences.


Types of attributes


  • Click Save after selecting the suitable attribute.
  • Preview the chat using the ‘‘Preview” option and see how the interaction looks.


The following screenshot gives a glimpse of the chat flow.


Live Chat Preview with Attribute


Personalization improves the user experience by giving the visitor an authentic and inclusive feeling.


2. How to Edit and Delete a ProProfs ChatBot


  • Click on the ‘'pencil icon” to edit the chatbot.
  • To delete, click on the ‘'delete icon.”


Edit and Delete a Bot


3. How to Access ProProfs Chatbot Settings


Step 1: Click on the gear icon, âš™ï¸, to access Settings.


Bot Settings


Step 2: Below is a screenshot of the Bot’s settings and an explanation of every editable option.


Editing bot settings


  1. Name: You can give a name to your chatbot for easy recognition if you have different bots for different purposes on your website. It won’t be visible to the visitor. For example, Pricing Assistance Bot if you want to resolve queries related to the pricing of your products.


  1. Display Name: The name will show up on the chat window. It will also be visible to the visitor to know whom they are interacting on your website.


  1. Display Image: You can choose an image from our library or upload a new one per your liking and customize your chatbot.


  1. Show Bot: Click on the ‘‘Show bot when” dropdown to decide when you want the bot to appear. You can choose to show when: Chat is Online, Chat is Offline, and Chat is Online/Offline.


You can set conditions related to your website URL for a particular Bot to become active. You can activate a Bot when your website URL:


  • Is all pages: It indicates the Bot will be active on all web pages of your website.
  • Contains: It indicates the Bot will be active only on those URLs that contain the mentioned keyword.
  • Is: Enter a URL where you want the Bot to be active.


After completing the changes, don’t forget to click Save.


4. ProProfs Chatbot Templates


By default, these are the Bot templates you can choose from: ‘‘Lead Generation Bot,’’ ‘‘Ticketing Bot,” and ‘‘Appointment Bot.”


Chatbot template


Note: You can customize each of these templates to your preferences.

Let’s understand the core functionality of the standard bot templates:


  • Lead Generation Bot

This bot captures visitor details for lead generation. Below is the preview of the ‘‘Lead GenerationBot” initiating a chat.


Preview of a Lead Generation Bot


  • Ticketing Bot

This bot creates a ticket for your visitor right from the chat window. Here’s the preview of the ‘‘TicketingBot” initiating a chat.


Ticketing Bot Preview


  • Appointment Bot

This bot allows your visitors to book an appointment according to their convenience. It’s suitable for demos, meetings, etc. Below is the preview of the ‘‘Appointment Bo” initiating a chat.


Preview of an Appointment Bot


That is all about ProProfs Chatbot.



Was this information helpful?
© 2005 - 2023 ProProfs
add chat to your website