Is this article helpful?

We love to hear from you!

Table of Contents

Dialogflow: Connecting to Dialogflow

xander Updated by xander

To help you better understand the integration between DialogFlow and respond.io, you may read the following blog posts:
How to Build a Chatbot with Dialogflow
How to Use respond.io as a Dialogflow CRM

Connecting Dialogflow to respond.io is simple as you will only need to retrieve a JSON file from Dialogflow and upload it to respond.io platform.

Video Tutorial

This video guide will take you through generating and retrieving the Google Service Account Key (a JSON file) from your Dialogflow Agent and uploading it respond.io platform.

Setting Up Dialogflow

Prior to generating the Google Service Account Key, you will need to have a Google account to sign into Dialogflow.

In order to set up Dialogflow, we will need to do the following:

You may skip the step and proceed to the next if you have already performed it.

Getting a Dialogflow Account

Step 1: Navigate to this page and proceed to login with your Google account.

screenshot of dialogflow login page

Step 2: Review the terms and check the box. Click Accept to proceed.

screenshot of Dialogflow review account settings popup
You have now created your Dialogflow account and you can proceed to the next step, Creating a Dialog Agent.

Creating a Dialogflow Agent

In Dialogflow, there is a module named Agent that acts as the brain of your bot. This component will help your bot understand and classify human languages.

Step 1: Once you have logged in, click the dropdown arrow and click Create new agent at the side navigation menu.

screenshot showing how to create an agent in Dialogflow

Step 2: Give the agent a name for internal reference. Make any necessary changes to the default settings.

how to connect and name your Dialogflow agent

Fields

Description

Name

For identification purposes. This name will be used for internal reference only.

Language

The language to be used for Dialogflow's natural language processes. Choose the language of your target audience.

Timezone

The timezone to be adopted for analytics purposes on Dialogflow.

Note that a new Google Cloud Project will be automatically created to the Dialogflow Agent when created. The Google Cloud Project will be used to connect Dialogflow to respond.io.

Step 3: When you are ready, click CREATE to create the agent.

Now, the Dialogflow Agent is created and you can proceed to connect Dialogflow to respond.io.

Connecting to Dialogflow

Connecting Dialogflow to the respond.io platform is simple as you will only need to retrieve a JSON file from Dialogflow and upload it to the respond.io platform.

Step 1: Login using your Google account that is associated with Dialogflow.

Step 2: Navigate to the Settings module by clicking the ⚙ icon beside the Agents dropdown menu.

screenshot showing the Dialogflow agent settings

Step 3: In the General tab, click the link in the Service Account to view the associated Google Project.

screenshot showing how to navigate to the associated Google Project in Dialogflow

Step 4: With the Google Project open, click Go to project setting.

screenshot showing Google Project screen and Go to project setting option

Step 5: In the IAM & Admin menu > Select Service Accounts

gif showing how to select Service Account

Step 6: In the Service Account Details screen, name the Service Account and click CREATE AND CONTINUE

screenshot showing the Service Account Details screen

Step 7: Assign the Dialogflow API Client role to the service account > click CONTINUE

screenshot showing how to assign the Dialogflow API Client role to the service account

Step 8: The Grant users access to this service account step is optional.

Step 9: Click DONE

Step 10: Locate the previously created Service Account and select Manage Key from the actions menu.

screenshot showing the select Manage Key option from the actions menu.

Step 11: In the Keys screen, click ADD KEY > Create new key and select JSON when prompted which format of key is preferred > click CREATE

screenshot showing the Create new key screen
The JSON file will be automatically downloaded to your computer's Downloads folder.
screenshot showing where the JSON file will be automatically downloaded

Step 12: Log in to respond.io with your user account and navigate to Settings > Integrations

screenshot showing Dialogflow on the platform

Step 13: From the list, search for Dialogflow and click Connect.

Step 14: Select the language of your target audience and upload the JSON file downloaded from Step 11.

screenshot showing the Dialogflow integration screen on the platform

Step 15: Click Connect to connect the Dialogflow Agent to the platform.

Your Dialogflow Agent is now connected to the respond.io platform. The Agent will start to respond to any incoming messages.
Having trouble with connecting to Dialogflow? Contact us here.

Dialogflow Multilingual Agent

When creating an agent in Dialogflow, the language you choose is set as the default language. With the Multilingual Agent feature your agent can now support additional languages.

How Dialogflow Multilingual Agent works in respond.io

The Language Field in the contact’s details on the respond.io platform is used in the request sent to Dialogflow. When a request is sent to Dialogflow, the contact's language will be included and Dialogflow will resolve and respond according to the language value.

Example: If the Contact's Language Field is English, the platform will request an en response and if the Language Field is Spanish the platform will request the es response.

Learn more about Multilingual Agents here.
For this to work, you will first need to create a Multilingual Agent in your Dialogflow account.

How to Create a Multilingual Agent

To create a Multilingual Agent, follow the steps below.

Step 1: In the left sidebar menu, click the + button to add another language.

screenshot showing the Dialogflow add language option

Step 2: In the Languages tab click Select Additional Language and select an additional language from the dropdown menu.

screenshot showing the Select Additional Language option

Step 3: To add language localization for a specific region, hover over the language and click + Add locale.

screenshot showing the add localization language option
Locale-specific languages are languages that are specific to a region or a country.

Step 4: Click SAVE

The Language Field on the platform must be filled for the Dialogflow Multilingual Agent to work. Learn more about Contact Fields here.

What's next?

The interaction between Dialogflow Agent and Contact is managed by intents. In summary, intents are used to describe the expected behavior for one conversation turn based on the prescribed incoming behavior.

Read more on how to manage intents:

Feeling stuck? Do not fear.

Need assistance? Contact us for support. Help is here!

Dialogflow Overview

Dialogflow: Creating a Chatbot

Can't find what you're looking for?

Talk to an expert here!

Contact Us
© 2023 Respond.io.
Powered by HelpDocs (opens in a new tab)

Powered by HelpDocs (opens in a new tab)