# Como inserir um formulário de Captura no Thrive Architect. 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) **Objetivo**: Ensinar como integrar a leadlovers com o plugin **Thrive Architect**, 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 plugin **Thrive Architect,** 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 plugin [**Thrive Architect**](https://thrivethemes.com/architect/?wickedsource=google\&wickedid=345605624768\&wtm_term=thrive%20architect%20plugin\&wtm_campaign=1015233544\&wtm_content=53711766447\&wickedplacement=\&wickedkeyword=thrive%20architect%20plugin\&gclid=CjwKCAjw4rf6BRAvEiwAn2Q76nsDPut4q1TwRsR3Jm6zS6uRIfEFI5wS-duCrl3CDuBf8R7Cc5rK0xoCDhwQAvD_BwE) instalado em seu [**WordPress**](https://wordpress.org/) **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***.](#inserindo-o-codigo-do-formulario-na-pagina)\ – 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-scripts-head-e-body-na-pagina) [![](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** [![](https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-45b0ffb78373c22e.png)](http://legado.leadlovers.site/wp-content/uploads/2020/09/plugin.png) **1 –** Após logar no **WordPress**, Acesse aba **páginas** > **todas as páginas**. **2 –** Encontre a página em que o formulário está inserido e clique em “**Editar com thrive architect**” [![](https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-81a8cd1dc809c603.png)](http://legado.leadlovers.site/wp-content/uploads/2020/09/tema.png) **3 –** Na lateral direita, clique no ícone de + **4 –** Em seguida, arraste para a tela de edição o widget “**Custom HTML**” [![](https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-44586a9a29d78916.png)](http://legado.leadlovers.site/wp-content/uploads/2020/09/jornada-da-liderana-gratuito-_-thrive-architect.png) **5 –** No menu esquerdo, no campo HTML code, insira o **código do formulário** criado na leadlovers (**o segundo código**) > salve. **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-11cb79b1b92b7acc.png)](http://legado.leadlovers.site/wp-content/uploads/2020/09/engre.png) **6 –** No menu lateral direito, clique ema **configurações > Advanced settings (Configurações avançadas) > Custom Scripts** [![](https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-51c11da0b0333993.png)](http://legado.leadlovers.site/wp-content/uploads/2020/09/jornada-da-liderana-gratuito-_-thrive-architect-1.png) ```html **7 –** No campo **Header scripts (Before the end tag)**, insira o **primeiro código do formulário**, chamado de "**Arquivo CSS**". ``` ```html **8 –** No campo **Body (header) scripts (Immediately after the tag)**, insira o **terceiro código do formulário**, chamado de "**Arquivos JS**" ``` **9-** Salve. **OBSERVAÇÃO:** É preciso *testar* se funcionará nos pop-ups nativos do plugin Thrive Architect 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**!