Guia de início rápido: interações com uma integração
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Com uma integração, as interações do usuário final são processadas para você.
Você só precisa criar um agente, implementar o fullfillment e configurar a integração.
Este guia mostra como usar a integração da Demonstração da Web do Dialogflow para fornecer uma interface de usuário simples de chat para seu agente.
Antes de começar
Se você não planeja usar uma integração, pule este guia de início rápido.
Clique em Integrações no menu da barra lateral à esquerda.
Ative a integração Demonstração da Web.
Depois de ativada, uma janela de diálogo exibirá o seguinte:
Um URL que direciona para uma página da Web em que a integração está hospedada.
Um link para as configurações do agente, com a possibilidade de ser usado para personalizar alguns aspectos da página da Web.
O código HTML para incorporar seu agente em seu site.
Interaja com seu agente
Abra a página da Web do agente usando o link fornecido.
Esta página fornece uma interface de bate-papo por texto.
Digite What's your name? e pressione Enter.
O agente responde com a resposta que você configurou nos guias de início rápido.
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Difícil de entender","hardToUnderstand","thumb-down"],["Informações incorretas ou exemplo de código","incorrectInformationOrSampleCode","thumb-down"],["Não contém as informações/amostras de que eu preciso","missingTheInformationSamplesINeed","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 2025-08-18 UTC."],[[["\u003cp\u003eThis guide explains how to use the Dialogflow Web Demo integration to create a text chat interface for your agent.\u003c/p\u003e\n"],["\u003cp\u003eUsing an integration such as the Dialogflow Web Demo handles end-user interactions, allowing you to focus on building the agent and implementing fulfillment.\u003c/p\u003e\n"],["\u003cp\u003eBefore using this guide, you should have completed the Dialogflow basics, setup steps, and the "Build an agent" quickstart guide.\u003c/p\u003e\n"],["\u003cp\u003eYou can enable the Web Demo integration via the Integrations section of the Dialogflow ES console, and it provides a URL and embeddable HTML code.\u003c/p\u003e\n"],["\u003cp\u003eOnce enabled, the Web Demo integration allows you to interact with your agent through a simple text chat interface on a provided web page.\u003c/p\u003e\n"]]],[],null,["# Quickstart: Interactions with an integration\n\nWith an\n[integration](/dialogflow/docs/integrations),\nend-user interactions are handled for you.\nYou just need to build an agent, implement fulfillment,\nand configure the integration.\n\nThis guide shows you how to use the\n[Dialogflow Web Demo](/dialogflow/docs/integrations/web-demo)\nintegration to provide a simple text chat user interface\nfor your agent.\n\nBefore you begin\n----------------\n\nIf you don't plan on using an integration,\nyou can skip this quickstart.\n\nYou should do the following before reading this guide:\n\n1. Read [Dialogflow basics](/dialogflow/docs/basics).\n2. Perform [setup steps](/dialogflow/docs/quick/setup).\n3. Perform steps in the [Build an agent](/dialogflow/docs/quick/build-agent) quickstart guide. Steps below continue working on the agent you started in that guide. If you no longer have that agent, you can download [`build-agent-quickstart.zip`](/static/dialogflow/es/docs/data/build-agent-quickstart.zip) and [import the file](/dialogflow/docs/agents-settings#export).\n\nEnable the integration\n----------------------\n\nTo enable the integration:\n\n1. Go to the [Dialogflow ES console](https://dialogflow.cloud.google.com).\n2. Select your agent.\n3. Click **Integrations** in the left sidebar menu\n4. Enable the **Web Demo** integration.\n\nOnce enabled, a dialog window provides the following:\n\n- A URL to a web page where the integration is hosted.\n- A link to agent settings, which can be used to customize some aspects of the web page.\n- HTML code to embed your agent in your website.\n\nInteract with your agent\n------------------------\n\nOpen the agent's web page using the provided link.\nThis page provides a text chat interface.\nType `What's your name?` and press enter.\nThe agent responds with the response you configured in prior quickstarts."]]