Ao conectar o Quform com a SharpSpring, pode-se apresentar algumas dificuldades quando vários formulários já estão na página - mesmo que não sejam todos formulários do Quform.
Se um Quform estiver sozinho em uma página, o código de formulário padrão da SharpSpring deve funcionar.
Este artigo detalha como conectar os formulários Quform com a SharpSpring.
Usuários com acesso:
- Administradores
Sobre Quforms
Ao conectar vários formulários na mesma página, é necessário declarar um ID para que o código da SharpSpring determine qual formulário capturar. Com Quform, o ID pode ser dinâmico. Após visualizar o ID e declará-lo no código da SharpSpring, o ID poderá ser diferente na próxima vez, impedindo que o código da SharpSpring encontre o formulário.
No entanto, utilizando a classe exclusiva do formulário, você pode conectar melhor o formulário com a SharpSpring. Isso captura o ID dinâmico e o armazena na variável, para que o código da SharpSpring possa obter o ID do formulário, mesmo que não seja o mesmo em cada carregamento da página.
Além disso, o Quforms mudou recentemente seu tipo de classe. Anteriormente, a classe qphorm era chamada iphorm. Dessa forma, seus formulários Quform mais antigos podem ter a classe iphorm antiga. Continue usando o iphorm nos formulários mais antigos, mas use o qphorm ao avançar com os formulários.
Para obter informações sobre como acessar e criar Quforms, consulte o seguinte:
-
Quform Wordpress v1 - documentação externa de suporte
-
Quform Wordpress v2 - documentação externa de suporte
Conectando Formulários
Para conectar formulários Quform com a SharpSpring, faça o seguinte:
-
Em uma aba do navegador, crie um formulário Quform.
-
Na página que você colocou o seu formulário Quform, visualize o código HTML do formulário Quform.
-
Utilize a classe exclusiva do formulário qphorm-form-1.
-
Em outra aba do navegador, faça login na SharpSpring.
-
Na barra de ferramentas superior da SharpSpring, clique em Conteúdo > Formulários.
-
Crie ou edite um formulário de terceiro.
-
Clique em Ações > Código Incorporado.
-
Localize a seguinte linha no código de rastreamento: __ss_noform.push([endpoint, 'xxXXxxxX-XXxX-XXXX-xXxx-XXxXXXxXxxxX']);
-
Acima desta linha, adicione o seguinte: var formID1 = jQuery(".qphorm-form-1").attr("id");
-
Dentro da linha do endpoint, altere o endpoint para o seguinte: __ss_noform.push([form, formID1, 'xxXXxxxX-XXxX-XXXX-xXxx-XXxXXXxXxxxX']);
-
Prossiga com a conexão e o mapeamento de um Formulário Nativo.
A variável deve estar diferente para cada formulário que você estiver conectando na página. Não há problema em usar apenas formID1 , e então formID2 , e assim por diante. Mas saiba que o nome não é tão importante, basta que seja único.
Nota: a SharpSpring oferece Serviços Profissionais para auxiliar na codificação personalizada.
Nota: a classe exclusiva é importante porque ela possui um ID dinâmico, mas também uma classe estática. Normalmente, IDs estáticos são necessários, mas o Quform não os possui.
Importante: os seus formulários Quform antigos podem possuir a classe iphorm. Esses formulários antigos devem utilizar iphorm quando qphorm for mencionado neste procedimento.
Importante: certifique-se de utilizar a classe do formulário que você estiver conectando onde for mostrado ".qphorm-form-1". Além disso, certifique-se de colocar um ponto final antes de qphorm.
Nota: deixe o seu valor original de endpoint onde estão os valores X. Certifique-se de inserir o nome da variável onde formID1 estiver.
Exemplos de Códigos
O seguinte exemplo é um código com duas classes de formulário:
<form id="qphorm-2b2177d7c1692" class="qphorm qphorm-form-1" action="/connect-with-us/contact-us/#qphorm-41ab457e683f4" method="post" enctype="multipart/form-data" novalidate="novalidate">
O seguinte é 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>
Comentários
0 comentário
Artigo fechado para comentários.