# Como criar campos dinâmicos e como criar formulário dinâmico

Para criar campos dinâmicos na leadlovers, acesse Ferramentas no canto superior direito, passe o mouse em Gestão de contatos, selecione Campos de captura personalizados e use o botão de + para cadastrar cada campo; o formulário dinâmico, por sua vez, é criado dentro do projeto, na aba Formulários de Captura.

**Objetivo:** Capturar informações personalizadas do lead através\
do uso de um formulário dinâmico.\
**Para que serve:** Guiar o usuário a criação de campos dinâmicos facilmente.

Caso queira criar um formulário tradicional, clique em [Como criar um Formulário Estático de captura](/paginas/chatbot).

Este artigo abrange os seguintes tópicos:

* [Criando campos dinâmicos](#h_01fxammwa2raay5knzgdpzgyj5)
* [Criando o formulário dinâmico](#h_01fxamn0cjvezvwx3agbm8yj4w)
* [Como incluir um formulário dinâmico em página criada pelo Construtor por Componentes](#h_01fxamn4gdgf8kwkytdsxy2e0j)

### **Criando campos dinâmicos:**

Chamamos de dinâmicos os campos personalizados pelo usuário em um formulários.\
Seja ele em um formulário dinâmico, na função campos dinâmicos, ou campos dinâmicos do lead ads.\
Essas 3 funcionalidades possuem a mesma capacidade de capturar dados personalizados, criados a partir do usuário.

**1** – Clique no ícone de **Ferramentas**, localizado no canto superior direito de sua conta na leadlovers.

**2** – Passe o mouse sobre **Gestão de contatos** e selecione a opção **Campos de captura personalizados**.

::figure{src="https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-5acad1f4a937c212.png"}

**3** – Clique no **botão de +** , localizado no canto inferior direito da tela.

::figure{src="https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-7b7b6f5e20084c62.png"}

Em seguida você irá criar os campos de acordo com a sua necessidade.\
Muito cuidado com a nomenclatura utilizada, elas aparecerão para o seu lead.

**4** – No **campo Nome**: Insira o **Nome** que deseja por no campo dinâmico/personalizado.

**5** – Em **Descrição (Placeholder):** Você vai inserir o texto que é exibido dentro\
do campo dinâmico, de forma bem discreta.

::figure{src="https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-1797c200886955ef.png"}

Aqui um exemplo de como funciona o campo Placeholder.

**Exemplo:**

::figure{src="https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-4c24f3dbed8e0df5.png"}

**6** – Já em **Tag**, adicione um nome para identificar esse campo

**Obs:** Essa tag poderá ser utilizada nas tags de e-mail, para localizar esse campo criado. Se\
não sabe o que é uma tag de e-mail,[ saiba mais clicando aqui.](/automacoes/projetos/como-utilizar-as-tags-de-e-mail)

**7** – Em **Tipo de campo**, você irá determinar o tipo do campo.\
Se é um campo de texto, de telefone, de documento, de e-mail, de seleção, múltipla escolha ou escolha única, etc.

Lembrando que, é obrigatório ter ao menos um campo do tipo e-mail ou telefone criado em seu formulário. Esses são os únicos campos obrigatórios em um formulário de captura.

Esse passo é bem importante, então **Atenção**!

**8** – Em **Vincular a um campo fixo**:\
Aqui é onde a mágica acontece, você poderá vincular este campo dinâmico à um campo nativo do sistema.

**Para que serve:**\
Essa funcionalidade precisa ser ajustada, caso você precise utilizar a tag deste campo dinâmico em um e-mail, exemplo. Visto que, as tags de e-mail só podem ser utilizadas em campos nativos do sistema. Mas, caso não for utilizar a tag deste campo dinâmico em um e-mail, não é preciso habilitar\
essa função.

**9** – Em, Combinar **campos do Facebook**:

Este é um novo recurso adicionado a leadlovers, recentemente o lead ads deu uma atualizada permitindo enviar campos dinâmicos do formulário do Facebook para leadlovers.

::figure{src="https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-69b3dd6ef79fcbb3.png"}

E **Como funciona**:

O primeiro passo é criar seus campos dinâmicos na leadlovers.\
Ainda dentro da criação, ativar a opção: **Combinar com campos dinâmicos do facebook.**

Muito importante: Salvar exatamente a forma que foram criados esse campo.\
Visto que será preciso recriar esses campos exatamente igual no Facebook.

Segue exemplo:

Campos criados **na leadlovers:**

::figure[Campo criado na leadlovers]{src="https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-4d3de8ed1f47e7b4.png"}

Mesmo campo criado **no Facebook ads:**

::figure{src="https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-e6aa63c5f60e30ea.png"}

**10** – Após isso Clique em **Salvar**.

### **Ordenando a visualização dos Capos Dinâmicos**

**Para definir a ordem dos seus campos dinâmicos, siga as orientações a seguir:**

1. Localize a coluna **Ordem**

::figure{src="https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-6d704d3219a3f475.svg"}

1. Use as setas para mover o campo dinâmico desejado para cima ou para baixo na lista.

::figure{src="https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-70000284027b24d7.svg"}

### **Criando o formulário dinâmico:**

## O que são campos dinâmicos

Campos dinâmicos são campos personalizados que podem ser utilizado dentro de páginas da leadlovers, de forma rápida e prática. Após a criação os campos é possivel selecionar um componente de formulário e selecionar os campos desejados sem a necessidade de criar um novo.

## **Localizando os campos dinâmicos na leadlovers:**

1. Acesse a área de F**erramenta,** localizado no canto superior direito de sua conta
2. Clique na opção **Campos de Captura personalizados**
3. Para criação do campo, clique no **botão de +** , localizado no canto inferior direito da tela.

::figure{src="https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-1079d511453d81c0.png"}

### Criando os campos personalizados

Ao clicar no botão de novo campo, adicione as informações solicitadas.

1.  **Em nome,** Insira o **Nome** do campo dinâmico/personalizado.
2. **Em Placeholder,** adicione aqui o nome que deseja mostrar no placeholder. 
3. Em **Tag**, você dará um nome personalizado à ao seu campo dinâmico. \
   \
   Essa tag poderá ser utilizada nas tags de e-mail. Se não sabe o que é uma tag de e-mail, saiba mais [clicando aqui.](/automacoes/projetos/como-utilizar-tags-de-e-mail-em-campos-dinamicos)
4. Em **Tipo de campo**, detre as opções selecione o tipo de campo desejado. 

:::warning
 Lembrando que o campo e-mail é obrigatório e é preciso ser adicionado em seu formulário.
:::

Clicando Em **Vincular a um campo fixo**, você pode vincular este campo dinâmico à um campo fixo (padrão) já existente.

Confira os campos e depois clique em **Salvar.**

O campo dinâmico que você acabou de criar será exibido como o exemplo abaixo.

![](https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-e0ef99432faf40d0.png)

Ele poderá ser usado fácilmente em páginas de captura dentro da leadlovers.

## **Como criar um formulário dinâmico:**

O formulário dinâmico, diferente do campo dinâmico, pode ser usado dentro ou fora da leadlovers.

#### Criando um formulário dinâmico

1. Acesse o **Projeto** em que deseja criar seu formulário dinâmico
2. Clique na aba **Formulários de Captura**
3. Clique no **botão de +** para criar um novo formulário de captura
4. Aparecerá uma nova janela, clique na opção Formulário Dinâmico.

### **Configurando o Formulário**

1. **Em nome do formulário,** aqui adicione um nome para identificação do formulário
2. **Em Texto botão**, nesse campo você inclui o texto que será exibido dentro do botão de ação do formulário.
3. Em Url de destino de captura, Nesse campo você inclui a **URL após captura** (Página agradecimento, vendas, checkout, recompensa…etc).
4. Em Url destino (lead), Neste campo você pode incluir **uma URL após captura diferente** para quem já é lead  cadastrado.
5. **Em Direcionamento avançado,** Essa função habilitada, permite que você configure uma URL de direcionamento específica para cada campo, quando preenchida no formulário.
6. **Em Sequência de destino lead**, Aqui, você poderá selecionar o **funil que o lead entrará após captura.**
7. **Em Notificar ao capturar lead**, Se habilitada essa função, você poderá receber uma notificação em seu e-mail ao capturar leads. 
8. **Em Habilitar LGPD**, Essa opção lhe abrirá mais três campos para configurar qual a mensagem sobre a LGPD que você deseja que o lead leia e concorde ao se capturar no formulário.
9. Em usar **Captcha,** habilitará a função de segurança, isso fará com que o formulário de captura não permita a captura de bots (robôs) em seu formulário de captura. 
10. Em **Design do formulário**, Aqui você pode personalizar seu formulário, escolhendo a forma que  o formulário será exibido. 
11. E **Em Preview do Formulário**, você poderá visualizar como o formulário que você personalizou está.

Realize as personalizações que desejar e clique em Salvar no final da página.

[▶️ Assista ao vídeo](https://youtu.be/NHc6-OpGw5o?si=C4l7Nn9l5Bo6t5o4)

### Como incluir formulário dinâmico em uma página do construtor por blocos

* O construtor por blocos é um construtor mais antigo da leadlovers, habilitado apenas para clientes mais antigos. 
* Temos também um **vídeo demonstrando como fazer este procedimento**, se preferir assistir o vídeo, [clique aqui.](https://www.youtube.com/watch?v=Xgxuhqt-H3Q\&feature=emb_logo)

Confira abaixo o passo a passo de como adicionar esse formulário na sua página. 

### Adicionando o formulário na página 

:::info
Adicione os códigos corretamente nos campos descritos
:::

Em uma aba abra o seu formulário e deixe a página de códigos aberta, em uma outra aba abra a sua página do construtor por blocos.

![](https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-3ab872968cacfcf9.png)

* **O código 2:** Será adicionando no head da página
* **O código 3:** Este é o código que será inserido no HTML da página, no local onde deseja que o formulário dinâmico seja exibido.
* **O código 4:** Este é o código que será inserido no campo BODY da página.

## Acessando a página e adicionando o formulário

Você precisa, obrigatoriamente, ter um bloco que contenha um formulário, para que possa substituir o formulário existente pelo seu formulário dinâmico. 

*  Clique no tipo **visualização em BLOCOS**, no canto superior esquerdo da página e depois clique em HTML. 
```html
* Substitua o código do formulário antigo pelo seu código de formulário dinâmico. Encontre o inicio <form e fim do formulário </form> e exclua toda a seleção.&#x20;
```

![](https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-d0b0c17a5787c517.png)

Agora é precisio adicionar os outros códigos dentro da configuração da página.

* &#x20;Clique no ícone de engrenagem no canto superior direito da página.
* **Insira o código do campo HEAD**, que copiou do seu formulário dinâmico.
* **Depois, Insira o código do campo BODY**, que copiou do seu formulário dinâmico.

Clique em **Salvar**.

![](https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-d5900ef73f4e18b3.png)

### Como incluir formulário dinâmico em uma página do construtor componente

Dentro da página do construtor por componentes, utilize um modelo que possua o formulário ou utilize o componentes de formulários do menu lateral.

::figure{src="https://objectstorage.sa-saopaulo-1.oraclecloud.com/n/gryhpzkixl8s/b/assets/o/helpcenter%2Fgb-fae865b158a28861.png"}

1. Clica em cima do formulário, abrirá uma barra lateral de edição, clica em **editar Formulário**
2. Abrirá um pop up para alteração do formulário, selecione a opção **Dinâmico.**
3. Agora defina os campos que deseja adicionar em seu formulári&#x6F;**. Clicando no +** é possivel habilitar ou criar novos campos personalizados.

:::info
Para alterar a ordem dos campos, basta clicar nas flexinhas que surgiram entre um campo e outro.
:::

## Perguntas frequentes

:::faq
### O que são campos dinâmicos na leadlovers?

São campos personalizados criados pelo usuário para capturar dados próprios, podendo ser usados em páginas da leadlovers de forma rápida sem a necessidade de criar um campo novo a cada vez.

### Onde crio os campos dinâmicos?

Em Ferramentas, no canto superior direito da conta, passe o mouse em Gestão de contatos e clique em Campos de captura personalizados, depois use o botão de + no canto inferior direito da tela.

### Quais campos são obrigatórios em um formulário de captura?

É obrigatório ter ao menos um campo do tipo e-mail ou telefone no formulário; esses são os únicos campos obrigatórios em um formulário de captura.

### Para que serve vincular o campo dinâmico a um campo fixo?

Serve para vincular o campo dinâmico a um campo nativo do sistema, o que é necessário caso você queira usar a tag desse campo em um e-mail, já que as tags de e-mail só funcionam em campos nativos. Se não for usar a tag em e-mail, não é preciso habilitar.

### Qual a diferença entre campo dinâmico e formulário dinâmico?

O formulário dinâmico, diferente do campo dinâmico, pode ser usado dentro ou fora da leadlovers, e pode ser incluído em páginas do construtor por blocos ou do construtor por componentes.
:::