Conectando Formulários Quform ao Lead Gen & CRM

Sobre Quforms

Ao conectar vários formulários na mesma página, um ID precisa ser declarado para que o código do Lead Gen & CRM determine qual formulário capturar. Com Quform, o ID pode ser dinâmico. Após visualizar o ID e declará-lo no código do Lead Gen & CRM, o ID pode ser diferente na próxima vez, impedindo que o código do Lead Gen & CRM encontre o formulário.

No entanto, ao utilizar a classe única do formulário, você pode conectar melhor o formulário ao Lead Gen & CRM. Isso captura o ID dinâmico e o armazena na variável, para que o código do Lead Gen & CRM possa obter o ID do formulário, mesmo que não seja o mesmo em cada carregamento da página.

Além disso, os Quforms mudaram recentemente seu tipo de classe. Anteriormente, a classe qphorm era chamada de iphorm. Assim, seus formulários Quform mais antigos podem ter a antiga classe iphorm. Continue usando iphorm nos formulários mais antigos, mas use qphorm com formulários novos.

Para informações sobre como acessar e criar Quforms, consulte o seguinte:

• Documentação externa de ajuda do Quform WordPress v1
• Documentação externa de ajuda do Quform WordPress v2 

Conectando Formulários

Você pode conectar formulários Quform ao Lead Gen & CRM.

Para conectar formulários Quform ao Lead Gen & CRM, faça o seguinte:

1. Abra uma nova aba em seu navegador.
2. Crie um formulário Quform nessa aba do navegador.
3. Visualize o código HTML do formulário Quform na página onde você colocou seu formulário Quform. 
4. Use a classe única do formulário qphorm-form-1.
   Nota: A classe única é importante porque possui um ID dinâmico, mas não uma classe estática. Normalmente, IDs estáticos são necessários, mas o Quform não possui tais.
5. Abra outra nova aba em seu navegador.
6. Faça login no Lead Gen & CRM nessa aba do navegador.
7. Clique em Formulários na barra lateral esquerda.
8. Crie ou edite um formulário de terceiros.
9. Clique    Ações > Código de Incorporação.
10. Localize a seguinte linha no código de rastreamento:
    __ss_noform.push([endpoint, 'xxXXxxxX-XXxX-XXXX-xXxx-XXxXXXxXxxxX']);
11. Adicione o seguinte acima dessa linha:
    var formID1 = jQuery(".qphorm-form-1").attr("id");
    Importante: Certifique-se de usar a classe do formulário que você está conectando onde “.qphorm-form-1” é mostrado. Além disso, certifique-se de colocar um ponto antes de qphorm.
12. Altere endpoint para o seguinte dentro da linha do endpoint:
    __ss_noform.push([form, formID1,  'xxXXxxxX-XXxX-XXXX-xXxx-XXxXXXxXxxxX']);
    Nota: Deixe seu valor original de endpoint onde estão os valores X. Certifique-se de colocar o nome da variável onde formID1 está.
13. Prossiga com conectando e mapeando um Formulário Nativo.

A variável deve ser diferente para cada formulário que você está conectando na página. Está tudo bem usar apenas formID1, depois formID2, e assim por diante, mas esteja ciente de que o nome não é importante desde que seja único. 

Códigos de Exemplo

O seguinte exemplo é um código com duas classes de formulário:

<form id="qphorm-2b2177d7c1692"  action="/connect-with-us/contact-us/#qphorm-41ab457e683f4" method="post" enctype="multipart/form-data" novalidate="novalidate">

O seguinte exemplo é um código Quform completo: 

<script type="text/javascript">
    var formID1 = jQuery(".qphorm-form-1").attr("id");
    var __ss_noform = __ss_noform || ;
    __ss_noform.push(['baseURI', 'https://app-XXXXXXXXX.marketingautomation.services/webforms/receivePostback/XxXxXXXXxxxxXxxX/']);
    __ss_noform.push([form, formID1,  'xxXXxxxX-XXxX-XXXX-xXxx-XXxXXXxXxxxX']);
</script>
<script type="text/javascript" src="https://koi-3QCZ2N3R1E.marketingautomation.services/client/noform.js?ver=1.24" ></script>