Integrate WordPress Live Chat with AI Chatbot Powered by Google Assistant

This article will explain how you can integrate the WordPress Live chat plugin WSChat – ELEX WordPress Live Chat Plugin with Dialogflow to generate AI and NLP based automated responses to the customers’ queries. Check it out to integrate WordPress Live Chat with AI chatbot powered by Google Assistant. 

WSChat offers several advanced features to send attachments, record and send video, an option to mail the entire chat history to an emailID, and an option to give customer feedback to you through a like and dislike button. You can easily convert a chat to ticket as well using this plugin. 

Google’s Dialogflow is a tool to generate automated chat responses by incorporating Artificial Intelligence and Natural Language Processing. It will help to trigger automated responses as text, images, audio and video according to the response from the customers. 

Install and Activate WSChat Plugin

Go to WSChat -> Settings -> Chatbot AI

Integrate WordPress Live Chat with AI Chatbot Powered by Google Assistant | WSChat Chatbot AI Setting

  1. Dialogflow: You have to enable it to get linked with your Dialogflow account.
  2. Google Project ID: After setting up your Dialogflow account, you will get this ID and can enter here.
  3. Google Service Account Private Key File: After the Dialogflow set up, you can download a JSON file from Google Cloud Platform and you can paste here.
  4. Agent Language: Choose a language according to your convenience.

Next step is to set up your Dialogflow account.

Set Up Your Dialogflow Account

Go to https://dialogflow.com/ -> Click Sign up for free.

Integrate WordPress Live Chat with AI Chatbot Powered by Google Assistant | Dialogflow Signup for freeCreate your Dialogflow account using your Gmail ID. 

Create Agents

Enter the agent name, default language, and default time zone, and click on ‘Create’. Integrate WordPress Live Chat with AI Chatbot Powered by Google Assistant | Creating Agent

Create Intents

Then you can create the ‘Intents’. You can find it on the left side of the tab.Integrate WordPress Live Chat with AI Chatbot Powered by Google Assistant | IntentsIntents helps to set up the automated responses based on the customer responses. Here you can add training phrases to be compared with the customer responses to trigger automated responses.

For a detailed guide to set up the intents go through the article Detailed Guide on Setting up Dialogflow – Artificial Intelligence Based, NLP Optimized for the Google Assistant and Chatbot Development.

You can create training phrases by assuming all possible queries and responses from the customers and add them here.Integrate WordPress Live Chat with AI Chatbot Powered by Google Assistant | Training PhaseWhen you get a query with these training phrases, you have to trigger replies for them by adding the responses in the ‘Responses’ section.Integrate WordPress Live Chat with AI Chatbot Powered by Google Assistant | ResponsesYou can add text responses as well as custom payloads for sending images, audio and video.

Example:Integrate WordPress Live Chat with AI Chatbot Powered by Google Assistant | WSChat customer responseFor taking parameter values from customers and include it in the reply can also be done with Dialogflow by prompting. Check how it will work,

Integrate WordPress Live Chat with AI Chatbot Powered by Google Assistant | WSChat fetching and responseIf you need to give advanced visual impact, button actions and more advanced actions, you can choose Facebook Messenger, Google Assistant, Slack etc frameworks to generate responses in more advanced ways.Integrate WordPress Live Chat with AI Chatbot Powered by Google Assistant | Setting Response with Facebook MessengerExample for Facebook messenger based responses:

 

Integrate WordPress Live Chat with AI Chatbot Powered by Google Assistant | WSChat Facebook Messenger Card ResponseStore Your Images, Videos and Audios in Firebase

For configuring to send images, audio and video as responses, you have to upload and store it in the Firebase platform. And you can take the link and add it to the responses. 

Integrate WordPress Live Chat with AI Chatbot Powered by Google Assistant | Firebase

Integration with WSChat

 Go to Dialogflow -> Settings

There you can find the project ID and service account.Integrate WordPress Live Chat with AI Chatbot Powered by Google Assistant | WSChat IntegrationYou can copy the project ID and click on the link of ‘Service Account’. It will be redirected to Google Cloud Platform. Click on the ‘Actions’ corresponding to the email Id. Then click on Create Key.

Choose JSON format and click on Create.Integrate WordPress Live Chat with AI Chatbot Powered by Google Assistant | Google Cloud PlatformA file will be downloaded. 

Example of a JSON file:Integrate WordPress Live Chat with AI Chatbot Powered by Google Assistant | service keyThen get back to WSChat and add the fields to it by activating Dialogflow.

Enter the project ID and paste the JSON file format Google service account private key file in the respected fields. Choose an agent language if required.Integrate WordPress Live Chat with AI Chatbot Powered by Google Assistant | WSChat AI ChatbotClick on submit.

For the complete guide to set up WSChat, go through How to set up WSChat – ELEX WordPress Live Chat Plugin?.

 

Popular Tags

Blog Business Case Code Snippet Documentation ELEX Address Validation & Google Address Autocomplete Plugin for WooCommerce ELEX Amazon Payments Gateway for WooCommerce ELEX Authorize.net Payment Gateway for WooCommerce ELEX Bulk Edit Products, Prices & Attributes for WooCommerce ELEX Dynamic Pricing and Discounts Plugin for WooCommerce ELEX EasyPost Auto-Generate & Email Labels Add-On ELEX EasyPost Shipping Method Plugin for WooCommerce ELEX Google Product Feed Plugin ELEX Hide WooCommerce Shipping Methods Plugin ELEX ShipEngine Multi-Carrier Shipping & Label Printing Plugin for WooCommerce ELEX Stamps.com Shipping Plugin with USPS Postage for WooCommerce ELEX Stamps.com USPS Auto-Generate & Email Labels Add-On ELEX WooCommerce Abandoned Cart Recovery with Dynamic Coupons ELEX WooCommerce Australia Post Bulk Label Printing Add-On ELEX WooCommerce Australia Post Shipping Plugin with Print Label & Tracking ELEX WooCommerce Catalog Feed for Facebook & Instagram ELEX WooCommerce Catalog Mode, Wholesale & Role Based Pricing ELEX WooCommerce Choose Your Delivery Date Plugin ELEX WooCommerce DHL Express / eCommerce / Paket Shipping Plugin with Print Label ELEX WooCommerce DHL Express Bulk Label Printing Add-On ELEX WooCommerce Discount per Payment Method Plugin ELEX WooCommerce EasyPost Bulk Label Printing Add-On ELEX WooCommerce EasyPost Return Label Add-On ELEX WooCommerce Name Your Price Plugin ELEX WooCommerce Product Price Custom Text (Before & After Text) and Discount Plugin ELEX WooCommerce Stamps.com Bulk Label Printing Add-On ELEX WooCommerce USPS Shipping Plugin with Print Label ELEX WooCommerce Request a Quote plugin for WooCommerce ELEX WordPress Embed YouTube Video Gallery ELEX WordPress Embed YouTube Video Gallery Plugin FAQ Getting Started Knowledge Base Open Source HelpDesk & Customer Support Ticketing System – Simple & Flexible Plugin Integrations ReachShip WooCommerce Multi-Carrier & Conditional Shipping Plugin Shipping Plugins Uncategorized WooCommerce WSChat - WordPress Live Chat Plugin WSDesk - WordPress Helpdesk Plugin