Como instalar o widget de chat da Papo em um site HTML estático

Para instalar o widget de chat da Papo (https://papo.global/) em um site HTML estático, copie o snippet gerado no painel e cole-o diretamente no código‑fonte, antes da tag </body>, em todas as páginas onde o atendimento deve aparecer. A personalização de cores e da mensagem de boas‑vindas é feita inteiramente no painel, sem alterar o HTML.

Como instalar o widget em um site HTML estático

1. Crie a caixa de entrada do tipo Site
   No painel Papo, vá até Configurações → Caixas de entrada, clique em Adicionar caixa e selecione Site. Informe um nome (ex.: “Chat do site”) e a URL do site (ela não interfere no funcionamento, apenas ajuda a identificar o canal). Não é necessário instalar nenhum plugin; o processo é o mesmo para qualquer site que sirva arquivos HTML.

2. Copie o snippet gerado
   Após criar a caixa, o painel exibe um código JavaScript exclusivo. Copie todo o bloco <script>...</script>.

3. Cole o snippet no HTML
   Abra o arquivo HTML da página (por exemplo, index.html) e insira o código imediatamente antes da tag </body>. Faça isso em cada página onde quiser exibir o chat. Se o site usar um arquivo de footer ou cabeçalho comum (via include ou PHP), adicionar o snippet nesse arquivo único já ativa o widget em todo o site.

   Exemplo de posicionamento no código:

   <body>
     <!-- conteúdo da página -->
     <script src="https://app.papo.global/..."></script>
   </body>
   

   Nenhum conhecimento de back‑end é exigido; o widget roda no navegador do visitante.

4. Associe agentes à caixa
   Volte ao painel, na mesma caixa de entrada, e adicione ao menos um agente. Sem um agente vinculado, a caixa fica sem atendente e o widget pode não ser exibido. Se tiver apenas um agente, a associação é automática; em equipes, selecione os membros responsáveis.

Personalização de cores e mensagem de boas‑vindas

Depois de colar o snippet, você pode personalizar a aparência do widget sem modificar o código:

• Cor principal: No painel, dentro das configurações da caixa, escolha a cor que combina com a identidade visual do site. A mudança se reflete imediatamente.
• Mensagem de boas‑vindas: Ative a saudação proativa e escreva um texto que aparecerá automaticamente após alguns segundos. Exemplos eficazes: “Olá! Como podemos ajudar?” ou “Precisa de ajuda com seu pedido?”.

Essas opções estão disponíveis no mesmo local onde você criou a caixa. Qualquer alteração é aplicada ao widget sem precisar copiar um novo snippet.

Como testar a captura de leads

1. Abra o site em uma janela anônima (para evitar cache) e verifique se o ícone do chat aparece no canto da tela.
2. Clique no ícone e envie uma mensagem de teste (por exemplo, “Quero mais informações”).
3. No painel Papo, acesse a caixa de entrada do site e confirme que a conversa aparece. O contato será registrado automaticamente no CRM, e você poderá responder pelo painel.

Se a mensagem não chegar, verifique se o snippet está antes do </body>, se a caixa de entrada está ativa e se há pelo menos um agente associado. Bloqueadores de script podem impedir o carregamento; teste também sem extensões ativas.

Para quem é indicado

• Sites HTML estáticos sem CMS (WordPress, Shopify) que precisam de um chat profissional.
• Landing pages e portfólios onde o contato rápido aumenta a conversão.
• Desenvolvedores que estão testando o widget antes de integrá‑lo a plataformas maiores.
• Pequenos negócios que mantêm um site simples e desejam capturar leads sem instalar sistemas complexos.

Perguntas frequentes

Preciso de um servidor back‑end para usar o widget?

Não. O widget é baseado em JavaScript executado no navegador. Basta colar o snippet no HTML e o chat funciona.

O snippet precisa ser copiado em todas as páginas?

Sim, em cada página onde o chat deve aparecer. Se seu site usa um arquivo de rodapé comum, colocar o snippet lá uma única vez habilita o widget em todo o site.

Posso personalizar as cores depois de instalado?

Sim, as mudanças de cor e texto da mensagem de boas‑vindas são feitas no painel da Papo e aparecem automaticamente no widget, sem que você precise alterar o código.

O que fazer se o widget não aparecer no site?

Verifique se o snippet está inserido antes do </body>, se a caixa de entrada está ativa e com agentes associados, e se não há bloqueadores de script no navegador. Limpar o cache do site também ajuda.

Preciso recriar o snippet para cada site diferente?

Sim. Cada caixa de entrada gera um script exclusivo. Se você tiver vários domínios (ex. site institucional e landing page separada), crie uma caixa para cada um e use o respectivo snippet.

O widget afeta o desempenho do site?

O carregamento é assíncrono e não bloqueia a renderização da página. O arquivo do widget é leve e carregado apenas quando necessário.

Leia também

• Como personalizar a aparência do widget de chat (cores, logo e mensagem)

Comece grátis →

O primeiro usuário é gratuito para sempre — você pode instalar o widget da Papo no seu site estático em minutos, sem cartão de crédito, e começar a capturar leads imediatamente.