Copie o código do LeadForms
No editor do quiz, abra “Publicação” → “No site” e expanda o bloco “Código do site”. Copie o código, que tem este formato:
É um único código para o site inteiro: ele carrega todos os seus quizzes e widgets. Se o código já estiver instalado, o bloco se chama “Código do LeadForms encontrado no site”: não precisa colar de novo, vá direto para a etapa “Escolha como exibir o quiz”.
<script async src="https://script.leadforms.org/v1.js" data-key="SUA_CHAVE"></script>. A sua chave já vem preenchida.É um único código para o site inteiro: ele carrega todos os seus quizzes e widgets. Se o código já estiver instalado, o bloco se chama “Código do LeadForms encontrado no site”: não precisa colar de novo, vá direto para a etapa “Escolha como exibir o quiz”.
Adicione um bloco novo
Entre no editor da Tilda e adicione um bloco de código HTML (na seção “Outros” da biblioteca de blocos)
Cole o código
Abra o conteúdo do bloco que você acabou de adicionar, cole o código do LeadForms e salve. O código precisa estar em cada página onde o quiz deve funcionar: se você tiver várias, adicione esse bloco em cada uma.
Lembre-se de que o bloco de código HTML só funciona nos planos pagos da Tilda. Ou seja, para o quiz funcionar, você precisa ter contratado o Tilda Personal ou o Tilda Business.
Lembre-se de que o bloco de código HTML só funciona nos planos pagos da Tilda. Ou seja, para o quiz funcionar, você precisa ter contratado o Tilda Personal ou o Tilda Business.
Escolha como exibir o quiz e clique em “Publicar”
Volte ao LeadForms, na aba “Publicação” → “No site”. Na etapa “Onde o quiz aparece”, escolha “Janela sobre o site” ou “Painel lateral” e, na etapa “Como abre”, por exemplo, “Botão do LeadForms: no canto ou como banner” ou “Abertura automática”. Você pode escolher várias formas ao mesmo tempo. Ali mesmo você escolhe em quais dispositivos e em quais páginas o quiz aparece.
Se você quer o botão do LeadForms dentro de uma seção da página, escolha “Botão na página” e cole o código dele
Clique em “Publicar” no final da aba “Publicação”. Sem essa etapa, as alterações não chegam ao seu site.
Se você quer o botão do LeadForms dentro de uma seção da página, escolha “Botão na página” e cole o código dele
<div data-leadforms-button="ID"></div> em um bloco de código HTML, exatamente onde o botão deve ficar (no lugar de ID vai o número do seu quiz).Clique em “Publicar” no final da aba “Publicação”. Sem essa etapa, as alterações não chegam ao seu site.
Publique a página
Se você quer abrir o quiz com um botão da Tilda
O código do LeadForms precisa estar na página do mesmo jeito: cole-o como nas etapas 1 a 3 acima. Se ele já estiver lá, não precisa colar de novo.
Pegue o link do quiz em “Links e botões do seu site”
No LeadForms, na aba “Publicação” → “No site”, dentro da etapa “Como abre”, expanda “Links e botões do seu site” e copie o link. Esses links funcionam sempre: não é preciso ativar nem publicar nada à parte. O quiz vai abrir a partir de qualquer botão ou link do seu site que leve a
#leadforms-ID, onde ID é o número do seu quiz.
Adicione o botão
Adicione um bloco com botão da biblioteca da Tilda, qualquer um da seção de formulários e botões, e abra o conteúdo do bloco.
Coloque o link do quiz
No campo do link do botão, escreva #leadforms-ID: no lugar de ID vai o número do seu quiz. Salve.
Publique a página
O seu quiz já está no site da Tilda.
Se o quiz precisa ficar dentro da página
Você pode exibir o quiz como um bloco dentro de uma seção do site, sem botão nem janela pop-up. O código do LeadForms também é necessário aqui, como nas etapas 1 a 3 acima.
Escolha “Bloco na página”
No LeadForms, na aba “Publicação” → “No site”, na etapa “Onde o quiz aparece”, escolha “Bloco na página” e clique em “Publicar”.
Cole o código do bloco
Na Tilda, adicione um bloco de código HTML onde o quiz deve ficar e cole dentro
<div data-leadforms-block="ID"></div>: no lugar de ID vai o número do seu quiz. Salve e publique a página.Não conseguiu configurar?
Se algo não funcionar, você pode e resolvemos juntos.
