> For the complete documentation index, see [llms.txt](https://docs.responso.com/responso-doc/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.responso.com/responso-doc/br/configuracao/chat.md).

# Chat

No Responso, você pode criar um chat e incorporá-lo ao site da sua loja virtual. As mensagens do chat chegarão à caixa de entrada do Responso, onde você pode gerenciá-las com facilidade.

## Criando um chat

1. Depois de fazer login no Responso, clique em ***Adicionar canal***, no canto superior direito.
2. Selecione ***Chat***.
3. *Clique em **Criar***.
4. Você verá a janela de configuração do chat junto com uma pré-visualização. Assim, antes de aplicar as alterações, você pode ver como elas ficarão. As mudanças feitas nas seções à esquerda aparecerão imediatamente na pré-visualização do chat, à direita.

### Configurações básicas

**Nome** – este será o nome do seu chat exibido na lista de chats criados no Responso.

**URL da sua loja** – cole aqui o endereço da página em que deseja incorporar o chat.

### Aparência

Nesta seção, você pode definir as cores e o posicionamento da janela do chat.

**Cor primária** – é a cor de elementos como o destaque da mensagem do cliente, o botão de envio ou o cabeçalho da janela do chat na visualização do formulário. Você pode escolher qualquer cor usando o controle deslizante, o conta-gotas (para captar uma cor de qualquer lugar na tela) ou inserindo o código RGB.

**Cor secundária** – é a cor de outros elementos, como o texto da mensagem do cliente e da mensagem de boas-vindas. Você pode escolher qualquer cor usando o controle deslizante, o conta-gotas (para captar uma cor de qualquer lugar na tela) ou inserindo o código RGB.

**Alinhamento** – você pode decidir se a janela do chat será exibida à esquerda ou à direita da sua página.

**Espaçamento vertical** – é a distância entre o ícone/janela do chat e a borda inferior da página.

Para que a pré-visualização fique o mais próxima possível da aparência real da página em que o chat será incorporado, você também pode alterar a cor de fundo da pré-visualização.

### **Formulário antes do chat**

Nesta seção, você pode decidir se a conversa no chat deve começar com o preenchimento de um breve formulário. O formulário contém os campos: Nome completo, e-mail, assunto da mensagem e conteúdo da mensagem. Não é possível modificar os campos do formulário. Todos os campos são obrigatórios para iniciar o chat.

**Visibilidade do formulário** – mova o controle deslizante para adicionar o formulário ao chat. Ele aparecerá na pré-visualização.

**Mensagem de boas-vindas** – é a mensagem exibida no cabeçalho do chat, tanto na visualização do formulário quanto na mensagem exibida fora do horário de funcionamento.

### Lista de acesso a caminhos (URLs)

Nesta seção, você pode decidir em quais páginas da sua loja o chat será exibido.

**Tipo de lista** – escolha se a lista de caminhos informada será uma lista negra ou uma lista branca. Escolha o tipo de lista mais fácil de configurar – se quiser exibir o chat em apenas algumas páginas, escolha a lista branca. Se quiser exibi-lo em quase todos os lugares, com poucas exceções, escolha a lista negra. Se quiser exibir o chat em todas as páginas, mantenha o tipo lista negra e não adicione nenhum caminho.

**Lista negra** significa que o chat será exibido **em todos os lugares, exceto nas páginas indicadas**.

**Lista branca** significa que o chat será exibido **apenas nas páginas indicadas**.

**Lista de caminhos** – clique em *Adicionar* e, no campo exibido, cole o caminho (endereço da página) em que o chat deve ser exibido (no caso do tipo lista branca) ou em que ele deve ficar oculto (no caso do tipo lista negra).

### Horário de funcionamento

Nesta seção, você pode definir em quais horários o chat estará disponível.

Você pode configurar livremente os dias e horários de disponibilidade do chat e alterá-los a qualquer momento. Apenas certifique-se de que, durante os horários em que o chat estiver disponível, haja agentes com acesso a ele, para que as mensagens dos clientes não fiquem sem resposta.

**Fuso horário** – lembre-se de que os horários informados acima correspondem ao fuso horário selecionado.

### Fora do horário de funcionamento

Aqui você pode decidir o que acontece com a janela do chat fora dos horários indicados na seção anterior.

**Comportamento fora do horário de funcionamento**

* **Exibir mensagem** – ao escolher esta opção, fora do horário de funcionamento o chat ficará visível, mas não será possível enviar mensagens. Será exibida a mensagem que você definir abaixo.
* **Ocultar o widget do chat** – ao escolher esta opção, fora do horário de funcionamento, nem o ícone nem a janela do chat ficarão visíveis para os clientes. A mensagem de fora do horário também desaparece da pré-visualização.

**Mensagem exibida no chat fora do horário de funcionamento** – o texto inserido neste campo é exibido imediatamente na pré-visualização.

### **Configurações adicionais**

Nesta seção, você pode indicar os agentes que terão acesso ao chat.

**Lista de agentes com acesso ao chat** – ao clicar neste campo, você verá a lista de agentes disponíveis para seleção. Você pode selecionar quantos colaboradores quiser. **Se nenhum agente for selecionado, ninguém poderá responder às mensagens do chat**.

5. Depois de definir todos os parâmetros, clique em ***Criar*** para salvar o chat.

## Incorporando o chat ao site

1. O chat recém-criado aparecerá na lista da aba Chat. Para incorporá-lo ao site da loja, clique em ***Exibir código***.
2. Clique em ***Copiar***.
3. Cole o código copiado no código do seu site, no local onde você adiciona outros scripts JavaScript (geralmente localizados perto do final da seção body).

<div align="center"><figure><img src="https://919019975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fvk3oqcolPOVjgwCcffCF%2Fuploads%2F3bajULwSQUmZ286f7cfT%2Fimage.png?alt=media&amp;token=2fffd7d1-c457-4a46-bf70-62ccf1cea168" alt="" width="563"><figcaption><p>Incorporação do chat no código, usando a Shopify como exemplo. O ícone do chat aparecerá na página da sua loja virtual.</p></figcaption></figure></div>

## Idioma do chat

O conteúdo editável e as mensagens trocadas no chat podem estar em qualquer idioma. Os textos padrão (auxiliares; por exemplo, *Digite sua mensagem*, *O agente entrou no chat*) serão exibidos de acordo com as configurações de localização do navegador, em um dos idiomas disponíveis:

* en\_US - inglês
* pl\_PL - polonês
* pt\_BR - português brasileiro
* ro\_RO - romeno
* de\_DE - alemão
* it\_IT - italiano
* cs\_CZ - tcheco

Se a configuração de localização do navegador for diferente das listadas acima, as mensagens padrão do chat serão exibidas em inglês.

## Conversa com o comprador no chat

1. Para iniciar o chat, o cliente precisa clicar no ícone do chat. Dependendo das configurações, ele verá imediatamente a janela de conversa ou a visualização do formulário. O comprador deve informar nome completo, e-mail (usado para associar o ticket aos pedidos do BaseLinker), assunto da mensagem e o conteúdo da mensagem. Para enviar a mensagem, deve clicar em *Iniciar chat*.
2. Após iniciar o chat, o cliente recebe a informação de que está aguardando um agente.
3. Quando um colaborador abre o ticket da mensagem do chat, o comprador recebe a informação de que um agente específico entrou no chat. Ao abrir o ticket, o agente é automaticamente atribuído a ele.

## Tickets do chat – o que você pode fazer com eles?

Os tickets do chat têm a mesma aparência dos demais tickets padrão do Responso. À direita, na tela do ticket, você pode ver as informações do ticket: seu ID, data de criação, data e remetente da última mensagem no ticket, status, prioridade, login do vendedor (nome atribuído ao chat no momento da criação) e a caixa de entrada à qual está associado. A partir daí, você pode visualizar ou adicionar tags, o agente responsável, a equipe, os seguidores ou as tarefas relacionadas ao ticket.

Acima do ticket, sob o botão com reticências, você encontra as opções do módulo de tarefas: é possível criar uma tarefa vinculada ao ticket ou exibir os projetos.

Assim como em outros tickets, no ticket de chat também estão disponíveis informações sobre pedidos do Base, caso seja possível localizar e associar algum pedido com base no e-mail informado pelo comprador.

Para o ticket de chat, também estão disponíveis ações rápidas: novo ticket (caso queira criar rapidamente um novo ticket dentro da integração de e-mail via IMAP/redirecionamento), encerramento do ticket, adição do remetente à lista de contatos ou desativação do próximo Autoresponder.

## Ações Automatizadas para tickets de chat

Os Autoresponders, assim como outras Ações Automatizadas, também podem ser criados para tickets de chat.

Para criar uma Ação Automatizada para tickets de chat, nas condições selecione Integrações – é – \[nome do chat]. Ao adicionar mais condições, você pode detalhar quais tickets de chat o Workflow deve abranger – por exemplo, selecionando um sentimento ou contexto específico. Dentro da ação, todas as opções estão disponíveis – você pode, entre outras coisas, enviar um Autoresponder, alterar automaticamente o status no BaseLinker (caso haja pedidos disponíveis para associação) ou definir a prioridade.
