**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.**

| Etapa | Ação | Detalhe |
| :--- | :--- | :--- |
| **1. Criar a caixa de entrada** | Vá em **Configurações → Caixas de entrada → Adicionar caixa → Site**. | Dê um nome e informe a URL do site (usada apenas para identificação). |
| **2. Copiar o snippet** | O painel gera um bloco `<script>` exclusivo. | Copie todo o código exibido. |
| **3. Colar no HTML** | Abra o arquivo do site e cole o snippet imediatamente antes do fechamento `</body>`. | Repita em cada página onde o chat deve aparecer. Se usar um template, insira no footer comum. |
| **4. Personalizar cores e mensagem** | No painel, ajuste a cor principal e escreva uma saudação proativa. | As alterações surtem efeito automaticamente no widget, sem mexer no código. |
| **5. Associar agentes** | Na mesma caixa, adicione pelo menos um agente. | Sem agentes, as conversas não são encaminhadas e o widget pode não carregar. |
| **6. Testar** | Acesse o site, verifique se o ícone de chat aparece e envie uma mensagem. | A conversa de teste surge na caixa de entrada da Papo, confirmando a captura de leads. |

## 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:
   ```html
   <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)](/hc/papo/articles/personalizar-aparencia-widget-chat-cores-logo-mensagem)

---

**[Comece grátis →](https://papo.global/?utm_source=helpcenter&utm_medium=article&utm_campaign=instalar-widget-chat-papo-site-html-estatico&utm_content=pt_BR)**

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.