Como Rastrear Formulários Nativos

A SharpSpring permite mapear formulários nativos em seu site.

A ferramenta de mapeamento pode ser utilizada para puxar dados de formulários existentes em seu site, enviando essas informações para a SharpSpring. 

Este artigo detalha como rastrear diversos formulários nativos em uma única página do seu site.

Usuários com acesso:

• Administradores

Obter Códigos Incorporados de Formulários Nativos Novos

Para obter códigos incorporados (embed) de formulários nativos, faça o seguinte:

1. Na barra de ferramentas superior da SharpSpring, clique em Marketing > Conteúdo > Formulários.

2. No canto superior direito da página, clique em Criar Formulário.

3. Na janela que aparece, digite um nome para o formulário.

4. Clique na opção Formulário nativo.

5. Em Todos os novos leads devem ser atribuídos como, selecione a forma de atribuição de novos leads.

6. Clique nas opções, em seguida, para determinar como os contatos que preencherão o formulário deverão ser designados.

7. Se desejar, selecione a opção Permitir que o registro de um lead ou contato seja criado mesmo que um endereço de e-mail não seja enviado.

8. Clique em Continuar.

9. Na janela que aparece, copie o código JavaScript gerado.

Obter Códigos Incorporados de Formulários Nativos Existentes

Para obter o código incorporado (embed) de um formulário nativo que já foi criado, faça o seguinte:

1. Na barra de ferramentas superior da SharpSpring, clique em Marketing > Conteúdo > Formulários.

2. Encontre o formulário nativo desejado

3. Ao lado do campo Último Ativo, clique no ícone de três pontos em Ações > Código incorporado.

4. Na janela que aparece, copie o código incorporado.

Editar o Código Incorporado

Para editar o código incorporado (embed) para rastreamento de formulários, faça o seguinte:

1. Encontre o formulário nativo.

2. Obtenha o código incorporado do formulário.

3. Garanta que o formulário possua um ID único.

4. Adicione o ID único do formulário na seguinte linha do código incorporado:

   __ss_noform.push(['endpoint', '[id único do seu formulario aqui]',

5. Substitua 'endpoint' por 'form' na seguinte linha do código incorporado:

   __ss_noform.push(['endpoint', '[id único do seu formulario aqui]',

No código do formulário, você pode escolher qualquer ID para ele. A única exigência é que seja o mesmo ID utilizado no script. O ID é necessário para mapear e rastrear diversos formulários nativos em uma mesma página. 

 Exemplo de código editado utilizando 'native1' como o ID de formulário.

Mapear Formulários Utilizando um Único Código Incorporado

É possível mapear diversos formulários utilizando um único código incorporado (embed). Para mapear diversos formulários, faça o seguinte:

1. Encontre os formulários nativos.

2. Obtenha os códigos incorporados dos formulários.

3. Garanta que todos os formulários tenham IDs únicos.

4. Adicione um ID único de formulário na seguinte linha do código incorporado:

   __ss_noform.push(['endpoint', '[id único do seu formulario aqui]',

5. Substitua 'endpoint' por 'form' na seguinte linha do código incorporado

   __ss_noform.push(['endpoint', '[id único do seu formulario aqui]',

6. Copie a linha de código editada.

7. Em um editor de texto, cole o código copiado logo abaixo da linha de código editada.

8. Substitua o ID de formulário do código colado pelo ID único de outro formulário

9. Repita os passos acima para adicionar quantos formulários forem necessários.

Exemplo de embed code único utilizando os IDs de formulários 'native1' e
'native2'. 

Mapear Formulários Utilizando Diversos Códigos Incorporados

É possível mapear diversos formulários nativos utilizando diferentes códigos incorporados (embed).

1. Encontre um formulário nativo.

2. Obtenha o código incorporado do formulário.

3. Edite o código incorporado do formulário.

4. Copie a linha de código editada.

5. Cole o código copiado em um editor de texto.

6. Encontre outro formulário nativo.

7. Obtenha o código incorporado deste formulário.

8. Edite o código incorporado do formulário.

9. Cole todo o código incorporado editado depois do código incorporado anterior.

10. Repita conforme necessário.

Exemplo de múltiplos embed codes utilizando os IDs de formulários 'native1' e
'native2'.

Inserir Código Editado para Mapeamento

Para mapear formulários nativos rastreados, faça o seguinte:

1. Edite um código incorporado (embed) para que ele sirva com um código ou múltiplos códigos.

2. Copie o bloco de código editado inteiro.

3. Na página em que os formulários nativos estão abrigados, cole o código antes da tag </body> de fechamento.

4. Preencha as informações dos formulários para cada formulário.

5. Certifique-se de que as informações do formulário foram entregues à SharpSpring.

6. Mapeie os seus campos.