Incorporar o formulário no seu site

4 min de leitura16
Copiar para a I.A.:

Incorporar coloca o formulário dentro do seu site, sem mandar a pessoa para outro endereço. Você escolhe como ele aparece, copia um código pronto e cola no HTML da página. As visualizações, o funil e as campanhas continuam sendo contados como em qualquer outro acesso. A Clínica Vitta, em Campinas, usa a ficha de anamnese de dois jeitos: dentro da página "Agende sua avaliação" e num botão flutuante em todas as páginas do site.

Onde pegar o código

Em Formulários › (formulário) › Compartilhar › card "Incorporar no site". Escolha o modo em Como o formulário aparece, ajuste as opções que aparecem para ele e clique em Copiar código. O formulário precisa estar publicado: o código pode ser copiado antes, mas só mostra o formulário depois da publicação.

Os quatro modos

Na página

O formulário fica dentro do conteúdo, no ponto onde você colar o código, e a altura acompanha as perguntas: não aparece uma segunda barra de rolagem. É o modo da página "Agende sua avaliação" da Vitta. O código fica assim:

<div data-wisedata-form="anamnese-vitta" data-title="Ficha de anamnese"></div>
<script src="https://f.wisedataforms.com/embed.js" async></script>

Popup

O código traz um botão do seu site; ao clicar, o formulário abre centralizado por cima da página. Fecha no X, com a tecla Esc ou clicando fora dele. No celular, ocupa a tela inteira. A opção Texto do botão (até 40 caracteres) define o que está escrito nele; em branco, vai o título do formulário. Como o botão é um elemento comum da sua página, o seu site pode estilizá-lo como os outros botões.

Slide-in

Um painel aparece no canto inferior direito depois de alguns segundos, e a pessoa continua navegando no site com ele aberto. Fecha no X. O tempo vem de Aparece depois de (segundos), de 0 a 120 (o padrão é 5). Ele aparece a cada vez que a página é carregada.

Botão flutuante

Um botão fixo no canto da tela, em todas as rolagens, que abre o formulário em popup. Você define o Texto do botão e a Posição do botão (Canto direito ou Canto esquerdo). A Vitta usa "Preencher ficha" no canto direito.

Onde colar

  • Cole o código no HTML da página. Em construtores de site, use o bloco de "HTML personalizado" ou "código".
  • No modo Na página, o lugar importa: o formulário aparece exatamente onde o código estiver. Nos outros três, qualquer ponto da página serve.
  • Cole uma vez por página. Para o botão flutuante aparecer no site todo, coloque o código numa área comum a todas as páginas, como o rodapé.

Campanhas da página vão para a resposta

Se a pessoa chegou ao seu site por um endereço com parâmetros de campanha, eles passam para o formulário incorporado. Exemplo: o anúncio da Vitta leva a clinicavitta.com.br/avaliacao?utm_source=instagram&utm_campaign=outubro. Quem responde a ficha naquela página entra no Analytics como vindo de instagram, campanha outubro — sem você precisar mexer no código. Como ler isso está no artigo Origem das respostas, campanhas com UTM, dispositivos e locais.

Depois do envio

  • Agradecimento — aparece dentro do próprio quadro do formulário.
  • Redirecionamento — se o formulário manda para outro endereço depois do envio, é a página inteira que navega, não só o quadro.
  • Fechar a janela — em Editar › Depois do envio, ligue Fechar o popup e o slide-in depois do envio. A janela fecha sozinha 3 segundos depois do agradecimento. Vale para o popup (inclusive o aberto pelo botão flutuante) e o slide-in; o modo Na página não fecha, e quando há redirecionamento ele tem precedência. Como as outras opções do formulário, passa a valer depois de publicar.

Apelido e domínio próprio no código

  • O código usa o apelido do link, se houver. Trocar o apelido depois não quebra o código já colado, porque o apelido antigo continua abrindo o formulário.
  • Com domínio próprio ativo, o código sai com o seu domínio. Se você remover o domínio, o código colado com ele deixa de funcionar: copie de novo e substitua no site.

Para onde ir depois

  • Link do formulário e apelido personalizado (coleção Compartilhar) — o endereço que vai no código.
  • Agradecimento e redirecionamento (coleção Aparência e depois do envio) — o que aparece depois do envio.
  • Origem das respostas, campanhas com UTM, dispositivos e locais (coleção Analytics) — as campanhas que chegam pela página.
  • Domínio próprio (coleção Compartilhar) — o código servido pelo endereço da sua empresa.

Resumindo: em Compartilhar › Incorporar no site você escolhe Na página, Popup, Slide-in ou Botão flutuante, copia o código e cola uma vez no HTML da página; o formulário publicado aparece ali, herda as campanhas do endereço da página, redireciona a página inteira quando há redirecionamento e pode fechar sozinho 3 segundos depois do envio no popup e no slide-in.

Este artigo foi útil?