{"section":"tutorials","requestedLocale":"pt","requestedSlug":"chat","locale":"pt","slug":"chat","path":"docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/chat.md","branch":"main","content":"**O que vamos ver aqui:** Como criar um chat, personalizar e incorporar no site. \n\nTenha um chat sem filas e sem que o seu cliente fique esperando horas para ser atendido. Envie ele diretamente para o seu WhatsApp.\n\nPara começar você [deve ter criado os links](/pt/docs/tutorials/links-suiteshare)  que serão utilizados no seu atendimento e um link âncora. \n\n**Importante**: Para criar um chat é preciso ter um [_**captura**_](/pt/docs/tutorials/formulario-de-captura-suiteshare) ou um [**_seletivo_**](/pt/docs/tutorials/seletivo) criado. Se você ainda não criou, acesse os nossos artigos. \n\nAcesse “_**Atrair**_” > “_**Chat**_”  \n\n![Chat 1](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/chat_1.png)\n\nClique em “_**Novo**_”\n\n![Chat  2](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/chat_2.png)\n\nSelecione qual será o **_link_** do seu chat :\n\n![Chat 3](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/chat_3.png)\n\n**Lembre-se**: Ele pode ser uma _**Captura**_ ou um _**Seletivo**_.\n\nDefina o _Layout_: \n\n![Chat 4](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/chat_4.png)\n\nVocê pode escolher as cores, mensagens e ir visualizando todas as alterações simultaneamente.\n\n![Chat 5](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/chat_5.png)\n\nVocê também pode configurar o CTAs do seu chat, ou seja, definir quando ele vai abrir automaticamente para o seu cliente. \n\n![Chat 6](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/chat_6.png)\n\nVeja um exemplo de “_Houver uma intenção de sair da página_” \n\n![Chat 7](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/chat_7.png)\n\nDefina onde mostrar o chat no seu site ou quando ele não irá aparecer: \n\n![Chat 8](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/chat_8.png)\n\nDepois de definir o layout e os gatilhos, clique em “**_Salvar_**”\n\nPara inserir o chat no seu site, acesse na aba “**_Chat_**” e clique no seletor e clique em “_**instruções de instalação**_” :\n\n![Chat 9](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/chat_9.png)\n\nBasta copiar e colar o código fornecido no “**_Body_**” do painel administrativo do seu site:\n\n![Chat 10](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/chat_10.png)\n\nE pronto, qualquer alteração feita no Chat dentro do painel da Suiteshare, já será alterado automaticamente no chat do seu site."}