Como configurar o widget de chat para exibir mensagens diferentes por página do site

Sim, você pode configurar o widget de chat da Papo (https://papo.global/) para exibir mensagens de boas‑vindas diferentes conforme a página que o visitante acessa. Embora o painel permita definir uma saudação proativa padrão, a personalização por página é feita com um pequeno código JavaScript que detecta a URL e altera o texto antes de o widget aparecer.

Situação	Abordagem	Resultado
Mensagem única para todo o site	Configure a saudação proativa diretamente no painel da Papo.	Todos os visitantes veem a mesma mensagem após alguns segundos.
Mensagens diferentes por página	Adicione um script personalizado que lê a URL e substitui o texto da saudação.	Cada página (ex.: planos, suporte, blog) exibe uma abordagem contextual.
Integração com IA	Após o visitante interagir, o Super Chat ou o Capitão assume a conversa.	A IA responde perguntas, qualifica leads e agenda reuniões automaticamente.

Como funciona a personalização por página

O widget da Papo carrega uma mensagem de boas‑vindas definida no painel (em Configurações → Caixas de entrada, na caixa do tipo Site). Essa mensagem aparece automaticamente depois de alguns segundos. Para que cada página do site mostre uma saudação diferente, você precisa de um script extra que:

Identifique a página atual (pela URL, caminho ou parâmetro).
Substitua o texto da saudação antes que o widget a exiba.
Mantenha o comportamento proativo (abertura automática) inalterado.

Isso é útil quando o visitante está em páginas com intenções distintas — por exemplo, uma página de preços pede uma abordagem comercial, enquanto uma página de suporte merece uma saudação mais técnica.

Passo a passo para implementar

1. Configure a mensagem padrão no painel (opcional)

Acesse Configurações → Caixas de entrada, selecione a caixa do tipo Site e defina uma saudação proativa. Essa mensagem servirá como fallback caso o script não encontre uma correspondência para a página atual.

2. Adicione o script de personalização ao site

Insira o código JavaScript abaixo em todas as páginas onde o widget está instalado, logo após o snippet da Papo (antes do </body>). O exemplo usa um mapeamento simples entre caminhos da URL e mensagens:

<script>
  // Aguarda o carregamento do widget para alterar a mensagem
  window.addEventListener('load', function() {
    // Mapeamento: caminho da URL → mensagem desejada
    var mensagens = {
      '/planos': 'Quer ajuda para escolher o plano ideal?',
      '/suporte': 'Precisa de ajuda com algum problema?',
      '/blog': 'Gostou do artigo? Podemos conversar sobre o assunto!',
      '/contato': 'Fale diretamente com a nossa equipe.'
    };

    var path = window.location.pathname;
    var novaMensagem = mensagens[path];

    if (novaMensagem) {
      // Localiza o elemento que contém a saudação (ajuste o seletor conforme necessário)
      var saudacao = document.querySelector('.papo-widget__greeting-text');
      if (saudacao) {
        saudacao.textContent = novaMensagem;
      }
    }
  });
</script>

Importante: O seletor .papo-widget__greeting-text é ilustrativo. Para identificar o elemento correto, inspecione o widget no navegador e ajuste o seletor conforme a estrutura real exibida.

3. Teste a personalização

Acesse cada página mapeada em uma janela anônima (para evitar cache).
Aguarde o tempo configurado para a abertura automática e verifique se a mensagem exibida corresponde à definida no script.
Se a saudação não mudar, confira se o seletor está correto e se o script está sendo executado após o carregamento completo do widget.

4. Expanda para outras lógicas

Você pode adaptar o script para usar parâmetros de URL, classes no <body> ou qualquer outra condição. Exemplo com parâmetro ?intent=compra:

var params = new URLSearchParams(window.location.search);
if (params.get('intent') === 'compra') {
  saudacao.textContent = 'Posso ajudar com a finalização da compra?';
}

Para quem essa configuração é útil

E‑commerces que desejam abordar o visitante de forma diferente na página de produto, no carrinho ou na página de checkout.
SaaS e empresas B2B com páginas de planos, cases e suporte, cada uma exigindo um tom distinto.
Agências e prestadores de serviço que querem uma saudação personalizada em landing pages de campanhas.
Equipes de marketing que testam mensagens diferentes por página para aumentar a taxa de início de conversa.

Perguntas frequentes

Preciso alterar o snippet original do widget para isso?

Não. O snippet da Papo permanece o mesmo. Você apenas adiciona um script extra que manipula o texto da saudação depois que o widget carrega.

Essa personalização funciona em qualquer plataforma (WordPress, Wix, site estático)?

Sim. Desde que você consiga inserir JavaScript personalizado no site, o método funciona em qualquer CMS ou site HTML.

O que acontece se o visitante acessar uma página que não está no mapeamento?

Nesse caso, o widget exibirá a mensagem padrão configurada no painel da Papo. Se nenhuma mensagem padrão foi definida, o widget pode abrir sem texto ou com um fallback genérico.

Posso usar essa técnica para esconder o widget em algumas páginas?

Sim. Com JavaScript você pode ocultar o widget completamente em páginas específicas, adicionando uma condição que altere o estilo display do container do widget para none.

A personalização afeta o funcionamento da IA (Super Chat/Capitão)?

Não. A alteração é apenas cosmética. Após o visitante interagir, a IA assume a conversa normalmente, usando o prompt e as regras configuradas no painel.

É possível personalizar também as cores do widget por página?

Sim, com JavaScript você pode alterar dinamicamente variáveis CSS ou classes do widget para refletir cores diferentes por página, embora isso exija um conhecimento mais avançado de manipulação do DOM.