Como instalar o agente no site Tilda
Guia passo a passo: onde inserir o código do widget na Tilda, como o ligar ao carrinho de compras, o que fazer com a cache e como verificar se o agente funciona em todas as páginas.
A Tilda é o caso mais comum entre as nossas lojas: o site é bonito, tem produtos, mas não há quem responda às perguntas. A instalação demora cinco minutos e não exige um programador.
Passo 1. Copie o código#
No painel, abra «Widget e Link» e clique em «Copiar código». É uma única linha com o formato <script src="…" async></script>.
Passo 2. Cole-o na Tilda#
- No painel de controlo da Tilda, abra o projeto desejado.
- Clique em «Definições do site».
- Vá para a secção «Mais» → «Código HTML para inserir dentro de head/body».
- Cole o código no campo Código HTML para o body (não no head).
- Guarde.
O próximo passo é obrigatório e costuma ser esquecido: publique todas as páginas novamente. A Tilda aplica o código na publicação, por isso o widget não aparecerá nas páginas não publicadas. Na lista de páginas, existe um botão para publicar todas de uma vez.
Se colar o código no campo para o head, o widget também será carregado, mas mais tarde e com risco de conflitos. O local correto é o body.
Passo 3. Ligue ao carrinho#
Se tem uma loja na Tilda com o seu próprio carrinho, não precisa de ativar o pagamento no chat. Em vez disso, nas definições da loja, indique o link para o carrinho: geralmente é o endereço da página do carrinho do seu site. O agente irá guiar o comprador até lá, e a finalização da compra seguirá o caminho habitual.
Se não tem carrinho e os produtos são vendidos «sob consulta», ative o pagamento no chat — assim todo o processo permanece dentro da conversa. Detalhes no artigo Pagamento no chat.
Passo 4. Crie o catálogo#
Nas definições, indique o endereço do site e inicie a análise. O rastreador lê as fichas de produto da Tilda, incluindo preços, características e fotografias, e ao mesmo tempo determina a moeda da loja.
Se os seus produtos não estão no catálogo da Tilda, mas descritos em blocos nas páginas, o rastreamento ainda encontrará os preços e nomes, mas as fichas ficarão menos detalhadas. Neste caso, a importação CSV de «Catálogo» ajuda — a Tilda consegue exportar produtos para um ficheiro.
O agente não fala sobre o produto — ele leva até ele#
É aqui que o chat deixa de ser apenas um chat. O comprador pergunta «o que têm até três mil», e o agente responde não com um parágrafo de texto, mas com fichas: fotografia, nome, preço, botão. Clicar abre a própria página do produto no seu site — na mesma janela, sem um novo separador e sem perda de contexto.
Depois, a pessoa entra no funil habitual da Tilda: a sua ficha, o seu botão «Comprar», o seu carrinho. O agente guiou, a loja vendeu.
A segunda coisa que geralmente não se espera: o agente vê qual página o comprador está a ler neste momento. Ele recolhe a marcação do produto da página — nome, referência, preço — e entende a pergunta no contexto. A pessoa está na ficha de uma poltrona azul e escreve «e têm almofadas para ela?» — o agente sabe de que poltrona se trata e sugere o que realmente se adequa.
O link para o produto existe mesmo onde não há site: se a ficha veio de uma publicação no Instagram ou TikTok, o botão abrirá a publicação original. O catálogo é compilado de diferentes locais, mas leva sempre para onde se pode comprar.
- Abra o site em modo de navegação anónima. O botão do chat deve aparecer no canto inferior direito em um ou dois segundos.
- Faça uma pergunta sobre um produto — o agente deve mostrar a ficha.
- Pergunte sobre a entrega — a resposta deve corresponder às suas condições.
- Verifique no telemóvel: na versão móvel, o botão não deve sobrepor-se ao carrinho da Tilda.
Se o botão sobrepõe algo importante, mude a sua posição para a esquerda na secção «Widget e Link».
Chat em sintonia com o site#
Os sites Tilda podem ser claros ou marcadamente escuros, por isso o widget tem três modos de tema: claro, escuro e «como o do visitante». Este último adapta-se às definições do dispositivo da pessoa e está definido por predefinição.
Se o seu site tem um estilo único, defina o mesmo tema de forma fixa — o chat deixará de se destacar como um remendo no canto. A cor de destaque, no entanto, permanece a sua em qualquer tema.
Passo 5. Verifique#
Problemas comuns#
O widget não apareceu. Nove em cada dez vezes, as páginas não foram republicadas após a inserção do código. Publique novamente e atualize a página limpando a cache.
O widget não está visível em todas as páginas. O código foi inserido não nas definições do site, mas num bloco T123 separado numa única página. Mova-o para «Definições do site» → «Mais».
O botão aparece com atraso. Isto é normal: o script é carregado assincronamente, após o conteúdo principal, para não atrasar a página.
Conflito com outro chat. Dois chats no mesmo canto sobrepõem-se. Mantenha um ou separe-os para lados diferentes.
Perguntas frequentes#
É necessário um plano pago da Tilda#
O código é inserido nas definições do site, o que está disponível nos planos pagos da Tilda. No plano gratuito, a inserção de código arbitrário não é suportada — nesse caso, use o link para o agente e coloque-o como um botão na página.
O widget irá atrasar o site#
Não. O script pesa pouco e é carregado assincronamente; a própria janela do chat só é carregada ao clicar no botão. Isto não afeta a velocidade de carregamento da página da Tilda.
É possível colocar o agente apenas numa página#
Sim, insira o código não nas definições do site, mas num bloco «T123 HTML» na página desejada. Isto é feito, por exemplo, para uma landing page de um único produto.
Funciona com a Tilda Store#
Sim. O agente lê as fichas de produto e o carrinho, e deixa a finalização da compra para a loja Tilda: o comprador vai para o seu carrinho com o produto selecionado.
Como remover o widget do site#
Apague a linha de código nas definições do site e republique as páginas. Os dados e diálogos são mantidos, e o link para o agente continuará a funcionar.