Ever wondered, how to add simple, yet convenient, customisable chat to your website, powered by Dialogflow? It’s easy! Try it out live
- Link your agent to Dialogflow Gateway Hosted
- 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