Integrate dialogflow with website widget ui

Question

I want to integrate the dialogflow bot I made to a website and change the logo and make it show up when a button is clicked and stay floating I tried looking the source code of the webdemo and copy pasted it to my website and edited the img src but didnt work any solutions?

score 1 · Accepted Answer · answered Jun 27 '19 at 02:33

You can use kommunicate.io Web API for using your dialogflow app in your website.

You just need to add your kommunicate credentials(APP_ID) in the JavaScript code of your web page to display a widget as you want.

<script type="text/javascript">
(function(d, m){

/*---------------- Kommunicate settings start ----------------*/

 var kommunicateSettings = {
  "appId": "<APP_ID>",
  "conversationTitle":"<CONVERSATION_TITLE>",
  "automaticChatOpenOnNavigation": true,
  "popupWidget": true
  /*
  "onInit": function (){
    // paste your code here
  },
    "botIds":["<BOT_ID_1>","<BOT_ID_2>"]
  */
  };

/*----------------- Kommunicate settings end ------------------*/

 var s = document.createElement("script");
  s.type = "text/javascript";
  s.async = true;
  s.src = "https://widget.kommunicate.io/v2/kommunicate.app";
  var h = document.getElementsByTagName("head")[0];
  h.appendChild(s);
  window.kommunicate = m;
  m._globals = kommunicateSettings;
})(document, window.kommunicate || {});

Use this guide to integrate Dialogflow.

Hope this helps.

i think OP wants to add webdemo widget to his own website not kommunicate widget. — sid8491, Jun 27 '19 at 05:13
Yeah I need something to use coding in it not using paid service actually — bahaa, Jul 02 '19 at 22:12

Federico Schiocchet · Answer 2 · 2020-05-07T19:41:11.247

You can use https://board.support/. You just need to click the sync button into the admin area, generate the Refresh Token, and insert the Project ID, after that the Dialogflow bot will start answering the users' questions.

Check this page for more details: https://board.support/dialogflow. Docs at: https://board.support/docs#dialogflow

To display the chat you will need to insert a link to a js file:

<script src="supportboard/js/init.js"></script>

Server requirements: PHP 7.2+ and MySQL

Disclaimer: I work for Support Board

Integrate dialogflow with website widget ui

2 Answers2