Embed chat widget into your website | BotFlo

Autoplay
Autocomplete

Previous Lesson Complete and Continue

Dialogflow Messenger Example Bots

Embed Dialogflow Messenger into your website

Embed chat widget into your website (6:50)
Have your bot initiate conversation (4:37)
Multiple messages per conversation turn (2:40)

HTML and CSS customizations

HTML customizations - required attributes (4:04)
HTML customizations - optional attributes (6:26)
Intent attribute (3:48)
Intent attribute scenarios (8:50)
Session ID Attribute Part 1 (8:00)
Session ID Attribute Part 2 (3:28)
User ID Attribute (2:24)
CSS customizations (2:28)

Rich Responses

Description type (3:06)
Info Type (6:47)
Button Type (6:54)
Image Type (2:31)
Suggestion Chip Type (8:43)
List Type (8:40)
Accordion Type (11:27)
Agent ZIP file

Selection Triggers Next Intent

Demo (2:31)
Flowchart (2:43)
Intents (3:43)
Agent ZIP file
Mindomo map

Decision Tree Bot

Demo (2:11)
Flowchart (8:40)
Intents (5:44)
Decision Tree Agent ZIP file
Decision Tree Mindomo map

Checklist Bot

Demo (4:02)
Flowchart (2:00)
Intents (7:02)
Checklist Agent ZIP file
Checklist Mindomo map

Interactive Learning Bot

Demo (2:20)
Flowchart (2:24)
Intents (3:10)
Interactive Learning Agent ZIP file
Interactive Learning Mindomo map

Rich responses from Dialogflow Webhook

Python Webhook Tutorial (3:32)
Understanding the Custom Payload Part 1 (3:30)
Understanding the Custom Payload Part 2 (11:09)
Understanding the Custom Payload Part 3 (5:29)
Trigger the static response (1:11)
Get response object from history (5:06)
Send rich response from webhook (4:24)
Sample JSON

Custom Payload Apps for Dialogflow Messenger

Description Payload Generator
Suggestion Chips Payload Generator Demo
Suggestion Chips Payload Generator
Clickable Hyperlink Payload Generator
Infocard Payload Generator
List Payload Generator
Sample Payloads for all Rich Responses
Browse all payloads in your Dialogflow Messenger Bot

Teach online with

Embed chat widget into your website

Complete and Continue