Incorporar o form no seu site
Mostre o form dentro de uma página ou como popup, com gatilho por clique, tempo ou rolagem.
Escrito por Marcos
Última atualização Há cerca de 3 horas
Além do link, o form pode aparecer dentro do seu site. Você escolhe entre mostrá-lo no meio de uma página (inline) ou numa janela por cima da página (modal).
Inline ou modal?
Inline
O form aparece no lugar onde você colar o código, como parte da página. A altura se ajusta sozinha ao conteúdo.
Bom para uma página "Deixe seu depoimento".
Modal
O form abre num popup por cima da página, ao clicar num botão, depois de um tempo ou depois de uma rolagem.
Bom para pedir depoimento sem tirar o visitante da página.
Pegar o código
Abra o compartilhamento
No editor do form, clique no ícone de compartilhar. Ou, na lista de Forms, use o menu ⋮ › Compartilhar.
📷 [IMG-forms-12] Cartão Incorporar no seu site com a aba Modal aberta, o gatilho Após um tempo e os três códigos.
Inline
Cole o código onde o form deve aparecer. O app gera o código com o ID do seu form; o exemplo abaixo usa SEU_FORM_ID.
<script async src="https://app.testimoniacs.com/form-embed.js"></script>
<div data-testimoniacs-form="SEU_FORM_ID"></div>Modal
Primeiro escolha o Gatilho de abertura:
Depois copie os códigos. O primeiro vai no <head> ou no <body>; os outros dois são formas de abrir o popup:
<script async src="https://app.testimoniacs.com/form-embed.js" data-testimoniacs-popup="SEU_FORM_ID" data-trigger="button"></script><button type="button" data-testimoniacs-form-open="SEU_FORM_ID">Deixar um depoimento</button>window.TestimoniacsForm.open("SEU_FORM_ID");Com os gatilhos de tempo ou rolagem, o app troca data-trigger="button" por data-trigger="time" data-delay="10" ou data-trigger="scroll" data-scroll="60". Qualquer elemento com data-testimoniacs-form-open abre o popup. O popup fecha com ✕ ou com a tecla Esc.
Os gatilhos Após um tempo e Após rolar a página abrem o popup só uma vez por sessão do navegador, e não abrem mais para quem já respondeu. Para testar de novo, abra sua página numa janela anônima nova.
Perguntas frequentes
Funciona no WordPress, Webflow, Wix e outros?
Funciona no WordPress, Webflow, Wix e outros?
Sim, em qualquer site que aceite HTML personalizado. Use o bloco de HTML ou de código incorporado da sua plataforma.
O form incorporado usa meu domínio próprio?
O form incorporado usa meu domínio próprio?
Não. O código sempre carrega do domínio do app (app.testimoniacs.com). O domínio próprio vale para o link do form.
Consigo ver de onde vieram as respostas?
Consigo ver de onde vieram as respostas?
Sim. Em Insights, o card de sessões dos forms separa as visitas por origem: link, embed inline ou embed modal.
Artigos relacionados
Isso foi útil?
Ainda precisa de ajuda? Pergunte à equipe