We have talked a lot about chatbots for customer support in our previous pieces. And a scalable, efficient and cost-effective human+bot hybrid system has always been our philosophy.

In the past few months, we have released a lot of helpful bots to help you accelerate your customer support efforts. In this piece, I am going to walk you through steps to integrate Dialogflow (api.ai) bot into your website. We will be using Kommunicate powered chat plugin for adding to a website which integrates well with Dialogflow.

Can't wait to try out Dialogflow integration? 

Click here to get your web chat script with Dialogflow integration

Step 1: Setup chat widget with Dialogflow

Login to your Kommunicate dashboard and navigate to the Bot section. If you do not have an account, you can create one here. Locate the Dialogflow section and click on Integrate Bot.

integrate dialogflow bot in website


Step 2: Get your Dialogflow API Credentials

After clicking on the setting one popup box will open. You will be asked for Dialogflow credentials.

You can get them by logging into your Dialogflow console.

Click on the Settings Icon (gear icon on the left panel)and select V2 API as the preferred API version.

Dialogflow Console

Save your settings and follow the instructions to complete the setup.

Step 3: Integrate Dialogflow (api.ai) Bot into Kommunicate

Go back to Dialogflow settings screen of Kommunicate, feed in your credentials, then click on next to save and progress.

In the bot profile section that follows, you will be able to give your bot a name. This name will be visible to your customer whenever the bot interacts with them.

To complete the setup, click on Next and setup Bot Profile. You can check your newly created bot in two places:

  1. Dashboard →Bot Integration → Integrated Bots: You can check all your integrated bots here
  2. Dashboard → Bot Integration: Your Dialogflow icon should be green with the number of bots are you have successfully integrated.

Step 4: Integrate Dialogflow (api.ai) bot in website

The final step is to connect Dialogflow bot into your website. Before that, to use the bot in customer conversation, you need to assign all the incoming conversations to the bot. You can do that from the Conversation rules section under Settings.

Enable Assign new conversations to bot and select your newly configured bot from the Select a bot drop down. Learn more about conversation rules here.

Navigate to Dashboard →Settings. Click on Install under the Configuration section.

Copy the JavaScript code add it to your website code. The Kommunicate chat widget will appear and you can now see your bot live in action. More information on live chat and bot integration can be found here.

In these few simple steps, you can integrate bot using Dialogflow and Kommunicate into your website and automate mundane tasks so that your agents can concentrate on what only human can do.

Are you considering chatbots for your business? Download the Complete Beginner's Guide to Chatbots 
for a more detailed explanation on chatbots' capabilities, industry use-cases and a step-by-step guide 
on how to build one.

Related Reads:

  1. Bot + Human Hybrid — The New Era of Customer Support
  2. Bots Are Here To Stay — So Are Your Customer Support Agents

PS: I thank Vipin from Kommunicate team for helping me with initial notes.

Via: https://www.kommunicate.io/blog/how-to-integrate-bot-using-dialogflow-in-kommunicate-1ac32911a7d0/