Como inserir um formulário de Captura no tema Avenger

Se você caiu aqui aleatoriamente e não conhece o WordPress e nem sabe como o mesmo pode ser integrado ao leadlovers, confere primeiro este artigo: Integração leadlovers com WordPress.

Objetivo: Mostrar como integrar a leadlovers com o tema Avenger, caso o usuário opte por criar as páginas na plataforma WordPress.

Para quê serve: Ao criar um formulário na Opção Formulários de Captura, na leadlovers, irá gerar o formulário em código HTML. É possível inserir esse código HTML dentro das páginas criadas através do tema Avenger, assim, todas as pessoas que se cadastrarem nesse formulário serão capturadas como leads no seu projeto, funil e sequência.

Requisito(s) obrigatório(s):

1. Ter o tema Avenger instalado em seu WordPress e

2. Ter um Formulário de Captura (estático ou dinâmico) criado aqui na leadlovers.

ATENÇÃO**:** A ausência e/ou inserção incorreta dos respectivos códigos nos campos descritos neste tutorial, resultará em mal funcionamento do formulário!
TODOS os códigos devem ser inseridos!

Quais são os códigos do formulário estático de captura?

Os formulários (Estático Padrão e Dinâmico) possuem três códigos: CSS – código do formulário – JS . Conforme ilustração abaixo, respectivamente, são esses: primeiro, segundo e terceiro código.
Códigos esses que devem ser inseridos cada um em seu devido campo dentro de sua página criada através do WordPress.

Observação: O formulário Estático Simples possui apenas 2 códigos: o CSS (configuração de layout) + o Código do Formulário. Mas, ambos podem ser inseridos juntos direto no corpo da página.

IMPORTANTE:
– Caso esteja utilizando o formulário estático do tipo Simples (sem script) faça apenas a parte de Inserindo o código.
– Agora, se estiver usando o formulário estático do tipo Padrão (com script) ou o formulário Dinâmico realize também os passos da parte Inserindo scripts HEAD e BODY.

Inserindo o código do formulário na página

Há diversas maneiras de inserir um formulário pelo Avenger, mas aqui iremos te mostrar a principal delas.

1 – Após logar no WordPress, acesse a página desejada e na parte superior da tela clique em Editar página.

2 – Acesse “Configuração de Página”

3 – Clique em “Tipo de Página”

4 – Role o mouse para baixo, até encontrar o campo Código HTML do formulário de captura. Ali, insira o código do formulário criado na leadlovers (o segundo código)

Observação: Se você utiliza o formulário do tipo Estático Simples (sem script) o código CSS, o primeiro código, que ele possui pode ser inserido também direto no corpo da página junto ao corpo do formulário.
É muito importante que a aplicação seja na ordem dos códigos: CSS primeiro e depois o restante.

Inserindo scripts HEAD e BODY na página

5 – Acima da opção “Configurações da Página”, no campo Scripts Personalizados no Cabeçalho, insira o primeiro código do formulário, chamado de “Arquivo CSS“.

6 – No campo Scripts Personalizados no Rodapé, insira o terceiro código do formulário, chamado de “Arquivos JS“

7- Salve.

OBSERVAÇÃO: É preciso testar se funcionará nos pop-ups nativos do tema Avengers o formulário estático do tipo Padrão (com script) ou o formulário Dinâmico.

Suporte

Se surgir qualquer dúvida ou situação, ou se precisar de qualquer ajuda durante
este procedimento, por favor,
entre em contato com o nosso suporte!