Como inserir um formulário de Captura no tema Avenger
Atualizado
Atualizado
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 Aba 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 na sua máquina, 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!
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.
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.
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!
