Add Dialogflow Bot to WordPress - header

The chatbots are cropping up and gaining popularity everywhere. It’s also commonplace for chatbots to appear on websites, instead of a user attempting to search your website to find what they need, they can just engage in directions conversation with your chatbot. In this post, we will learn how to add dialogflow bot to WordPress websites with the help of Kommunicate.

There are two stages one needs to follow to add dialogflow bot to WordPress websites. We will go through them in detail below. We will use Kommunicate’s chat widget and Dialogflow bot in this article. Both these tools are free to try.

Stage 1: Integrate dialogflow bot with Kommunicate

Here is the step by step video for integrating Dialogflow bot with Kommunicate. I have also mentioned the steps below.

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

Add Dialogflow Bot to WordPress - Kommunicate bots

Get your Dialogflow API Credentials

After clicking, a setting popup box will open. You will be asked for Dialogflow credentials. By logging into your Dialogflow console, you can obtain these.

Click on the Settings icon (gear icon on the left panel) and choose V2 API as the preferred API version. Save your settings, and follow the setup instructions.

  • 1. Login to Dialogflow console.
  • 2. Select your Agent from the dropdown in the left panel.
  • 3. Click on the setting button. It will open a setting page for the agent.
  • 4. Inside the general tab search for GOOGLE PROJECTS and click on your service account.
  • 5. After getting redirected to your SERVICE ACCOUNT, create a key in JSON format for your project from the actions section and it will get automatically downloaded.
  • 6. Now upload the key file.

Integrate Dialogflow Bot into Kommunicate

Go back to Dialogflow settings screen of Kommunicate, enter your credentials, then click on next to save and progress. You’ll be able to give your bot a name in the user profile section that follows. Your customers will see that name whenever the bot interacts with them.

Save, and move to the next steps to complete the setup.

You can check your newly created bot here in the Dashboard →Bot Integration → Manage Bots section.

Stage 2: Integrate Kommunicate with WordPress

Log in to your WordPress dashboard and click on Plugins from the left navigation panel. Then click on Add New button.

Search for “Insert Header and Footers” plugin. On the search results page, you’ll see many options. Locate the “Insert Headers and Footer’s” plug-in and click the Install Now button. Please make sure you Activate the plugin to make use of it.

Now, click Settings from the left-hand navigation menu. From the Settings menu, select Insert Headers and Footers. This will open a console for entering headers and footers.

Add Dialogflow Bot to WordPress - headers and footers

Add the Kommunicate Script

Here you have to paster your Kommunicate script. You will get the same in the Kommunicate dashboard -> Settings -> Install. Insert the copied script in the Script in Footer section of the Header and Footer console. Save the changes.

Add Dialogflow Bot to WordPress - kommunicate script

And that’s it. You have completed the integration. Open the website and check out the chat widget and play around with your bot. You will find it in the bottom-right corner. Now your website visitors can chat effortlessly chat with you. You can manage the conversations and appearance from the Kommunicate dashboard.

Wrapping Up

Adding live chat to your WordPress websites is as simple as it gets and requires no coding skills or technical expertise. Use the live chat and bots to connect quickly with visitors to your website and with customers.

At Kommunicate, we are envisioning a world-beating customer support solution to empower the new era of customer support. We would love to have you on board to have a first-hand experience of Kommunicate. You can signup here and start delighting your customers right away.


Harish is a customer success champion at Kommunicate.

Write A Comment