Instapage: como conectar o formulário ao RPPC de Captura

Nesse artigo você vai saber como conectar o formulário do Instapage ao RPPC de Captura para rastrear conversão de leads no Digital Manager Guru.

Antes de começar você precisa:

Conta do Instapage ativa
Uma página com seu formulário criado
Uma integração com autoresponder ativa. Para ativar essa integração, clique aqui.

Passo-a-Passo para conectar o formulário do Instapage ao RPPC de Captura

1 - Criar R.P.P.C de Captura

Atenção: Se já criou seu R.P.P.C de Captura pode seguir para o passo 1.4.

1 – Para criar um R.P.P.C de Captura consulte:

Criar R.P.P.C de Captura de Leads

2 – Em Detalhes, copie o fomulário gerado, clicando na caixa de código.

3 – Se não estiver na tela de edição do R.P.P.C de Captura siga os passos seguintes para copiar seu código de fomulário:

4 – Acesse R.P.P.C > de Capturas.

5 – Copiar o código do formulário.

6 – Cole o código num editor de texto (ex: bloco de notas) e em seguida copie apenas o valor de action que fica entre ” “.

2 - Conectar formulário do Instapage ao RPPC de Captura do Guru

1 – Acesse sua conta do Instapage com seu usuário e senha e edite a página do Instapage onde tem o formulário.

2 – Clique no formulário para abrir as suas configurações.

3 – Selecione Submission.

4 – Cilque em Outside URL e cole o link copiado no passo 1.2.

5 – Pressione Save

6 – Copie o código abaixo.

CODE

<script>
window.instapageFormSubmitSuccess = function( form )
{
// get values from form fields

var param1 = window.__page_generator ? $( form ).find( 'input[name="'+ 'Name' +'"]').val() : $( form ).find( 'input[name="'+ base64_encode( 'Name' ) +'"]').val(); 
var param2 = window.__page_generator ? $( form ).find( 'input[name="'+ 'Email' +'"]').val() : $( form ).find( 'input[name="'+ base64_encode( 'Email' ) +'"]').val();

// Get the actual redirect url

var redirect_url = ijQuery( form ).find( 'input[name="redirect"]' ).val();

// Amend redirect url in form by adding fields from form

$( form ).find( 'input[name="redirect"]' ).val( redirect_url + '?name='+ param1 + '&email='+ param2);
}
</script>

7 – Se deseja adicionar campos personalizados ao seu código cole o código num editor de texto e siga os passos desse vídeo. (opcional)

8 – Clique em Settings.

9 – Selecione HTML/CSS.

10 – Na aba Head cole o código que copiou no passo 2.6 (se adicionou campos personalizados, cole o código copiado no passo 2.7).

11 – Salve as alterações clicando em Save.

3 - Publicar

1 – Clique em Publish para publicar o formulário.

Feito!