> ## Documentation Index
> Fetch the complete documentation index at: https://docs.morada.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Canal de atendimento WebChat: Ativação e Benefícios

> Como ativar e configurar o WebChat como canal de atendimento com IA na plataforma Morada.ai.

O WebChat é uma funcionalidade que permite aos clientes imobiliários adicionar um canal de comunicação direto em seus websites e landing pages. A partir desse canal, leads podem interagir diretamente com a Inteligência Artificial MIA, proporcionando um novo ponto de entrada no ecossistema do cliente. Neste artigo, você também aprenderá como ativar e configurar essa funcionalidade na Plataforma Morada.ai.

<img src="https://mintcdn.com/moradaai-f7bfc739/fwcb_rT6vN2GwLQ5/images/canais/webchat-widget.png?fit=max&auto=format&n=fwcb_rT6vN2GwLQ5&q=85&s=5aa3071018ee41378dcfc4379a134c98" alt="Webchat Widget" width="2453" height="1875" data-path="images/canais/webchat-widget.png" />

## Benefícios

* **Novo canal de entrada:** Além do WhatsApp, os clientes agora têm a opção de utilizar o webchat.
* **Atendimento com IA generativa:** O mesmo atendimento que já é oferecido hoje na M.I.A é oferecido no Web Chat.
* **Personalização:** O cliente pode personalizar a cor do widget para manter a consistência com sua identidade visual.
* **Resposta imediata:** A IA MIA pode interagir com os leads de forma instantânea, sem intervenção humana, garantindo que todos os leads sejam atendidos prontamente, mesmo fora do horário comercial.

## Fluxo de ativação

1. Na barra lateral esquerda, localize a página **"Agente"** na seção **"Gerenciar"** do menu principal. Em seguida, selecione o agente desejado e acesse a aba **"Canais"**.
2. Em "Canais Disponíveis", ative o canal do Web Chat e habilite-o. Um código de incorporação será gerado; copie esse código e insira-o no site do cliente no local onde o Web Chat deve aparecer.

<Note>
  Não é necessária nenhuma configuração técnica complexa, basta incorporar o código no site.
</Note>

<video controls width="100%">
  <source src="https://mintcdn.com/moradaai-f7bfc739/fwcb_rT6vN2GwLQ5/images/canais/webchat-ativacao.mov?fit=max&auto=format&n=fwcb_rT6vN2GwLQ5&q=85&s=2fe7e535adebb1991cfa73f617917f44" type="video/mp4" data-path="images/canais/webchat-ativacao.mov" />
</video>

## Customização do Widget

### Onde acessar

1. Ative o canal Webchat.
2. Vá em Canais, no card Webchat, clique em **Configurar conta**.
3. Um modal será aberto com as opções de personalização.

### Passo a passo

**1) Inserir um avatar**

* Clique em Enviar e selecione a imagem desejada.
* Recomendações: use imagem quadrada (ex.: 1:1) para melhor encaixe. Formatos comuns: .png / .jpg / .jpeg.

**2) Definir cores do widget**

* Em Cor do Widget, você pode informar um código HEX (ex.: `#1E90FF`) ou selecionar manualmente na paleta clicando na cor.
* É possível configurar múltiplas cores (ex.: primária, secundária, terciária etc.), clicando no botão de "+".

<Tip>
  Mantenha contraste adequado para legibilidade.
</Tip>

**3) Inserir as origens permitidas (Allowed Origins)**

* Em Origens permitidas, adicione as URLs dos sites onde o widget será carregado.
  * Use o formato completo, incluindo protocolo: `https://seusite.com`
  * Para subdomínios, cadastre cada um (ex.: `https://app.seusite.com`, `https://blog.seusite.com`).
* Apenas domínios listados aqui poderão renderizar o webchat.

<img src="https://mintcdn.com/moradaai-f7bfc739/fwcb_rT6vN2GwLQ5/images/canais/webchat-customizacao.png?fit=max&auto=format&n=fwcb_rT6vN2GwLQ5&q=85&s=12874f820537e68fe8ae722c579c0a7c" alt="Webchat Customização" width="2870" height="1494" data-path="images/canais/webchat-customizacao.png" />

<Tip>
  É possível ver um preview de como está o widget clicando em "visualizar widget" no card do canal webchat.
</Tip>

## Integração com a MIA

O webchat está completamente integrado à MIA. Assim que o cliente inicia uma conversa, a MIA assume o atendimento de forma automática, utilizando as mesmas configurações e treinamentos das outras integrações (ex.: WhatsApp, Blip).

## Transbordo de atendimento

Caso necessário, a MIA pode transbordar o atendimento para um corretor humano. Isso acontece via plataforma Talk, onde o atendente acessa e contínua a conversa com o lead na mesma janela de chat.

## Requisitos Técnicos

**Nenhum pré-requisito técnico:** A ativação do webchat é simples e não requer intervenção técnica avançada, além da inserção do código no website do cliente.

## Monitoramento de Conversas

O cliente pode monitorar as conversas do webchat da mesma forma que monitora as conversas de outras integrações, como WhatsApp. Os dados ficam disponíveis na plataforma, na página Conversas.

***

## FAQ (Perguntas Frequentes)

<AccordionGroup>
  <Accordion title="O Webchat é compatível com quais navegadores e dispositivos?">
    Compatível com todos os navegadores modernos e dispositivos móveis.
  </Accordion>

  <Accordion title="Como os corretores são notificados quando um lead inicia uma conversa pelo Webchat?">
    Os corretores são notificados via plataforma Talk, onde eles podem assumir o atendimento.
  </Accordion>

  <Accordion title="A MIA pode gerenciar várias conversas simultâneas pelo webchat?">
    Sim, a MIA consegue gerenciar múltiplas conversas simultaneamente, sem perda de qualidade.
  </Accordion>

  <Accordion title="É possível exportar conversas do Webchat para análise posterior?">
    Sim, todas as conversas podem ser exportadas, assim como nas outras integrações.
  </Accordion>

  <Accordion title="O Webchat permite integração com CRMs ou plataformas externas?">
    Sim, o Webchat utiliza as mesmas integrações do parceiro já configuradas para outras plataformas, como WhatsApp. No entanto, o número de telefone do lead precisa ser inserido manualmente no Webchat, e pode haver problemas de integração se o CRM exigir essa informação e ela não for fornecida.
  </Accordion>

  <Accordion title="O cliente pode personalizar o Webchat?">
    Atualmente, é possível personalizar a cor e avatar do widget.
  </Accordion>

  <Accordion title="Existe algum limite de conversas que o Webchat pode gerenciar ao mesmo tempo?">
    Não, o Webchat não tem um limite predefinido de conversas simultâneas.
  </Accordion>

  <Accordion title="Como o time de suporte pode ajudar clientes com problemas na integração do Webchat?">
    O suporte deve verificar se o código de incorporação foi corretamente adicionado ao site e se o canal de chat está devidamente ativado.
  </Accordion>
</AccordionGroup>

Qualquer dúvida, entre em contato com nosso suporte!