{"section":"tutorials","requestedLocale":"pt","requestedSlug":"como-criar-um-canal-web","locale":"pt","slug":"como-criar-um-canal-web","path":"docs/pt/tutorials/weni-by-vtex/integrações/como-criar-um-canal-web.md","branch":"main","content":"Ao integrar o canal, você consegue customizar aspectos do Web Chat como: cor, tempo de espaçamento entre mensagens, indicadores de mensagem, avatar e muito mais! Assim, garantindo tudo que a Weni Plataforma tem a oferecer com a cara da sua marca. Logo abaixo iremos te mostrar o passo a passo para realizar a integração.\n\n## Instruções\n\n1. Para integrar seu chatbot a um canal web, primeiramente você precisa entrar na organização que está localizado o projeto, para que então possamos integrar o canal.\n2. Localize o projeto que você deseja integrar.\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/weni-by-vtex/integrações/como-criar-um-canal-web_1.png)\n\n3. Na barra lateral, clique em **Aplicativos**.\n4. Ao clicar em **Aplicativos > Descoberta**, você seleciona a opção **Weni Web Chat.**\n5. Clique no botão **acessar meus aplicativos** e clique mais uma vez no card Weni Web Chat para ter acesso as configurações de customização.\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/weni-by-vtex/integrações/como-criar-um-canal-web_2.png)\n\n6. Ao abrir o painel de customização da Weni Web Chat, você terá as seguintes opções para configurar:\n\n- Título do seu chat;\n- Subtítulo do chat (opcional);\n- Mensagem de disparo: quando ativada é a primeira mensagem que seu chatbot envia (opcional);\n- Mensagem de notificação do chat (opcional);\n- Mostrar botão de tela cheia (opcional);\n- Indicador de mensagens não lidas (opcional);\n- Manter histórico de mensagens (opcional);\n- Tempo entre as mensagens.\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/weni-by-vtex/integrações/como-criar-um-canal-web_3.png)\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/weni-by-vtex/integrações/como-criar-um-canal-web_4.png)\n\n7. Seguindo para a aba de aparências, você tem a opção de customizar o chat através do formato CSS. Além disso, você pode importar uma imagem em png, jpg ou jpeg para ser seu avatar e também alterar a cor do seu chat.\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/weni-by-vtex/integrações/como-criar-um-canal-web_5.png)\n\n8. Ao finalizar a customização, para instalar o Weni Web Chat no seu site, copie este código, que aparecerá ao clicar em **código script** e cole acima da última tag \\<**/body**> no seu site.\n\n![](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/weni-by-vtex/integrações/como-criar-um-canal-web_6.png)"}