DF Button

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

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="400px"
    height="600px"
    openText="Chat"
    closeText="Close"
    logo="assets/logo.svg"
    background="#FEFFFF"
    backgroundDark="#171717"
    logoDark="assets/logo_dark.svg">
</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
background - background color
backgroundDark - background color (in dark)
logo - custom logotype
logoDark - custom logotype (in dark)

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