# Como inserir um formulário de Captura no tema Avenger

Se você caiu aqui aleatoriamente e não conhece o [**WordPress**](https://br.wordpress.com/) e nem sabe como o mesmo pode ser integrado ao leadlovers, confere primeiro este artigo: **Integração**[ **leadlovers com WordPress**.](/paginas/wordpress/wordpress-integracao-com-optimizepress)

**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**](https://wpavenger.com/) instalado em seu [**WordPress**](https://wordpress.org/) e 

**2.** Ter um [**Formulário de Captura**](/paginas/chatbot) (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***.](#codigo)\
– 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***.](#scripts)

[![](https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-419d43e6cb6d6db2.png)](http://legado.leadlovers.site/wp-content/uploads/2020/09/formulrios-de-captura-teste-2-leadlove.png)

## **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.

[![](https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-cdaaf336d770a56f.png)](http://legado.leadlovers.site/wp-content/uploads/2020/09/avenger.png)

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

[![](https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-4a0c53926e0f77de.png)](http://legado.leadlovers.site/wp-content/uploads/2020/09/tipo.png)

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

**3 –** Clique em “**Tipo de Página**”

[![](https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-147d8950e79fa02c.png)](http://legado.leadlovers.site/wp-content/uploads/2020/09/pi.png)

**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**

[![](https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-25fb2248b7767708.png)](http://legado.leadlovers.site/wp-content/uploads/2020/09/editar-pgina-semquedadecabelo.com-wordpress.png)

**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**!