Adicionando Submissão Manual a Formulários Nativos

Última atualização: 9 de outubro de 2024


Existem alguns casos em que um formulário pode não acionar uma ação de envio para o código do Lead Gen & CRM Native Form capturar, ou pode acioná-la de uma maneira que o código não reconhece corretamente. Alguns exemplos incluem o uso de Ajax para enviar formulários em seu site, certos scripts de validação que precisam ser executados antes de enviar para o Lead Gen & CRM, ou suas submissões ao Lead Gen & CRM estão sendo interrompidas por uma mudança de página.

Este artigo detalhará como adicionar uma opção de submissão manual ao seu script de rastreamento de formulário nativo caso isso aconteça.

Conteúdos do Artigo

 
 
Usuários:
Administradores ✓  
Gerentes de Empresa    
Gerentes de Marketing    
Gerentes de Vendas    
Vendedores    
Vendedores Jr.    

Adicionando Submissão Manual a Formulários Nativos

A submissão manual é necessária para formulários nativos com botões de envio que estão envolvidos em uma tag <button>.

Para adicionar submissão manual a formulários nativos, faça o seguinte:

  1. Adicione um ID ao formulário nativo que será rastreado. O seguinte é um exemplo de um ID de formulário nativo.

    formID.png
     

  2. Crie um formulário nativo no Lead Gen & CRM.
  3. Copie o código do formulário e cole em um editor de texto, como Atom ou Brackets.
  4. Altere 'endpoint' para 'form' no código do formulário.
  5. Adicione um parâmetro para o ID do formulário diretamente após 'form' no código do formulário.

    O seguinte é um código de exemplo com 'myform' como o ID do formulário e o valor do endpoint seguindo-o:

     <script type="text/javascript">
    var __ss_noform = __ss_noform || [];
    __ss_noform.push(['baseURI', 'https://app-2GCK1V3Z33.marketingautomation.services/webforms/receivePostback/WxviTCKbWEDiVzA/']);
    __ss_noform.push(['form', 'myform', '1234io3l-c442-8c9e-1234-9933b6n1gi6s']);
    __ss_noform.push(['submitType', 'manual']);
    </script>
    <script type="text/javascipt" src="https://koi-2GCK1V3Z33.marketingautomation.services/client/noform.js?ver=1.24"></script>
  6. Adicione uma linha consistindo de __ss_noform.push(['submitType', 'manual']); antes da primeira tag de fechamento </script> no código do formulário.
  7. Adicione a seguinte linha ao código que manipula a submissão do seu formulário uma vez que ele esteja preenchido:  
    __ss_noform.push(['submit', null, '1234io3l-c442-8c9e-1234-9933b6n1gi6s']);

    Como esta linha de código aciona a submissão ao Lead Gen & CRM, esteja ciente de que este código não deve ser executado ao carregar a página, mas sim acionado como parte do seu processo de submissão de formulário. 

Considerações Adicionais

O uso de 'null' no código funcionará na maioria das situações, mas se algo precisar acontecer somente após o código ter terminado de submeter o formulário, este parâmetro pode ser uma função de callback.

__ss_noform.push(['submit', function () {window.location = 'http://mysite.com/thank-you';}, '1234io31-b123-8c8e-1234-9999a3n8g21b']);

Ao usar o código de submissão manual, atenha-se ao seguinte:

  • O código fornecido deve ser chamado após o script acima ao submeter o formulário.
  • A string final no código fornecido deve ser a mesma string na linha três do script do formulário nativo.
  • O código fornecido precisa ser executado de dentro do seu próprio código de submissão de formulário e não deve ser executado ao carregar a página.
  • O código fornecido deve ser executado uma vez que qualquer validação para o formulário tenha sido aprovada, mas antes que o formulário seja removido da página. 
Nota: Constant Contact oferece Serviços Profissionais para ajudar com codificação personalizada.
 

Outros artigos