Guia de implementação · exemplo WebChat

Instalar uma alternativa ao Teams Live Chat sem encaminhar clientes para o canal errado

O snippet é apenas o último passo. Responsabilidade do canal, separação de ambientes, segurança e uma conversa real determinam se a instalação funciona.

Verificado: 3 Fontes verificadas

Antes do código

Criar o canal e o modelo de responsabilidade

  • Decidir se o canal representa um sítio, idioma, departamento, produto ou campanha.
  • Nomear pelo menos dois responsáveis operacionais e definir a cobertura horária.
  • Confirmar o acesso Teams de cada agente e o uso correto das respostas nas threads.
  • Separar encaminhamento de teste e produção quando a configuração o permitir.
  • Documentar quem administra o backend WebChat e a aplicação Teams.

Fontes: 1, 2

Implementação

Usar o script assíncrono com o ID exato

O padrão fornecido carrega widget.js de forma assíncrona e identifica a rota através do parâmetro channel. Um ID copiado incorretamente pode enviar pedidos reais para a equipa ou idioma errados.

Coloque o script perto do fecho de body, salvo se o CMS ou a plataforma de consentimento exigir um carregador controlado. Não o duplique no código e no Tag Manager.

Fontes: 2

Navegador e privacidade

Verificar CSP, consentimento e acessibilidade

  • Permitir apenas as origens necessárias na Content Security Policy.
  • Decidir com o responsável pela privacidade se o widget carrega imediatamente ou após consentimento.
  • Atualizar o aviso de privacidade com dados verificados de tratamento e retenção.
  • Testar foco, teclado, etiquetas, contraste, zoom e leitor de ecrã.
  • Não publicar garantias de RGPD ou alojamento que não estejam documentadas.

Aceitação

Testar o percurso completo, não apenas o botão

  1. 01

    Carregamento

    Verificar computador, móvel, rede lenta, armazenamento bloqueado e estados de consentimento.

  2. 02

    Encaminhamento

    Enviar mensagens distintas de cada página, idioma e intenção configurados.

  3. 03

    Resposta

    Responder no canal previsto e confirmar a receção pelo visitante.

  4. 04

    Falha

    Testar fora do horário, sem agente, reconexão e script deliberadamente bloqueado.

  5. 05

    Observação

    Verificar consola, pedidos, notificações Teams e responsabilidade operacional.

Produção

Implementar gradualmente e manter a reversão

Comece por uma rota representativa, valide tráfego real e responsabilidade do suporte e depois alargue a modelos e idiomas. Registe o mapeamento sítio-canal para evitar futuras cópias erradas.

Remova o widget Microsoft apenas após a aceitação e monitorização do novo percurso em produção.

FAQ

Perguntas frequentes

Onde deve ser colocado o script WebChat?

O padrão fornecido fica antes do fecho de body e carrega de forma assíncrona. O CMS, a CSP ou o consentimento podem exigir uma integração controlada.

Posso reutilizar o mesmo ID para todos os idiomas?

Apenas se for uma escolha operacional consciente. Canais separados costumam clarificar encaminhamento e responsabilidades; nunca copie o ID de outro projeto.

Ver o botão prova que funciona?

Não. A aceitação deve enviar uma mensagem para o local correto no Teams e confirmar que a resposta regressa ao visitante.

O widget deve carregar antes do consentimento?

Depende dos fluxos de dados verificados e da base jurídica. O responsável pela privacidade decide com base na documentação real.

Fontes verificadas

Fontes e data de revisão

  1. 01
    WebChat by inwebco GmbH

    Microsoft Marketplace / inwebco GmbH · Verificado:

    Abrir fonte
    verificada
  2. 02
    Setting Up WebChat: The Complete Guide for Microsoft Teams

    inwebco GmbH · Verificado:

    Abrir fonte
    verificada
  3. 03
    WebChat für Microsoft Teams

    inwebco GmbH · Verificado:

    Abrir fonte
    verificada