ankgitk / df-btn

πŸ’¬ Dialogflow ChatBot

Home Page:https://ankgitk.github.io/df-btn/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

DF Button

Dialogflow on any website

Add your Dialogflow Agent / Actions on Google to any website!

  • No dependencies, no tracking, no vurnabilities
  • Hosted on CDN
  • Powered by open-source project (Dialogflow for Web)
  • Free & open-source (licensed under MIT)

See a demo

New in this version

Dialogflow Floating Chat

  • πŸŽ‰ Dark mode
  • πŸŽ‰ Updated UI for mobile and accessibility
  • πŸŽ‰ Better code and overall perfomance (60 FPS)

Installation

  1. Link your agent to Dialogflow Gateway Hosted
  2. Add the script in your HTML (also see index.html):
<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>
  1. Configure. Properties you can change:
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
  1. (Optionally) grab the source code and make it truly yours!

Thank you!

About

πŸ’¬ Dialogflow ChatBot

https://ankgitk.github.io/df-btn/

License:MIT License


Languages

Language:JavaScript 95.8%Language:HTML 4.2%