Instalar o webchat no seu site

O webchat da SiteUp é um widget que aparece no canto inferior direito de qualquer página do seu site. Visitantes clicam, escrevem e iniciam uma conversa que cai diretamente no painel da equipe — ou, se você preferir, é atendida primeiro pelo Capitão IA antes de chegar a um humano.

Pré-requisitos

• Acesso para editar o HTML do site, ou um gerenciador de tags (Google Tag Manager, por exemplo)
• Permissão de administrador na sua conta SiteUp para criar uma nova caixa

Passo a passo de instalação

1. Criar a caixa

Em Configurações → Caixas → Adicionar caixa → Webchat, dê um nome interno (ex.: "Site institucional") e preencha:

• Nome do site — texto exibido no cabeçalho do widget
• URL principal — usado para validar onde o widget pode aparecer
• Mensagem de boas-vindas — primeira frase que o visitante vê

2. Copiar o script

A SiteUp gera um trecho de código parecido com este:

<script>
  (function(w,d){
    w.siteupSettings = { token: "abc123xyz" };
    var s = d.createElement("script");
    s.src = "https://cdn.siteup.com.br/widget.js";
    s.async = true;
    d.head.appendChild(s);
  })(window, document);
</script>

3. Inserir no site

Cole o código antes do fechamento da tag </body> em todas as páginas onde o widget deve aparecer. Em sites baseados em CMS (WordPress, Webflow, Wix, Shopify), a maioria oferece um campo dedicado para "scripts globais" — é exatamente onde este código deve ir.

4. Verificar funcionamento

Abra o site em uma aba anônima do navegador. O widget deve aparecer em poucos segundos. Inicie uma conversa de teste e confirme se ela aparece no painel da SiteUp.

Customização visual

Dentro da caixa, na aba Aparência, é possível ajustar:

• Cor primária — define o botão flutuante e cabeçalho do widget
• Posição — direita ou esquerda da tela
• Avatar exibido — logo da empresa ou foto do atendente
• Saudação rápida — bolha que aparece antes do clique para chamar atenção
• Tema — claro ou escuro automático conforme preferência do sistema operacional do visitante

Comportamento em dispositivos móveis

Em telas pequenas, o widget se adapta automaticamente: o botão flutuante encolhe e a janela ocupa a tela cheia ao ser aberta. Se você prefere manter o widget oculto em mobile (para não atrapalhar a navegação), há uma opção em Aparência → Mobile → Ocultar widget.

Capitão IA respondendo primeiro

A integração com o Capitão IA é o grande diferencial do webchat na SiteUp. Quando ativada, o agente de IA recebe a primeira mensagem do visitante e tenta resolver dentro do contexto da sua base de conhecimento. Os fluxos típicos:

Isso reduz drasticamente o volume que chega à equipe sem prejudicar a experiência — o visitante sente que foi atendido em segundos.

Para ativar, vá em Caixa → Capitão IA → Habilitar como primeira camada e selecione o agente que vai operar nesse canal.

Páginas onde o widget aparece

Por padrão, o widget aparece em todas as páginas que carregam o script. Para limitar (por exemplo, ocultá-lo na área logada), use o controle programático:

window.siteupHide();   // esconde
window.siteupShow();   // mostra

Próximos passos

• Treinar o Capitão IA com sua base — para que as respostas sejam precisas
• Instalar o webchat via Google Tag Manager — controlar o disparo do widget por regras de página
• Instalar o webchat em sites WordPress — passar nome e e-mail do usuário logado ao widget