How to Connect ManyChat to Dialogflow in 2022 (No Coding Required)

In this video, I will explain how you can connect ManyChat to DialogFlow so you can use Google AI's in your ManyChat chatbot.
With this integration, you can:
- Understand the intent of the user and reply with a ManyChat Flow
- Handle entities and use the value of entities in your ManyChat flow
- Handle multiple languages inside your ManyChat chatbot by using DialogFlow
-And use Dialogflow on every channel of your ManyChat chatbot

The best part: I provide you with $100 for the first 60 days for Digital Ocean (which means it is free for the first two months)! After that, this will only cost you $5 per month and you have complete control over it.

If you want more videos on how you can use chatbots in your marketing, subscribe to my channel👇

--

First, you need to copy the code from my Github account to your Github account:
1. Log in to Github
2. Go to Repositories → New
3. Fill in the repository name and set it on "Private"
5. And then click on "Begin Import"

--

Put code on Digital Ocean

1. Sign up for Digital Ocean
2. Click on "Create" and then on "Apps"
3. Link your Github account to Digital Ocean
4. Choose the right repository and click on "Next" (2 times)
5. Select the Basic plan
6. Set the Basic size to $5/mo and click on "Launch"

---

Create your own ManyChat application

After we've copied the code from Github, we need to create our own ManyChat application:
Go to "My Profile" in ManyChat
Select "Applications"
Click on "Create new application"
Give the app a name and description
Go to the "API Access" tab and give access for 3 permissions: View Contact Data, Manage Contact Data & Send Messages
Click on Create application

---

Install application

Under your applications, you can now click on the right dots and click on "Install"
Select the right ManyChat page you want to install the app on
Fill in the information for the app

--

Set up Default Reply in ManyChat
1. Go to ManyChat, click on "Settings"
2. There, select "Messenger" and click on "Edit" (next to the Default Reply)
3. Add the "Dialogflow Connector" action to your flow
Select the right language in the popup box

Create Response Flow in ManyChat

In ManyChat you can just create a random flow and you need to copy "content_12345678" to your clipboard.

---

Create Intent in DF with response in ManyChat

Then in DialogFlow, you can just add an intent to your agent, for example, "Order pizza"
After that, you need to set the Response to Custom Payload with {"flow":"content_12345678"}

NOTE: Use double parentheses in the custom payload, single parentheses will not work!

---

Handle entities in DF and send to ManyChat

You can just create an entity, such as "topping".
Then in ManyChat, you need to create a custom field with the same name (in this case "topping").
Next, you can create a condition at the beginning of your flow to handle the different entities.

---

Understand multiple languages with DialogFlow and ManyChat

If you want to understand multiple languages with DialogFlow and ManyChat, you first need to go to DialogFlow and add an additional language (under Settings).
Then, in ManyChat, you need to change the Default Reply and set the Language in the Action to a different language (for example: Dutch).

--

Use this integration on more channels
If you want to use this integration on more channels, you need to do two things:
Add the Dialogflow Connector action to the Default Reply of the new channel
Add a condition to your response flow with "Opted-in for Instagram is true" -➝ Send Instagram Message. Otherwise, Send Facebook messages.
This works the same on other channels, such as WhatsApp and Telegram.

Contents:
Intro: (00:00)
Difference with last year: (00:52)
Copy code from Github: (01:53)
Host code on Digital Ocean: (03:45)
Create ManyChat application: (07:15)
Install ManyChat application: (08:32)
Create Default Reply in ManyChat: (10:33)
Create Response Flow in ManyChat: (12:34)
Create Intent in DF with response in ManyChat: (13:25)
Handle entities in DF and send to ManyChat: (14:50)
Understand multiple languages with DialogFlow and ManyChat: (17:24)
Use this integration on all ManyChat channels: (20:38)

[Federal.Associados]

If it were possible, I would send 1, 000 likes to this video! I've been looking for something like this for days, I'm from Brazil and it worked perfectly! I'm not good with English, so I left the entire video in subtitles and I was able to follow along easily. Your explanation is excellent.

[waqarasim]

Hey Joren amazing video, ive been enjoying your channel alot recently, is it possible to set the intent as a custom field in any way!

[mrdh]

Thanks
Do this called User interactions with the API, or Fulfillment for integrations?

[attilavaraljai]

Hi Joren,

I loved this tutorial It was really cool, informative and clear. Two+1 things i'd like to know:

1. this setup (DigitalOcean + DF) would work for multiple MC account (and of course) +DF agents?
As far as I remember from this stuff I'll need to set up in the MC integration process the Github + DF ID-s - so it seems to me it would work for that usecase.
Am I right?
2. You described the Digital Ocean set up at 5$/month - but behind this setting might be a higher cost based on the traffic? So if I set up exactly on the same way as you teached it I'll can count with 5$/month?

Or: just should study th "Pricing" page regarding the "Basic" option and its extensions?

+1: the way you described here exactly the same what Janis do? (I'm sure you know it as well) The question is: when the DF agent triggered it can be response by the DF (if you set up responses in the DF itself) using even the entites and the follow up contexts as well. And only at the end this "micro conversation" will be led the user back into the MC via a flow.

So can I do this on thte same way with DigitalOcean?


Thx
Attila

[adventuresinphysics]

The API in the codebase that sends over text responses from dialogflow is broken. I sent an email about this but no response yet

[EaglesNestAtitlan]

Hey Joren,

Thanks so much for your formidable video! I've performed the installation. My big challenge now is accessing the parameters that dialogflow creates. For example, I'm using the Knowledge section to upload a Frequently Asked Questions spreadsheet. It seems by default the answers are sent as a Text Response under a parameter called $Knowledge.Answer[1]

For some reason this does not get received on manychat. I'm right now are working on a WhatsApp channel i've integreated on manychat.

However, I've already created a custome payload accessing a custom flow. What I need to do is be able to access the answer that dialogflow produced in the paramter $Knowledge.Answer[1]. Thats the bit I'm stuck on within manychat.

Thanks for your time. And by extention, it would be great to get a step by step instruction of how to access any data produced/populated within Entities I have setup on dialogflow

[adventuresinphysics]

There's an issue. For some reason, I am seeing bad request status code 400 in my logs in manychat. Could you attend to this ASAP. I know it simply means the FLASK application is not receiving request in the right format, but what may be causing this? Kindly assist

[oalfonzo]

Hi Joren!

Do I have any way to test the connection between Manychat and Dialogflow?
I did all the steps but I am not getting the response from the Bot.

[mihaiigna]

Hello!

I saw that you didn’t use any other phrases instead the ones that you have choose in the Dialogflow training phrase. My question is: Does it work if the customer types a similar question or request containing those/similar words or same rearranged words?

Otherwise there is no point using this integration, and we could use keyword inside of ManyChat. Am I right?

Thank you!

[Max-ytby]

Can you use have a normal manychat flow from the start keyword and then purposely transit into a dialogflow session ( which is able to answer context, meaning asking the user 2 questions at least) and then exiting and carrying on to the rest of the manychat flow? So an example of the questions with context could be do you want a drink? Then the user says no. Then the bot will ask do you want food? Then the user says no. Then the bot ask do you want to eat here or take away. And then the user says no. Then the rest of the flow continues.

This question is important to me because I already have a manychat flow but I want to give the user a “short session” with dialogflow in the middle of my manychat flow and once dialogflow has answered at least a question to completion the user then exits the “short session” and carry on with the rest of the flow.

May I also check how do you know which channels can work with the dialogflow and manychat integration. I tried searching the web but I cant find any info in this. Like how do you know that whatsapp and instagram can work based on your 2023 blog article on your website about the integration of dialogflow with manychat.

Thanks for reading my long post joren! Great video! Also I appreciate you trying your best to answer everyone question, it is definitely taking alot of effort to do that.

[houssameddine]

hey Joren,

i don't receive 100 dollars, how i can activate ?

thanks

[houssameddine]

hey joren,

I tried to set dialogflow as defaut reply on instagram and telegram, but when the user writes something, the bot doesn't respond

how can i fix this error

thank you

[ketoanviethung]

I can't connect Manychat to Dialogflow CX
I Connect Dialogflow ES works fine

[axecapital]

Hi, is it possible to let user choose before start of the conversation if they prefer to open chat(continue) in messanger or WhatsApp mobile app?

[kluxz.]

Can I do the same for WhatsApp. WhatsApp on Manychat with DialogFlow intent?

[lalit_raghav]

Does it work for IG? I tried implementing it & it worked for messenger but now IG