I'm using word 'flutter' in various combinations. Training phrases will include words or sentence(s) which you think user could use to invoke conversation. This is the very first intent presented to user at the beginning of conversation. I'll be using default welcome intent for this tutorial. I'll choosing my existing google cloud project named - 'flutter-to-fly'. Navigate to Google Cloud Console to create a new project, if you don't have a project yet. Create agent by clicking on 'Create Agent' button as shown in image below:.

To adapt our existing landing page app to this new conversational style, we'll be taking following steps: Whenever user type sentence or word consisting 'Flutter' in it, our 'Flutter Facts Bot' will present user a fact about Flutter :) Simple ! Clicking on this chat icon, will take user to a chat like screen. We'll add a chat icon on our landing page. We'll keep it to a fun app for demonstration purposes. In this article, I'll show you how we can integrate DialogFlow in a Flutter app for enriched conversational experience. Using Flutter Themes for Cross-platform Landing Page (Web-Hummingbird, Android, iOS)Ĭheckout the companion video: Introduction.

Making Cross-platform Flutter Landing Page Responsive.

Designing Cross platform Flutter prototype for Landing Page.

We'll be integrating DialogFlow conversational API in native Flutter App. I'll use the sample app that we built earlier in my previous article Designing Cross platform Flutter prototype for Landing Page (Web-Hummingbird, Android, iOS). In this article, we'll learn to integrate DialogFlow in a Flutter app for enriched conversational experience.

Adding comments in techlog