Instalar o formulário no seu site (widget)

Instale o formulário de captação no seu próprio site — como um botão de chat flutuante ou incorporado numa seção da página — para captar leads sem levar o visitante para outro endereço.

🧩 Este recurso faz parte do módulo Captação de Leads. Se ele não aparecer na sua conta, fale com o administrador para ativá-lo. Veja [planos-modulos](/books/comece-por-aqui/page/entender-planos-modulos-e-o-que-esta-incluido).

Objetivo

Gerar o código de instalação de um formulário de captação e colá-lo no seu site, no modo Botão flutuante ou Incorporado na página.

Pré-requisitos

Tempo estimado

10 minutos.

Caminho de acesso

Marketing → Captação → abra um formulário existente (ou crie um) → bloco Instalar no seu site

Passo a passo

  1. Abra Marketing → Captação e clique em um formulário do tipo Formulário para editá-lo (ou crie um novo — veja Criar um formulário de captação — e clique em Salvar pelo menos uma vez). O código de instalação só existe depois do primeiro salvamento, porque depende do endereço público do formulário.
  2. Role até o bloco Instalar no seu site.

Bloco Instalar no seu site com as opções de modo e o código de instalação

  1. Escolha o modo:
    • Botão flutuante — Um botão de chat no canto do site que abre o formulário.
    • Incorporado na página — O formulário aparece dentro de uma seção do seu site.
  2. No modo Botão flutuante, ajuste a Cor do botão e a Posição (Direita ou Esquerda).
  3. Clique em Copiar código, logo abaixo do Código de instalação. Se aparecer a mensagem "Salve o formulário para gerar o código de instalação." no lugar do código, clique em Salvar no topo da tela primeiro.
  4. Cole o código copiado no seu site, no lugar certo para cada plataforma:
    • WordPress — Adicione um bloco HTML personalizado na página (ou no rodapé, se o tema tiver essa opção) e cole a tag <script> inteira.
    • Wix — Adicione um elemento Incorporar código (Código personalizado / HTML iframe) e cole o snippet no campo de código.
    • Loja Integrada — Acesse HTML/Rodapé personalizado nas configurações da loja e cole o snippet lá, para que carregue em todas as páginas.
    • Google Tag Manager — Crie uma tag do tipo HTML personalizado, cole o snippet, defina o acionador All Pages e publique o container. Vantagem: como a tag fica no container do GTM, fora do template do site, trocar de tema ou um desenvolvedor mexer no HTML do site não remove o widget.
  5. No modo Incorporado na página, garanta que existe um elemento com o id captacao na mesma página onde o código foi colado (ex.: <div id="captacao"></div>) — é ali que o formulário aparece. Sem ele, o formulário aparece logo depois do próprio código.
  6. Publique a página ou o container no seu site.

Widget no modo Botão flutuante aberto num site, com o painel de chat expandido

As UTMs continuam sendo capturadas

Se a página do seu site já recebe cliques com parâmetros UTM (utm_source, utm_medium, utm_campaign) ou os identificadores fbclid/gclid, eles continuam sendo capturados automaticamente pelo widget e enviados junto com o lead ao CRM — não é preciso configurar nada a mais. Veja Rastrear a origem dos leads por UTM.

Resultado esperado

O botão flutuante ou o formulário incorporado aparece no site, pronto para captar leads sem sair da página. A cada envio, um contato e uma negociação surgem no funil escolhido, exatamente como no formulário hospedado (veja Criar um formulário de captação).

Erros comuns

Artigos relacionados


Revision #9
Created 2026-07-15 15:15:00 UTC by NoraLabs
Updated 2026-07-15 17:59:38 UTC by NoraLabs