Dialogflow chat on any website

Ushakov
1 min readOct 14, 2019

Ever wondered, how to add simple, yet convenient, customisable chat to your website, powered by Dialogflow? It’s easy! Try it out live

  1. Link your agent to Dialogflow Gateway Hosted
  2. Add this code-snippet to your page:
<script
src="https://cdn.jsdelivr.net/gh/mishushakov/df-btn/df-btn.min.js"
id="df-btn"
project="dialogflow-web-v2"
width="320px"
height="500px"
openText="Chat"
closeText="Close">
</script>

3. Configure the properties in your snippet to match your preferences:

project - your project id on Dialogflow Gateway Hosted
width - modal width (100% on mobile)
height - modal height (100% on mobile)
openText - button text to open chat
closeText - button text to close chat

4. (Optionally) grab the source code and make it truly yours!

That’s it, here you have it!
Free, no-hassle, mobile and accessible Dialogflow Chatbot on any website
Like i promised ;)

Thank you

--

--

Ushakov

Doing something nobody did before and solving problems, that are truly important, but had yet to be resolved