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.
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.
- 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).
- 1Copie o script do widget em Channels -> Widget -> Install code
- 2Adicione-o ao seu website para que carregue em todas as páginas.
- 3Melhor local: dentro de <head>, antes de </head>.
- 4Se <head> não estiver disponível, coloque-o antes de </body> (funciona, mas pode carregar um pouco mais devagar).
- 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.
- 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.