Implement smart question and answer intelligence in chatbots

Business Benefits

Engage new visitors with a welcome message, answer their most common sales questions and generate new leads on autopilot for your business.


Collect all information required for implementing chatbots on your website, like the service you’ll use and how you’ll harvest email addresses from it.

  1. Select a chatbot service, like Facebook Messenger, Drift, services such as collect.chat, WSChat, Botsify, Chatfuel, FlowXO, Landbot.io or IBM Watson Assistant. If you have access to developer resources, AWS has a Chatbot that you can use to create smart bots for your website.
  2. If you use WordPress, install a chatbot plugin for the service that lets you select custom URLs for deployment.
  3. Create a new spreadsheet titled Intelligent Chatbot Implementation with two worksheets and name them Display URLs and Questions & Answers.
  4. Select a service for saving email addresses once users enter them in the chatbot. Check the documentation to ensure that it can be plugged into the chatbot service you’ve chosen.
  5. Create a test page on your website to implement the chatbot before going live.

Design a conversation flow for the first chatbot that includes up to three levels of questions and follow-up questions.

  1. Open the conversation flow designer for your chatbot tool. If the service you selected does not provide one, you can use Google slides or Figma.
  2. Create a flow chart with up to 3 levels and all possible answers for each of these levels.
  3. For the offer to connect with a rep, ask permission to collect user details such as their name and email address.
  4. Follow up with the questions, and connect the inputs with the email / CRM service selected in step 1
  5. Repeat as necessary for each page and for each step in the node.
  6. Set up the goodbye message and save the chatbot conversation flow.

Customize the branding for the chatbot, like the chatbot icon, colors, and name.

  1. Choose your brand colors for the display of the chatbot. Many tools will request RGB color codes for the branding. If you don’t know these codes for your brand, use a Chrome extension called Eye-Dropper to find them. Install the extension, open your website in the browser, and click on the extension tooltip anywhere on your page, and it will reveal the hex code of the color you clicked on.
  2. Choose an icon to use as the chatbot’s identity. Options include the square version of your logo, pictures of your customer support team, or the generic bot images that are available with most chatbot tools.
  3. Select the initial loading size and location.
  4. If the option is available, give your chatbot a friendly name.

Test the chatbot implementation on your test page.

  1. Submit the chatbot to go live in the service you’re using.
  2. If you’re using WordPress, configure the chatbot to run only on your test page. If you’re using another service, paste your chatbot’s code into the test page.
  3. Open test page.
  4. Test the chatbot by answering its questions and validate its responses against the designed conversation flow.

Deploy the chatbot on the live environment of your website.

  1. Paste the pop-up code in each URL of the page. If you use WordPress, paste the code into the header include file or ask a developer to implement it for you.
  2. Test it on a few different website pages to make sure it is working properly.

Last edited by @hesh_fekry 2023-11-14T15:31:04Z