
lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr navigation et dolore magna aliqua.


George Apostolov

John Doe

Mark Dinn

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a0141243f01ed60a4efdc/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Inside the Agent editor, find and open the intent you want to edit.</li>
 <li>After that, scroll down to the Responses section and click 'Add Responses'.</li>
 <li>Pick 'Text Response' to proceed.</li>
 <li>Following that, type the anchor text and its corresponding link. Use the markdown format if your chatbot supports it. Otherwise, write in plain text.</li>
 <li>Once done, review your input and click 'Save'.</li>
 <li>After completing these steps, the hyperlink will be added to your Dialogflow intent. It will be displayed as one when the response is sent to the user.</li>
</ol>

How to Add a Hyperlink in Dialogflow

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a2cbda98365d086570100/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>On Dialogflow's main dashboard, find and open the intent you wish to use.</li>
 <li>Scroll down to the Responses section, then click 'Add Responses'.</li>
 <li>Subsequently, choose 'Custom Payload' from the list of options.</li>
 <li>Enter the code into the provided input field.</li>
 <li>Following that, edit the code and input the specific button details.</li>
 <li>Once done, click 'Save' to proceed.</li>
 <li>After completing these steps, the button will be added to the selected intent in Dialogflow.</li>
</ol>

How to Add Buttons in Dialogflow

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a300ed673bd5aa8e629eb/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Head over to the top-right corner and click 'Use Prebuilt Agents'.</li>
 <li>After that, select your preferred preset from the available choices.</li>
 <li>Tap 'Import As Agent' to proceed.</li>
 <li>Subsequently, fill out the input fields with the required information.</li>
 <li>Once done, click 'Create'.</li>
 <li>Finally, a chatbox will be created based on the selected Dialogflow CX prebuilt agent. Use the available options within the workspace to make your desired adjustments.</li>
</ol>

How to Build a Chatbot Using Dialogflow CX Prebuilt Agents

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a3371ab56e05a00fd79a6/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Go to the left-side panel and click 'Fulfillment'.</li>
 <li>After that, switch on the toggle button next to the 'Webhook' option.</li>
 <li>Paste the webhook URL into the given input field. Make sure that behind it has a fully configured and deployed server to work properly.</li>
 <li>Subsequently, provide the other required information, such as Basic Auth and Headers. Enter them into their respective input fields.</li>
 <li>Once done, review your input and click 'Save'.</li>
 <li>After completing these steps, your Dialogflow agent will be connected to the selected database.</li>
</ol>

How to Connect Dialogflow to a Database

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a3372ab56e05a00fd79b9/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Inside the agent editor, find and select the intent you want to edit.</li>
 <li>After that, scroll down to the Responses section and tap the 'Add' button.</li>
 <li>Pick 'Google Assistant' from the list of options.</li>
 <li>After completing these steps, your Dialogflow account will be integrated with Google Assistant. You can now set up the responses with the aid of this tool.</li>
</ol>

How to Connect Dialogflow to Google Assistant

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a3908ab56e05a00fdf3d8/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Under the Intents tab, click 'Create Intent' in the top-right corner.</li>
 <li>After that, tap the provided tabs individually and configure their respective settings based on your preference. Make sure that the Contexts, Events, Training Phrases, Actions and Parameters, Response, and Fulfillment are properly calibrated.</li>
 <li>Once done, review your input and click 'Save'.</li>
 <li>After completing these steps, the intent will be created instantly.</li>
</ol>

How to Create an Intent in Dialogflow

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a3d6cab56e05a00fe4eb9/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>On Dialogflow's main dashboard, head over to the left-side panel and click the 'Settings' icon next to the Agent name.</li>
 <li>Under the General tab, switch on the toggle button beside 'Enable Beta Features and API'.</li>
 <li>Once done, click 'Save' in the top-right corner.</li>
 <li>After completing these steps, the Dialogflow API integration will be enabled instantly.</li>
</ol>

How to Enable the Dialogflow API Integration

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a3f15ab56e05a00fe6f72/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Head over to the left-side panel and click 'Fulfillment'.</li>
 <li>After that, find the 'Inline Editor' tab and switch on the toggle button next to it.</li>
 <li>Finally, review each line of code and find the session ID from there. Most of the time, it is written along with the const value.</li>
</ol>

How to Get the Session ID in Dialogflow

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a421cab56e05a00feaa28/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Head over to the left-side panel, then click the 'Manage' tab.</li>
 <li>Select 'Integrations' from the list of options.</li>
 <li>Under the One-Click Telephony section, select the app you want to use and tap its corresponding 'Connect' button.</li>
 <li>Come up with a unique display name for the integration, then enter it into the provided input field.</li>
 <li>Subsequently, specify your preferred 'Environment' and 'Language'.</li>
 <li>Finally, click 'Add' and then log in to your account. Once connected, you can now configure the connection settings based on your preference.</li>
</ol>

How to Integrate Dialogflow CX with Telephony

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a421dab56e05a00feaa41/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>On the main dashboard of Dialogflow CX, go to the left-side panel and click the 'Manage' tab.</li>
 <li>Choose 'Webhooks' from the list of options.</li>
 <li>After that, click 'Create New'.</li>
 <li>Find the 'Disabled' option, then switch on the toggle button beside it.</li>
 <li>Subsequently, fill out the input fields with the required information related to the integration.</li>
 <li>Finally, click 'Save' to enable the integration between your Dialogflow CX account and webhook.</li>
</ol>

How to Integrate Dialogflow CX with Webhook

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a421eab56e05a00feaa54/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Go to the left-side panel, then click 'Integrations'.</li>
 <li>Under Text Based, find and select 'Web Demo' from the available choices.</li>
 <li>Tap 'Enable' afterwards to proceed.</li>
 <li>Finally, access the generated embed code and tap its corresponding 'Copy' button. Add this snippet to your website to activate the Dialogflow chatbot and use it for testing.</li>
</ol>

How to Integrate Dialogflow into a Website for Testing

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a421fab56e05a00feaa65/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Go to the left-side panel and click 'Integrations'.</li>
 <li>Under the Text Based section, find and select 'Dialogflow Messenger'.</li>
 <li>Tap the 'Copy' button next to the generated code. </li>
 <li>Finally, go to your React.js app and paste the code in public/index.html right before the end body tag.</li>
</ol>

How to Integrate Dialogflow Messenger with React.js

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4220ab56e05a00feaa7f/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>On Dialogflow's main dashboard, select the specific intent you want to use in the integration.</li>
 <li>Following that, scroll down to the Responses section and tap 'Add Responses'.</li>
 <li>Choose 'Custom Payload' from the list of options.</li>
 <li>Subsequently, enter the code snippet into the provided input field.</li>
 <li>Review the code and make certain changes accordingly.</li>
 <li>Once done, tap 'Save'.</li>
 <li>After completing these steps, the selected Dialogflow intent will be integrated with the calendar.</li>
</ol>

How to Integrate Dialogflow with Calendar

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4221ab56e05a00feaa96/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Head over to the left-side panel and click 'Fulfillment'.</li>
 <li>After that, find 'Webhook' and switch on the toggle button next to it.</li>
 <li>Prepare the webhook URL and enter it into the provided input field. Make sure that the webhook server behind this URL is fully configured and deployed.</li>
 <li>Once done, review your input and click 'Save'.</li>
 <li>After completing these steps, your Dialogflow agent will be integrated with email.</li>
</ol>

How to Integrate Dialogflow with Email

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4222ab56e05a00feaaab/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Head over to the left-side panel and click 'Integrations'.</li>
 <li>Choose 'Messenger From Facebook' from the available choices.</li>
 <li>After that, provide the necessary information, particularly the Verify Token and Page Access Token. Enter the details into their respective input fields.</li>
 <li>Subsequently, click the 'Enviroment' menu and select one from the given choices.</li>
 <li>Finally, click 'Start' to enable the integration between your Dialogflow agent and Facebook Messenger account.</li>
</ol>

How to Integrate Dialogflow with Facebook Messenger

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4223ab56e05a00feaac3/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Head over to the left-side panel and click 'Integrations'.</li>
 <li>After that, choose 'Slack' from the available options.</li>
 <li>Provide the necessary details related to the integration. Enter the Slack Client ID, Slack Client Secret, Slack Verification Token, and Success Page into their respective input fields.</li>
 <li>Subsequently, tick the checkbox beside the workflow permissions you wish to enable.</li>
 <li>Find the provided OAuth URL and Events Request URL, then click their corresponding 'Copy' icon. Paste these two details into the App Settings of your Slack account.</li>
 <li>Finally, click 'Start' to enable the integration between your Slack and Dialogflow accounts.</li>
</ol>

How to Integrate Dialogflow with Slack

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4224ab56e05a00feaae0/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>On Dialogflow's main dashboard, find and open the specific intent you wish to use.</li>
 <li>After that, go to the Responses section and click 'Add Responses'.</li>
 <li>Choose 'Custom Payload' from the list of options.</li>
 <li>Subsequently, enter the snippet code into the provided input field.</li>
 <li>Review the code, then make certain changes accordingly.</li>
 <li>Once done, click 'Save'</li>
 <li>After completing these steps, the selected intent will be integrated with Teams.</li>
</ol>

How to Integrate Dialogflow with Teams

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4225ab56e05a00feaafc/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>On Dialogflow's main dashboard, select the intent you want to use for the WhatsApp integration.</li>
 <li>After that, scroll down to the Responses section and click 'Add Response'.</li>
 <li>Choose 'Custom Payload' from the list of options.</li>
 <li>Subsequently, enter the snippet code into the provided input field.</li>
 <li>Review the code and provide the necessary details, particularly the Type, Text, and URL. For the URL, enter your WhatsApp link.</li>
 <li>Once done, click 'Save'.</li>
 <li>After completing these steps, the selected Dialogflow intent will be integrated with WhatsApp.</li>
</ol>

How to Integrate Dialogflow with WhatsApp

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4645ab56e05a00ff0c2b/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Go to the left-side panel and click 'Integrations'.</li>
 <li>Under Text Based, find 'Messenger' and click its corresponding 'Connect' button.</li>
 <li>Provide the necessary details to establish the connection between Dialogflow and Facebook Messenger. Enter them one by one into their respective input fields.</li>
 <li>Once done, click 'Start' to proceed.</li>
 <li>After completing these steps, your Dialogflow CX chatbot will be integrated with Facebook Messenger.</li>
</ol>

How to Integrate the Dialogflow CX Chatbot with Facebook Messenger

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4646ab56e05a00ff0c3d/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>On the main dashboard of the agent you wish to integrate, go to the left-side panel and click 'Integrations'.</li>
 <li>After that, choose 'Dialogflow Messenger' from the available choices.</li>
 <li>Select the environment you wish to use, then click 'Enable'.</li>
 <li>Finally, find the provided code and tap its corresponding 'Copy' icon. Paste the code into the header section of your website to integrate the selected Dialogflow agent.</li>
</ol>

How to Integrate the Dialogflow Messenger with Websites

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a49d8ab56e05a00ff4d05/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Inside the Dialogflow agent set as a mega agent, head over to the left-side panel and click 'Sub Agents'.</li>
 <li>After that, click 'Add the First One'.</li>
 <li>Tap the 'Regular Agent' menu under the Sub Agent column.</li>
 <li>Subsequently, select the first agent you wish to merge.</li>
 <li>Tap 'Add Sub Agent' to proceed.</li>
 <li>Following that, repeat the same series of steps to add the other agents you wish to merge.</li>
 <li>Once done, click 'Save'.</li>
 <li>After completing these steps, the selected Dialogflow agents will be merged accordingly.</li>
</ol>

How to Merge Dialogflow Agents

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4e65ab56e05a00ffa46c/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Go to the left-side panel, and click the 'Settings' icon next to the agent you wish to share.</li>
 <li>After that, tap the 'Share' tab to proceed.</li>
 <li>Scroll down to the Invite New People section, then provide the email address of the user to whom you want to share your agent. Type it into the provided input field.</li>
 <li>Subsequently, tap its corresponding drop-down menu.</li>
 <li>Select the specific access you want to set.</li>
 <li>Once done, click 'Add'.</li>
 <li>After completing these steps, the selected Dialogflow agent will be shared with the intended user.</li>
</ol>

How to Share a Dialogflow Agent

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4fc7ab56e05a00ffc317/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Inside the Agent's main dashboard, go to the left-side panel and click 'Training'.</li>
 <li>After that, click 'Upload' in the top-right corner.</li>
 <li>Tap 'Choose File' and then select the TXT file that contains the information you want to input into your chatbot.</li>
 <li>After completing these steps, a new set of data will be added to the knowledge base of your Dialogflow chatbot.</li>
</ol>

How to Train the Dialogflow Chatbot

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a5154ab56e05a00ffe0ab/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>Inside the main dashboard of your Dialogflow agent, find and open the intent you want to edit.</li>
 <li>After that, click the 'Context' tab.</li>
 <li>Come up with a unique input context you wish to use, then enter it into the provided input field.</li>
 <li>Subsequently, do the same thing for the output context.</li>
 <li>Once done, click 'Save' in the top-right corner to apply the changes.</li>
 <li>After completing these steps, the newly added context will be used and enabled accordingly.</li>
</ol>

How to Use Context in Dialogflow

<LiveDemoIframe src={"https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a5168ab56e05a00ffe26d/preview?step=1&embed"}/>

 
<h2>Guide</h2>

<ol>
 <li>On Agent's main dashboard, click 'Create Intent'.</li>
 <li>After that, come up with a unique intent name and type it into the provided input field.</li>
 <li>Configure the tabs one by one, particularly the Contexts, Events, Training Phrases, Action and Parameters, Responses, and Fulfilment.</li>
 <li>Once done, click 'Save'.</li>
 <li>After completing these steps, the intent will be added to your Dialogflow agent. Repeat the same series of steps until all intents have been added and your chatbot learns more responses.</li>
</ol>

LIVEDEMO

Showing tutorials from dialogflow category

Tutorials