# Formulários - Como Utilizar o Campo de CEP

#### A SprintHub oferece a criação de formulários personalizados com campo de CEP, otimizando a experiência de preenchimento para os Leads. Com essa funcionalidade, ao informar o CEP, os demais dados como endereço, cidade, estado e país são automaticamente preenchidos, tornando o processo mais rápido e eficiente.

Para isso, siga os passos abaixo: &#x20;

1. **Vá até a função “Formulários”;**

&#x20;      Ou basta escrever no “Encontrar serviço” que ele aparece

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcFB1EL95MPk66RsZTQ8ATsXNLSse1duj05mFlxP2XQ6UZxjHpFUsOHU-wwjyPxCsJLTxp6il3vgAhION4N9Zr_dDPsnnDsKDP3wU3pKxxMZ5408VaEPMTChcEbwUGinmHABdkCKg?key=3JdZSJfHxiS8IiWMgaivpQ" alt=""><figcaption></figcaption></figure>

2. Na função **“Formulários”**, você pode selecionar um formulário existente ou criar um novo. Para editar um formulário já criado, clique em **'Editar'**. Caso queira criar um novo formulário, basta clicar em **'+ Novo'**. Em seguida clique em **'Abrir construtor'**.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXflhGOq1ACWpgHX7WNPfkBeW_2rUxGdZp2PKkNOUjfuuxATjr8x04AmVjxxCuQVG3Bi7y-9j5qmKGUseBZTxGAMGxIdyjCUNNDZ2aE5p_f_QEaieNYdqEsmQ5XifRiP0dSGhydw?key=3JdZSJfHxiS8IiWMgaivpQ" alt=""><figcaption></figcaption></figure>

3. Para adicionar um campo de CEP ao seu formulário, basta clicar e arrastar o campo desejado para a área de construção;

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeDrA1fi1tnsxUNQV53BxMLMSlbOaFRl9FEsi_AC6cGyMg_C8bhEdVj55mKVEBp2TMDk7BDzmr9y8eNNzMSJKbgYDf2qQA0Cyz-K369O9kI5Mju9qz7nBZjIv3_SXkifAZUEqzgcg?key=3JdZSJfHxiS8IiWMgaivpQ" alt=""><figcaption></figcaption></figure>

4. **Configurações:**

{% embed url="<https://youtu.be/5GO0u8sur-U>" %}

**Configurações**

* **Obrigatório:** O Lead só poderá enviar seu formulário quando ele preencher esse campo.
* **Campo do Lead:** Selecione o campo do Lead em que salvaremos o que for preenchido neste campo do formulário.
* **Mostrar depois de preencher?:** Caso o Lead volte a esse formulário depois de preenchê-lo, ainda devemos mostrar esse campo?
* **Mostrar depois de X envios:** Quantas vezes (x) o Lead precisa enviar o formulário para que esse campo apareça? Deixe vazio ou 0 para que ele apareça desde a primeira vez.
* **Mostrar Dinamicamente:** Configure quais são as condições para que esse campo seja mostrado ou escondido, com base no valor de outros campos do formulário.
* **Máscaras:** Uma máscara faz com o que um campo seja preenchido com um padrão específico.

:gear:**Avançado**

* **Classe - Atributos Customizados:** Os atributos de classes em HTML desempenham um papel importante no design e comportamento dos formulários, especialmente quando se utiliza **CSS e JavaScript para estilizar e adicionar funcionalidades.**
* **Atributos Meta Pixel:** Caso o Pixel da Meta esteja configurado, adicione tributos nesse componente para enviar eventos à API de conversões quando uma das ações for acionada. Exemplo: Ao adicionar o atributo ‘clique’, um evento será enviado quando esse elemento for clicado.

**CONCLUSÃO:**

Utilizar o campo de CEP nos formulários da SprintHub é uma solução prática e eficiente para otimizar a experiência do Lead e reduzir o tempo de preenchimento de dados. Além de garantir mais precisão nas informações de endereço, essa funcionalidade contribui para formulários mais inteligentes, ágeis e com maior taxa de conversão. Ao automatizar o preenchimento de campos como endereço, cidade, estado e país, sua empresa oferece uma jornada mais fluida e profissional, reforçando o cuidado com cada etapa do contato com o Lead.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.sprinthub.com/topicos/converter/formularios/formularios-duvidas-comuns/formularios-como-utilizar-o-campo-de-cep.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
