Como Integrar Formulários Unbounce

Você pode integrar formulários do Unbounce na SharpSpring.

Este artigo fornece informações sobre como integrar esses formulários.

Configurando o Rastreio de Site da SharpSpring

Para definir o rastreamento de site da SharpSpring para as páginas do Unbounce, faça o seguinte:

1. Em uma aba do navegador, faça login na SharpSpring.

2. Crie um site na SharpSpring.

3. Certifique-se de que o domínio é o mesmo do URL das suas páginas do Unbounce.

4. Faça uma cópia do código incorporado do site da SharpSpring, após a criação do site.

Importante: ao passo em que os grupos de caixas de seleção são suportados nos formulários Unbounce, eles não são suportados de forma adequada para a SharpSpring receber seus dados via recurso de Webhook. Atualmente, a SharpSpring não consegue coletar grupos de caixas de seleção. Caixas de seleção individuais, no entanto, são possíveis.

Definindo o Código do Unbounce

No Unbounce, a melhor prática é a de utilizar um modelo de base para criar todas as páginas. Caso você já tenha criado páginas, você precisará adicionar o script incorporado em todas as páginas que você deseja rastrear.

O domínio que você criou na Unbounce também precisa ser o mesmo domínio daquele anexado no site que você criou na SharpSpring. Para definir o código Unbounce, faça o seguinte:

1. Em outra página do navegador, faça login no Unbounce.

2. Clique na página que gostaria de editar.

3. Clique em Javascripts.

4. Cole o código incorporado do site da SharpSpring dentro da página, antes do final do corpo.

5. Renomeie o código incorporado para SharpSpring Tracking Code.

6. Dentro do script de rastreio da SharpSpring, após _ss.push(['_setXXXX', , adicione o seguinte código: _ss.push(['_setResponseCallback', function(resp) { document.getElementById('trackingid__sb').value = resp.trackingID; }]);

7. Conclua a criação da página.

8. Utilize isso como uma base para criar todas as suas outras páginas, usando a opção duplicar página.

9. Certifique-se de que estas páginas estão sendo rastreadas de maneira adequada após serem publicadas, visitando-as.

Nota: a SharpSpring oferece Serviços Profissionais para lhe auxiliar na codificação personalizada.

Criando um Formulário Nativo

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

1. Em uma aba do navegador, faça login na SharpSpring.

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

3. Clique em Criar Formulário.

4. Insira um nome para o formulário.

5. Clique no botão Formulário Nativo.

6. Clique no botão adequado para determinar como os contatos que preencherem o formulário devem ser atribuídos.

7. Opcionalmente, clique na caixa de seleção Permitir que um lead ou um registro de contato seja criado mesmo que nenhum endereço de e-mail seja fornecido.

8. Clique em Continuar.

9. Na janela que aparecer, copie o código Javascript gerado.

10. Cole o código copiado em editor de texto.

11. Mantenha o editor de texto aberto para consulta.

---

Adicionando Campos Ocultos e Webhooks

Para adicionar um campo oculto e uma postagem de webhook em formulário Unbounce, faça o seguinte:

1. Retorne para a aba do Unbounce.

2. Na Unbounce, abra o formulário que será integrado.

3. Adicione um novo campo oculto no seu formulário.

4. No campo Field Name and ID, insira trackingid__sb.

5. Adicione um URL de Postagem de Webhook.

O URL de Postagem de Webook é um string de URL criado utilizando a baseURI, endpoint, jsonp, e os parâmetros do campo. Considere o seguinte código:

https://app-XXXXXXX.marketingautomation.services/webforms/receivePostback/XXXXXXXX/xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx/jsonp/?CompanyName=(company)&FirstName=(first_name)&LastName=(last_name)&Email=(email)&Subscribe=(keep_me_updated)&trackingid__sb=(trackingid__sb)

No código de exemplo, as partes do Webhook são as seguintes:

Ao criar um Webhook, considere o seguinte:

• o baseURI e o endpoint podem ser encontrados no código de rastreamento do formulário nativo, gerado na SharpSpring.

• Para os parâmetros, o nome de identificação deve ser um nome amigável, tal como CompanyName. Depois desse nome fica um sinal de igual =. Segue-se o ID de campo do Unbounce, o que é enquadrado por parênteses ( ).

Nota: o texto trackingid__sb possui dois "underlines".

Mapeando Formulários na SharpSpring

Uma vez que um site tenha sido rastreado na SharpSpring, um formulário e o código de uma página Unbounce tenham sido modificados, um formulário nativo tenha sido criado, e campos ocultos e Webhooks tenham sido adicionados em um formulário Unbounce, você poderá mapear o formulário nativo da SharpSpring e o formulário Unbounce. Para mapear esses formulários, faça o seguinte:

1. Na aba do Unbounce, navegue até a versão atual da página do Unbounce.

2. Preencha o formulário.

3. Envie o formulário uma vez.

4. Na aba da SharpSpring, clique em Conteúdo > Formulários.

5. Abra o formulário nativo.

6. Clique em Atualizar esta Página.

7. Na página Mapeamento de Campos que aparecer, mapeie os campos com os campos da SharpSpring.

8. Clique em Salvar Mapeamentos.

Nota: caso o formulário já tenha sido mapeado, você precisará resetar o mapeamento do formulário antes.

Nota: o envio utilizado para o mapeamento não ficará salvo como um lead, mas o próximo deve criar ou atualizar um lead.