OneTwoAgent

Widget do website

O widget do OneTwoAgent permite que os clientes lhe enviem mensagens diretamente a partir do seu website em desktop e mobile, com todos os chats na caixa de entrada Conversations.

Widget de chat web com IACaptação de leads no chat do websiteConfiguração de chat web sem códigoMensagens com clientes no seu website

O que este artigo cobre

  • Como personalizar o design e o comportamento do widget.
  • Como instalar o widget no seu website.
  • Como aplicar definições de segurança, como domínios permitidos e páginas excluídas.

1. Abrir as definições do Widget

Vá a Channels -> Widget. Se o widget ainda não estiver ativado, ative-o primeiro.

  • Pré-visualização do widget.
  • Definições de personalização.
  • Código de instalação.

2. Personalizar o design do widget

Pode adaptar o widget a praticamente qualquer estilo de website.

  • Cores do widget: cor do botão, fundo, cores do texto e cor de destaque.
  • Tipografia: família tipográfica ou presets de estilo, e tamanho de letra quando disponível.
  • Ícone e elementos de marca: ícone do launcher, nome do negócio no cabeçalho e subtítulo ou saudação curta opcional.
  • Posição e layout: canto inferior direito ou esquerdo, espaçamento em relação às margens do ecrã e comportamento em mobile.
  • Comportamento: abrir automaticamente vs. abrir só ao clique, visibilidade da saudação, todas as páginas ou páginas selecionadas.
Notas
  • Mantenha o widget minimalista: cores simples, título claro e uma saudação curta.

3. Instalar o widget no seu website

Instalação padrão (recomendada).

  1. 1Copie o script do widget em Channels -> Widget -> Install code
  2. 2Adicione-o ao seu website para que carregue em todas as páginas.
  3. 3Melhor local: dentro de <head>, antes de </head>.
  4. 4Se <head> não estiver disponível, coloque-o antes de </body> (funciona, mas pode carregar um pouco mais devagar).
Notas
  • Depois de instalar e publicar, o widget deverá aparecer no seu site em produção.

4. Instalar em plataformas populares

  • Shopify: Online Store>Themes>Edit code -> layout/theme.liquid -> cole antes de </head> -> Save
  • Wix Opção A: Settings -> Custom Code -> Add New Tool -> cole o código -> Load on all pages -> coloque em Head -> Save e publique.
  • Wix Opção B: adicione o script na área global de scripts/plugins do site e garanta que carrega em todas as páginas.
  • Webflow: Project Settings>Custom Code>cole em Head Code -> Save e publique.
  • WordPress: use um plugin de scripts no header (secção Header) ou cole em header.php antes de </head>.
  • Sites com código próprio: coloque o script no template HTML global dentro de <head> ou antes de </body>.

Ou envie isto ao seu programador

6. Definições de segurança e controlo

Definições recomendadas para um comportamento mais seguro e mais limpo.

  • Domínios permitidos: evita que o código do widget seja reutilizado em websites não relacionados.
  • Exemplos de domínios: yourdomain.com, www.yourdomain.com, shop.yourdomain.com.
  • Páginas excluídas: esconda o widget onde ele não for relevante.
  • Exclusões comuns: checkout, confirmação de encomenda, conta/login, privacidade e páginas técnicas.
  • Exemplos de caminho: /checkout, /account, /thank-you.
Notas
  • Comece de forma simples: ative o widget em todo o lado e exclua apenas as páginas que realmente não quer.

7. Como funcionam os chats do widget no OneTwoAgent

  • Quando um cliente envia uma mensagem no widget, surge uma nova conversa em Conversations.
  • Pode sempre responder manualmente.
  • Se o Auto Sales estiver ativado, o assistente pode responder automaticamente usando a sua configuração e o seu catálogo.

Resolução de problemas

  • Widget não aparece: confirme que o script está no site em produção (não apenas na pré-visualização), publique as alterações e verifique os domínios permitidos se estiverem ativos.
  • O widget aparece apenas em algumas páginas: verifique as regras de páginas excluídas e confirme que o script está instalado globalmente.
  • As mensagens não entram: confirme que está a usar a conta de negócio correta da OneTwoAgent e que o widget está ativado em Channels -> Widget.

Guias relacionados

Continue com os próximos passos de configuração para canais, reservas, agenda ou automação.

Perguntas frequentes

Posso instalar o widget sem uma integração personalizada completa?

Sim. A configuração normal é um único script do widget no seu website, além das definições de design e comportamento dentro do dashboard.

O widget funciona em mobile e em desktop?

Sim. O widget foi pensado para visitantes de desktop e mobile, com as conversas na mesma caixa de entrada.

Precisa de ajuda?

support@onetwoagent.com