O quiz está pronto, mas enquanto ele ficar só no painel do LeadForms, não traz nenhum lead. Falta colocá-lo no site: são de cinco a dez minutos e um único código, que você coloca no site uma vez só.
Vamos ver o caminho inteiro: da criação do quiz até a confirmação de que os leads estão chegando.
Passo 1. Crie o quiz
No painel do LeadForms, abra a seção «Quizzes» e clique em «Criar do zero». Ao lado há outras opções: «Criar a partir de modelo», com roteiros prontos da biblioteca, «Importar quiz» e «Quiz com IA», se você precisa de um rascunho para o seu nicho em um minuto.
O editor tem quatro abas: «Configurações», «Editor», «Design» e «Publicação». Dentro de «Editor» há um assistente por etapas: tela inicial → perguntas → formulário de contato → resultados → página de «Obrigado». À direita fica sempre a pré-visualização ao vivo, que você pode alternar entre desktop e celular.
Passo 2. Coloque o código do LeadForms no site
Abra a aba «Publicação» → «No site» e expanda o bloco «Código do site». Lá está o código pronto, com a chave da sua conta:
<script async src="https://script.leadforms.org/v1.js" data-key="SUA_CHAVE"></script>
Cole o código uma única vez em todas as páginas do site: antes da tag de fechamento </body> ou no campo de código para o site inteiro do seu criador de sites. O código é um só por conta e carrega todos os seus quizzes e widgets. Se ele já está instalado, pule este passo; para os próximos quizzes também não é preciso mudar o código.
Passo 3. Escolha como mostrar o quiz
Ali mesmo, na aba «Publicação» → «No site», a configuração tem duas etapas.
- Onde o quiz aparece: janela sobre o site, painel lateral ou bloco na página. A janela e o painel funcionam quando a página já tem conteúdo e oferta próprios, e o quiz é o próximo passo. O bloco é para landing pages de anúncios, em que o quiz é o conteúdo principal: ele fica incorporado na página, sem janela pop-up.
- Como abre: com o botão do LeadForms, com abertura automática, com um botão na página, dentro do multibotão ou pelos links e botões do seu site. Para o quiz abrir pelo seu próprio botão, coloque nele o link
#leadforms-ID, em que ID é o número do quiz, o mesmo do link direto.
Para o bloco na página, cole um código curto no lugar onde o quiz deve ficar: <div data-leadforms-block="ID"></div>. Para as outras opções, não é preciso adicionar nada à página: o código do passo 2 já basta.
Depois clique em «Publicar» no fim da aba. Sem isso, as mudanças em «Publicação» não chegam ao site.
Passo 4. Guias para a sua plataforma
Onde exatamente colar o código depende da plataforma. Guias prontos com capturas de tela:
- Tilda: com o bloco «Outro/Código HTML». Observe que esse bloco só funciona nos planos pagos do Tilda.
- WordPress: com o bloco «HTML personalizado».
- Wix
- Sites do Bitrix24
- Flexbe
- LPmotor
- Platforma LP
- Taplink
À parte: incorporar o quiz no corpo da página e a instalação pelo Google Tag Manager, se você não tem acesso ao código do site.
Passo 5. Confira se tudo funciona
A conferência deve ser feita na página publicada, e não no construtor: na pré-visualização da plataforma, muitas vezes o código não é executado. No painel, no bloco «Código do site», há o botão «Verificar página»: digite o endereço, e o LeadForms mostra se encontrou o código nela.
- O quiz abre pelo botão ou aparece dentro do bloco.
- Ele abre no celular, não só no desktop.
- O formulário é enviado e o lead chega: responda o quiz inteiro você mesmo, com um número real.
- O lead chegou aonde devia: no e-mail, no WhatsApp ou no CRM.
Vale configurar este último ponto desde o início, para que os leads não fiquem acumulados no painel do LeadForms: por exemplo, enviar os leads do quiz para o Kommo (antigo amoCRM).
Erros comuns na incorporação
- Ninguém clicou em «Publicar». A forma de exibição foi escolhida, mas sem o botão no fim da aba «Publicação» ela não chega ao site.
- O código está duplicado. O código do LeadForms é um só para o site inteiro, mesmo que você tenha vários quizzes e widgets.
- O teste foi feito no construtor, e não na página real. Primeiro é preciso publicar a página.
- O quiz ficou abaixo da primeira dobra e ninguém vê. Se ele é a ferramenta principal da landing page, o lugar dele é no topo.
- A versão para celular não foi conferida. Normalmente a maior parte do tráfego vem do celular.
O código para colar é gerado pelo criador de quizzes do LeadForms na aba «Publicação»: falta só colocá-lo no site e escolher como mostrar o quiz.
Perguntas frequentes
O que escolher: janela por botão ou bloco na página?
Bloco na página, se a página foi feita para o quiz e ele é o conteúdo principal. Janela ou painel por botão, se a página tem oferta e conteúdo próprios, e o quiz entra como próximo passo.
Dá para colocar vários quizzes na mesma página?
Sim. O código do LeadForms no site continua sendo um só, e a forma de exibição é configurada separadamente para cada quiz. Para os blocos na página, cada quiz tem o seu próprio código curto com o número dele.
O que fazer se eu não tenho acesso ao código do site?
Use a instalação pelo Google Tag Manager. Outra opção é não incorporar o quiz e levar o tráfego para uma página separada com o quiz.
O quiz já está no site, mas não chegam leads. A culpa é da instalação?
Primeiro confira se os leads de teste chegam. Se chegam, a instalação não tem culpa, e o motivo está no próprio quiz ou no tráfego: falamos disso no artigo por que o quiz tem tráfego e poucos leads.
