how to integrate dialogflow messanger in my outsystems application

hi all , 

So i'm new to outsystems and to web developing and i need to integrate dialogflow messanger to my simple one screen application . i know there is a connector but i don't know how to use it . and when i made my reachers on the web i found that to add the dialogflow messanger there is a code that needs to be added .

the code :

<script src="https://www.gstatic.com/dialogflow-console/fast/messenger/bootstrap.js?v=1"></script>
<df-messenger
  chat-title="Health-agent"
  agent-id="a90ce822-8d8f-4109-b1d1-ebf88d7683b7"
  language-code="en"
></df-messenger>

So if someone could help me i would be thankful for him .

best regards .

Hi Sana,

Below are the steps -

1. Create On Ready event in screen.

2. Add below Javascript in ready event.

var scriptNode = document.createElement('script');

scriptNode.src='https://www.gstatic.com/dialogflow-console/fast/messenger/bootstrap.js?v=1';

document.head.appendChild(scriptNode);


3. On screen create df-messenger html tag using HTML Element widget.


4. Messenger available on browser.

thank you vinod you saved me :) 

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.