Pular para o conteúdo principal

Conectando Formulários TypeForm

Fernanda Matias
  • Atualizado

Devido à maneira pela qual os formulários TypeForm são criados e processados, a SharpSpring não consegue capturá-los como formulários.

Conectar formulários TypeForm com a SharpSpring lhe permite estabelecer rastreio.

Este artigo detalha como conectar formulários TypeForm.

 

Usuários com acesso:

  • Administradores
  •  

 

Estabelecendo Rastreio com o TypeForm

A principal diferença entre os formulários TypeForm e um evento de preenchimento de formulário é que os formulários TypeForm não deixam um registro na Vida do Lead, e quaisquer automações associadas precisariam ser engatilhadas por uma alteração de campo, e não por um evento de preenchimento de formulário.

Para estabelecer rastreio com um formulário TypeForm, faça o seguinte:

  1. Crie um campo oculto no TypeForm.

  2. Nomeio o campo oculto para TrackingID.

  3. Conecte um formulário TypeForm ligado (mas não incorporado) com rastreamento. O que se segue é um exemplo de código:

<a target="_blank" href="https://mycompany.typeform.com/to/H6ptOZ">Text shown for link here.</a>

4. Dê à tag <a> um ID. O que se segue é um exemplo de código:

<a target="_blank" id="typeform-link" href="https://mycompany.typeform.com/to/H6ptOZ">Text shown for link here.</a>

5. Adicione o seguinte código à página acima do formulário, ou em qualquer lugar abaixo do código de rastreamento de site da SharpSpring:

<script type="text/javascript">
    var callThisOnReturn = function(resp) {
        if (resp) {
            document.getElementById('#typeform-link').setAttribute('href','https://mycompany.typeform.com/to/H6ptOZ?trackingID=' + 'resp.TrackingID');
            console.log('set');
        }
    };
    _ss.push(['_setResponseCallback', callThisOnReturn]);
 </script>

Caso o seu código TypeForm não apareça de maneira similar ao código de exemplo, ou no caso de você estar rastreando múltiplos formulários TypeForm na mesma página, entre em contato com o suporte da SharpSpring para assistência.

Nota: a SharpSpring oferece Serviços Profissionais para auxiliar na codificação personalizada.


Conectando Formulários TypeForm com Rastreamento Incorporado

Formulários TypeForm incorporados mostram que o URL no navegador permanece sendo o seu domínio, enquanto o formulário está sendo preenchido.

Formulários TypeForm incorporados exigem que o código de rastreamento da SharpSpring também esteja na página.

Para conectar Formulários TypeForm incorporados, faça o seguinte:

1. Procure o código incorporado. O que se segue é um exemplo de código incorporado:

<div class="typeform-widget" data-url="https://mycompany.typeform.com/to/Z5mdUO?typeform-welcome=0" data-transparency="50" data-hide-headers=true style="width: 100%; height: 500px;"></div><script>(function(){var qs,js,q,s,d=document,gi=d.getElementById,ce=d.createElement,gt=d.getElementsByTagName,id="typef_orm",b="https://s3-eu-west-1.amazonaws.com/share.typeform.com/";if(!gi.call(d,id)){js=ce.call(d,"script");js.id=id;js.src=b+"widget.js";q=gt.call(d,"script")[0];q.parentNode.insertBefore(js,q)}})()</script>

2. Copie e retenha o URL de parâmetro data-url. O que se segue é um exemplo de um parâmetro:

https://mycompany.typeform.com/to/Z5mdUO<br>

3. Remova a seção data-url do <div>. O que se segue é um exemplo de como deveria aparecer:

<div class="typeform-widget" data-transparency="50" data-hide-headers=true style="width: 100%; height: 500px;"></div>

4. Cole o seguinte script depois do código <div>:

<script type="text/javascript">
    var callThisOnReturn = function(resp) {
        if (resp) {
// In the line below, the URL should be the data-url from above, plus ‘?TrackingID=’           document.getElementsByClassName('typeform-widget')[0].setAttribute('data-url','https://mycompany.typeform.com/to/Z5mdUO?TrackingID=' + 'resp.trackingID');
        } else {
 // In the line below, the URL should be the data-url from above with no changes     document.getElementsByClassName('typeform-widget')[0].setAttribute('data-url','https://franchiselens.typeform.com/to/Z5mdUO’);
        }
        (function(){var qs,js,q,s,d=document,gi=d.getElementById,ce=d.createElement,gt=d.getElementsByTagName,id="typef_orm",b="https://s3-eu-west-1.amazonaws.com/share.typeform.com/";if(!gi.call(d,id)){js=ce.call(d,"script");js.id=id;js.src=b+"widget.js";q=gt.call(d,"script")[0];q.parentNode.insertBefore(js,q)}})();
    };
    _ss.push(['_setResponseCallback', callThisOnReturn]); 
 </script>

5. Cole o URL do data-url retido na seção apropriada do código.

Caso o código do seu TypeFrom não aparecer de maneira similar ao exemplo de código, ou no caso de estar rastreando múltiplos formulários TypeForm na mesma página, entre em contato com o suporte da SharpSpring para assistência.

 

Sobre os URLs Estabelecidos

Caso o seu URL já esteja sendo estabelecido e acompanhado por dados, altere o URL no código, anexando um & e o TrackingID no final do URL.

Considere o seguinte URL de exemplo: https://mycompany.typeform.com/to/H6ptOZ?typeform-welcome=0

Como ?typeform-welcome=0 acompanha o URL, a seguinte linha de código deve ser alterada:

document.getElementById('#typeform-link').setAttribute('href','https://mycompany.typeform.com/to/H6ptOZ?trackingID=' + 'resp.TrackingID');

Este código deve ser alterado para aparecer como o seguinte:

document.getElementById('#typeform-link').setAttribute('href','https://mycompany.typeform.com/to/H6ptOZ?typeform-welcome=0&TrackingID=' + 'resp.TrackingID');
<br>

 

Criando Páginas de Redirecionamento

Existem maneiras de estabelecer rastreamento em um formulário TypeForm não incorporado. Para fazer um link a um formulário TypeForm que não está incorporado em sua própria página externamente (tal como um comentário em outra página, uma postagem do Facebook, ou um link do Twitter), você ainda consegue estabelecer rastreamento configurando uma página de redirecionamento. Para fazer isso, faça o seguinte:

  1. Crie uma página com o seu próprio domínio que contenha o código de rastreamento da SharpSpring e o código para anexar o cookie de rastreamento.

  2. Adicione a página ao código do TypeForm. O que se segue é um código de exemplo:

<script type="text/javascript">
    var callThisOnReturn = function(resp) {
        if (resp) {
            window.location = 'https://mycompany.typeform.com/to/H6ptOZ?trackingID=' + 'resp.TrackingID';
        }
    };
    _ss.push(['_setResponseCallback', callThisOnReturn]);
 </script>

3. Compartilhe o URL da página criada que você criou em qualquer lugar que faça o link para o formulário, de uma página que não possa ser rastreada na SharpSpring.

 

Mapeando e Conectando Zaps no Zapier

Assim que um formulário for estabelecido, configure um Zap in Zapier. Ao mapear os campos na SharpSpring, mapeie o campo denominado TrackingID para o campo Tracking ID da SharpSpring.

Após o Zap ser configurado e o formulário for preenchido, o contato deve possuir um dispositivo rastreado sob a aba de Subscrições. Isso também fará puxar os dados de visita anteriores, como faria qualquer preenchimento normal de formulário.

Ao utilizar o Zapier, você pode criar e atualizar leads, bem como estabelecer rastreamento. Dito isso, caso você não precise estabelecer rastreamento, configure um Zap in Zapier. Desta maneira, um preenchimento de formulpario TypeForm engatilha uma ação de Criar/Atualizar Lead na SharpSpring.

Artigos relacionados

Comentários

0 comentário

Artigo fechado para comentários.

Powered by Zendesk