# Páginas

Módulo detalhado de como realizar edições nas páginas de imóveis, criar landing pages e editar elas

# Como montar as páginas do site com o Page Builder?

<span style="white-space: pre-wrap;">O </span>**Page Builder**<span style="white-space: pre-wrap;"> permite criar e organizar as páginas do site diretamente pelo sistema, utilizando </span>**blocos**<span style="white-space: pre-wrap;">, </span>**colunas**<span style="white-space: pre-wrap;"> e </span>**widgets**.

Os widgets representam os conteúdos exibidos na página, como busca de imóveis, destaques, formulários, mapas, depoimentos e outros recursos. Eles podem ser posicionados e configurados visualmente, sem necessidade de programação.

---

##### **Navegação no Módulo**

[![entradasitepaginas.gif](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/entradasitepaginas.gif)](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/entradasitepaginas.gif)

**Rotina:**<span style="white-space: pre-wrap;"> Site &gt; </span>**Páginas**

[![image.png](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/scaled-1680-/IAjimage.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/IAjimage.png)

A listagem apresenta as principais informações das páginas cadastradas.

<table id="bkmrk-informa%C3%A7%C3%A3odescri%C3%A7%C3%A3ot"><colgroup><col></col><col style="width: 709px;"></col></colgroup><tbody><tr><th>Informação

</th><th>Descrição

</th></tr><tr><td>**Título**

</td><td>Identifica a página. Ao clicar, ela é aberta no construtor.

</td></tr><tr><td>**Link Permanente**

</td><td>Apresenta o endereço utilizado para acessar a página no site.

</td></tr><tr><td>**Tipo**

</td><td>Identifica a finalidade da página dentro do site.

</td></tr></tbody></table>

Também estão disponíveis as seguintes ações:

<table id="bkmrk-a%C3%A7%C3%A3odescri%C3%A7%C3%A3ocadastr"><colgroup><col></col><col style="width: 749px;"></col></colgroup><tbody><tr><th>Ação

</th><th>Descrição

</th></tr><tr><td>**Cadastrar**

</td><td>Permite criar uma nova página.

</td></tr><tr><td>**Editar Site**

</td><td>Abre o site em uma nova aba já autenticado no editor visual. A ação depende da permissão de configuração do site.

</td></tr></tbody></table>

---

##### **Estrutura de uma página**

[![image.png](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/scaled-1680-/mxNimage.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/mxNimage.png)

A construção de uma página é organizada em três níveis.

<table id="bkmrk-estruturadescri%C3%A7%C3%A3obl"><colgroup><col></col><col style="width: 765px;"></col></colgroup><tbody><tr><th>Estrutura

</th><th>Descrição

</th></tr><tr><td>**Bloco**

</td><td>Representa uma faixa horizontal da página. Possui configurações próprias de fundo, largura e espaçamento.

</td></tr><tr><td>**Coluna**

</td><td>Representa a divisão interna de um bloco. Um bloco pode possuir diferentes configurações de colunas.

</td></tr><tr><td>**Widget**

</td><td>É o conteúdo inserido dentro de uma coluna, como formulários, imagens, buscas ou textos.

</td></tr></tbody></table>

<span style="white-space: pre-wrap;">Os blocos podem ser reordenados pela </span>**barra de alça**, enquanto os widgets podem ser movimentados entre as colunas pelo próprio título.

---

##### **Entendendo os diferentes tipos de página que existem**

<span style="white-space: pre-wrap;">O </span>**Tipo de Página**<span style="white-space: pre-wrap;"> determina onde ela será utilizada e quais widgets estarão disponíveis no construtor.</span>

<table id="bkmrk-tipodescri%C3%A7%C3%A3ohomep%C3%A1g"><colgroup><col></col><col style="width: 661px;"></col></colgroup><tbody><tr><th>Tipo

</th><th>Descrição

</th></tr><tr><td>**Home**

</td><td>Página inicial do site.

</td></tr><tr><td>**Página Normal**

</td><td>Utilizada para páginas institucionais, como Quem Somos ou conteúdos gerais.

</td></tr><tr><td>**Imóvel Listar**

</td><td>Página utilizada para apresentar a listagem de imóveis.

</td></tr><tr><td>**Imóvel Detalhar**

</td><td>Página utilizada para apresentar os detalhes de um imóvel.

</td></tr><tr><td>**Imóvel não Disponível**

</td><td>Página exibida quando um imóvel não está mais disponível.

</td></tr><tr><td>**Condomínio Detalhar**

</td><td>Apresenta as informações de um condomínio.

</td></tr><tr><td>**Artigo Listar**

</td><td>Apresenta a listagem de artigos.

</td></tr><tr><td>**Artigo Detalhar**

</td><td>Apresenta o conteúdo completo de um artigo.

</td></tr><tr><td>**Corretor Detalhar**

</td><td>Apresenta as informações relacionadas a um corretor.

</td></tr><tr><td>**Contato**

</td><td>Página utilizada para contato com a imobiliária.

</td></tr><tr><td>**Solicitação de Imóvel**

</td><td>Utilizada para solicitações relacionadas a imóveis.

</td></tr><tr><td>**Cadastro de Imóvel**

</td><td>Utilizada para cadastramento ou captação de imóveis.

</td></tr><tr><td>**Indicadores Imobiliários**

</td><td>Página destinada à apresentação de indicadores imobiliários.

</td></tr><tr><td>**Landing Page**

</td><td>Utilizada para campanhas e páginas específicas.

</td></tr><tr><td>**Página Modelo**

</td><td>Funciona como um modelo reutilizável em outras páginas.

</td></tr><tr><td>**Rodapé**

</td><td>Define o conteúdo utilizado no rodapé do site.

</td></tr><tr><td>**Carrossel para TV**

</td><td>Utilizado para exibição de conteúdos em telas.

</td></tr><tr><td>**Redirecionamento**

</td><td>Encaminha o acesso para outro endereço e não possui conteúdo próprio.

</td></tr></tbody></table>

<p class="callout warning"><span style="white-space: pre-wrap;">Alguns tipos são necessários para o funcionamento de áreas específicas do site, como </span>**Home**<span style="white-space: pre-wrap;">, </span>**Imóvel Detalhar**<span style="white-space: pre-wrap;">, </span>**Contato**<span style="white-space: pre-wrap;">, </span>**Artigo Listar**<span style="white-space: pre-wrap;">, </span>**Artigo Detalhar**<span style="white-space: pre-wrap;"> e </span>**Condomínio Detalhar**.</p>

<p class="callout warning"><span style="white-space: pre-wrap;"> O tipo da página não pode ser alterado enquanto existirem widgets exclusivos do tipo atual. Remova esses widgets antes de realizar a alteração.</span></p>

---

##### **Preenchendo as informações da página**

[![image.png](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/scaled-1680-/xHyimage.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/xHyimage.png)

As informações básicas definem a identificação, endereço e exibição da página.

<table id="bkmrk-campodescri%C3%A7%C3%A3ot%C3%ADtulo"><colgroup><col></col><col></col></colgroup><tbody><tr><th>Campo

</th><th>Descrição

</th></tr><tr><td>**Título**

</td><td>Define o nome da página. O preenchimento é obrigatório.

</td></tr><tr><td>**Link Permanente**

</td><td>Define o endereço da página no site. É gerado automaticamente pelo título, mas pode ser alterado.

</td></tr><tr><td>**Link de redirecionamento**

</td><td><span style="white-space: pre-wrap;">Disponível no tipo </span>

**Redirecionamento**

<span style="white-space: pre-wrap;"> e define o endereço para onde o acesso será encaminhado.</span>

</td></tr><tr><td>**Meta - Palavras Chaves**

</td><td>Permite informar palavras-chave separadas por vírgula, respeitando o limite de 56 caracteres.

</td></tr><tr><td>**Meta - Descritivo da Página**

</td><td>Define a descrição utilizada pela página, com limite de 155 caracteres.

</td></tr><tr><td>**Ativo**

</td><td>Define se a página estará disponível no site.

</td></tr><tr><td>**Mobile**

</td><td>Define que a página será utilizada especificamente para dispositivos móveis.

</td></tr></tbody></table>

<p class="callout warning">**Atenção:**<span style="white-space: pre-wrap;"> Uma página padrão e sua versão </span>**Mobile**<span style="white-space: pre-wrap;"> podem utilizar o mesmo link permanente. A versão mobile deve ser criada depois que a página correspondente sem a opção Mobile já existir.</span></p>

<p class="callout warning"><span style="white-space: pre-wrap;"> </span>**Atenção:**<span style="white-space: pre-wrap;"> Quando a opção </span>**Mobile**<span style="white-space: pre-wrap;"> estiver ativada, o construtor disponibiliza apenas blocos de coluna completa.</span></p>

---

##### **Adicionando um bloco**

[![image.png](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/scaled-1680-/006image.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/006image.png)

<span style="white-space: pre-wrap;">Selecione o formato desejado e utilize </span>**Adicionar um novo bloco de widgets**.

<table id="bkmrk-estruturadistribui%C3%A7%C3%A3"><colgroup><col style="width: 402px;"></col><col style="width: 429px;"></col></colgroup><tbody><tr><th>Estrutura

</th><th>Distribuição

</th></tr><tr><td>**Coluna Completa**

</td><td>100% da largura disponível.

</td></tr><tr style="height: 10px;"><td>**Lateral / Central**

</td><td>33% / 66%.

</td></tr><tr><td>**Central / Lateral**

</td><td>66% / 33%.

</td></tr><tr><td>**Três colunas**

</td><td>33% / 33% / 33%.

</td></tr><tr><td>**Duas colunas**

</td><td>50% / 50%.

</td></tr><tr><td>**Quatro colunas**

</td><td>25% / 25% / 25% / 25%.

</td></tr></tbody></table>

<span style="white-space: pre-wrap;">Cada coluna apresenta sua respectiva largura e uma opção </span>**+**<span style="white-space: pre-wrap;"> para adicionar widgets.</span>

---

##### **Adicionar widgets**

[![adicionandowidget.gif](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/adicionandowidget.gif)](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/adicionandowidget.gif)

Os widgets podem ser adicionados de duas formas.

<table id="bkmrk-formadescri%C3%A7%C3%A3oarrast"><colgroup><col></col><col style="width: 711px;"></col></colgroup><tbody><tr><th>Forma

</th><th>Descrição

</th></tr><tr><td>**Arrastar**

</td><td>Arraste o widget disponível na parte superior diretamente para a coluna desejada.

</td></tr><tr><td>**Adicionar pelo +**

</td><td><span style="white-space: pre-wrap;">Clique no botão </span>

**+**

<span style="white-space: pre-wrap;"> da coluna e escolha o widget pela janela de seleção.</span>

</td></tr></tbody></table>

<span style="white-space: pre-wrap;">A lista de widgets possui busca e pode variar conforme o </span>**Tipo de Página**<span style="white-space: pre-wrap;"> selecionado.</span>

<p class="callout warning">**Atenção:**<span style="white-space: pre-wrap;"> Cada widget possui regras sobre os tamanhos de coluna em que pode ser utilizado. Caso um widget não seja aceito em determinada coluna, utilize uma estrutura com largura compatível.</span></p>

---

##### **Configurando um widget**

[![image.png](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/scaled-1680-/FgJimage.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/FgJimage.png)

Ao clicar em um widget, suas configurações são expandidas.

Os campos apresentados variam de acordo com a finalidade do componente.

<table id="bkmrk-op%C3%A7%C3%A3odescri%C3%A7%C3%A3ominimi"><colgroup><col></col><col></col></colgroup><tbody><tr><th>Opção

</th><th>Descrição

</th></tr><tr><td>**Minimizar/Maximizar Widget**

</td><td>Recolhe ou expande as configurações para facilitar a organização da página.

</td></tr><tr><td>**Widget Ativo**

</td><td>Define se o widget será exibido no site. Quando desativado, permanece configurado na página, mas não é apresentado ao visitante.

</td></tr><tr><td>**Remover Widget**

</td><td>Remove o componente da página.

</td></tr></tbody></table>

---

##### **Widgets disponíveis**

[![image.png](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/scaled-1680-/TR3image.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/TR3image.png)

Os widgets podem ser agrupados conforme sua finalidade.

<table id="bkmrk-categoriaexemplosim%C3%B3"><colgroup><col></col><col></col></colgroup><tbody><tr><th>Categoria

</th><th>Exemplos

</th></tr><tr><td>**Imóveis**

</td><td>Busca para Imóvel, Listagem de Imóveis, Slider de Destaques, Listagem de Condomínios, Imóveis Relacionados e Mapas.

</td></tr><tr><td>**Ficha do imóvel**

</td><td>Características, Localização, Medidas, Valores, Detalhes, Descrição, Documentos, Imagem Principal e Mapa do Imóvel.

</td></tr><tr><td>**Mídia**

</td><td>Galeria de Imagens, Galeria de Plantas, Carrossel de Mídias, Vídeos, Tour Virtual 360º, Youtube Playlist e Feed do Instagram.

</td></tr><tr><td>**Captação de contato**

</td><td>Formulários, Atendimento via WhatsApp, Solicitação de Imóveis, Cadastro de Imóveis e Propostas.

</td></tr><tr><td>**Conteúdo**

</td><td>Título de Página, Bloco de Conteúdo, HTML, Linha Divisória, Lista de Links, FAQ, Depoimentos, QR Code e Banner.

</td></tr><tr><td>**Artigos**

</td><td>Listagem, Busca, Categoria, Resumos e Detalhar Artigo.

</td></tr><tr><td>**Institucional**

</td><td>Informações da Imobiliária, Corretores, Construtoras, Redes Sociais, Indicadores e Campos Customizados.

</td></tr><tr><td>**Temporada**

</td><td>Calendário de Disponibilidade, Pacotes para Temporada e Formulário de Reserva.

</td></tr></tbody></table>

<p class="callout warning">**Atenção:**<span style="white-space: pre-wrap;"> Alguns widgets dependem do contexto da página. Recursos relacionados aos detalhes de imóveis, por exemplo, ficam disponíveis apenas em tipos que possuem um imóvel relacionado.</span></p>

---

##### **Utilizar layouts prontos**

[![image.png](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/scaled-1680-/Dijimage.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/Dijimage.png)

[![image.png](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/scaled-1680-/kJsimage.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/kJsimage.png)

<span style="white-space: pre-wrap;">Nos tipos </span>**Landing Page**<span style="white-space: pre-wrap;"> e </span>**Rodapé**, o construtor disponibiliza modelos de layout já configurados.

<span style="white-space: pre-wrap;">Após selecionar um modelo, utilize </span>**Aplicar Layout**<span style="white-space: pre-wrap;"> para montar automaticamente a estrutura de blocos e widgets. Depois disso, os conteúdos podem ser personalizados normalmente.</span>

---

##### **Duplicar uma página**

[![image.png](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/scaled-1680-/ge4image.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/ge4image.png)

<span style="white-space: pre-wrap;">A opção </span>**Duplicar**<span style="white-space: pre-wrap;"> cria uma cópia completa da página, incluindo blocos, widgets e configurações.</span>

<span style="white-space: pre-wrap;">Ao realizar a duplicação, deve ser informado um novo </span>**Link Permanente**<span style="white-space: pre-wrap;">. O sistema pode sugerir o endereço atual acompanhado do sufixo </span>**-clone**.

Esse recurso pode ser utilizado para criar páginas semelhantes ou versões alternativas de uma estrutura já existente.

---

##### **Vincular um imóvel à página**

[![image.png](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/scaled-1680-/xyVimage.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/xyVimage.png)

<span style="white-space: pre-wrap;">Em páginas do tipo </span>**Landing Page**<span style="white-space: pre-wrap;">, a opção </span>**Imóvel**<span style="white-space: pre-wrap;"> permite definir qual imóvel será utilizado como referência para os widgets da página.</span>

Essa configuração possibilita que widgets como fotos, características e valores apresentem automaticamente as informações do imóvel selecionado.

<span style="white-space: pre-wrap;">Somente imóveis </span>**ativos**<span style="white-space: pre-wrap;"> são apresentados para seleção.</span>

<p class="callout warning">**Atenção:**<span style="white-space: pre-wrap;"> A página precisa estar com a opção </span>**Ativo**<span style="white-space: pre-wrap;"> habilitada para ser exibida no site. Algumas alterações também podem levar alguns instantes para aparecer devido ao cache.</span></p>

---

##### **Perguntas frequentes**

<span style="white-space: pre-wrap;">➜ </span>**Qual a diferença entre bloco, coluna e widget?**<span style="white-space: pre-wrap;"> O </span>**bloco**<span style="white-space: pre-wrap;"> é a faixa horizontal da página, a </span>**coluna**<span style="white-space: pre-wrap;"> é a divisão existente dentro dele e o </span>**widget**<span style="white-space: pre-wrap;"> é o conteúdo adicionado dentro da coluna.</span>

<span style="white-space: pre-wrap;">➜ </span>**O widget que preciso não aparece na lista.**<span style="white-space: pre-wrap;"> Verifique o </span>**Tipo de Página**. A disponibilidade dos widgets varia conforme o contexto da página.

<span style="white-space: pre-wrap;">➜ </span>**Arrastei um widget e ele não entrou na coluna.**<span style="white-space: pre-wrap;"> O widget pode exigir uma coluna com largura diferente. Tente adicioná-lo em uma coluna maior.</span>

<span style="white-space: pre-wrap;">➜ </span>**Não consigo alterar o Tipo de Página.**<span style="white-space: pre-wrap;"> Remova primeiro os widgets exclusivos do tipo atualmente utilizado.</span>

<span style="white-space: pre-wrap;">➜ </span>**Não consigo criar a versão Mobile.**<span style="white-space: pre-wrap;"> Verifique se a página correspondente sem a opção </span>**Mobile**<span style="white-space: pre-wrap;"> já foi cadastrada.</span>

<span style="white-space: pre-wrap;">➜ </span>**Quero ocultar um widget sem perder sua configuração.**<span style="white-space: pre-wrap;"> Desative a opção </span>**Widget Ativo**.

<span style="white-space: pre-wrap;">➜ </span>**O texto sobre a imagem de fundo está difícil de visualizar.**<span style="white-space: pre-wrap;"> Utilize </span>**Cor sobre imagem**<span style="white-space: pre-wrap;"> nas configurações do bloco.</span>

<span style="white-space: pre-wrap;">➜ </span>**Preciso criar uma página igual a outra.**<span style="white-space: pre-wrap;"> Utilize </span>**Duplicar**<span style="white-space: pre-wrap;"> e informe um novo Link Permanente.</span>

<span style="white-space: pre-wrap;">➜ </span>**Como criar uma página de campanha mais rapidamente?**<span style="white-space: pre-wrap;"> Utilize uma </span>**Landing Page**, aplique um dos layouts prontos e personalize o conteúdo.

<span style="white-space: pre-wrap;">➜ </span>**Gravei a página, mas a alteração ainda não apareceu no site.**<span style="white-space: pre-wrap;"> Verifique se a página está </span>**Ativa**<span style="white-space: pre-wrap;"> e considere o tempo de atualização do cache. Utilize </span>**Ver no Site**<span style="white-space: pre-wrap;"> para conferir a página.</span>

<span style="white-space: pre-wrap;">➜ </span>**Preciso adicionar um conteúdo que nenhum widget disponível atende.**<span style="white-space: pre-wrap;"> Utilize o </span>**Bloco de Código HTML**<span style="white-space: pre-wrap;"> e, quando necessário, a </span>**Classe para codificação CSS**<span style="white-space: pre-wrap;"> do bloco.</span>

# Como configurar a listagem de imóveis no site?

<span style="white-space: pre-wrap;">A </span>**Listagem de Imóveis**<span style="white-space: pre-wrap;"> é o widget mais usado do site — é ele que mostra os imóveis na página de busca, os destaques da home, os lançamentos de um bairro. E é também o que tem mais opções: formato dos cards, filtro fixo, abas de recorte e modo carrossel.</span>

Entender essas opções é o que separa uma home que mostra "os últimos imóveis cadastrados" de uma que mostra exatamente o que a imobiliária quer vender.

---

##### **Navegação no Módulo**

[![LISTADEIMOVEIS.gif](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/listadeimoveis.gif)](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/listadeimoveis.gif)

**Rotina:**<span style="white-space: pre-wrap;"> Site &gt; </span>**Páginas**<span style="white-space: pre-wrap;"> &gt; abrir a página &gt; adicionar o widget </span>**Listagem de Imóveis**

O widget entra em colunas largas — central ou coluna completa. Ele não é aceito em colunas estreitas.

---

##### **O formato dos cards**

[![image.png](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/scaled-1680-/VXfimage.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/VXfimage.png)

<table id="bkmrk-op%C3%A7%C3%A3odescri%C3%A7%C3%A3odescri"><colgroup><col></col><col></col></colgroup><tbody><tr><th>Opção

</th><th>Descrição

</th></tr><tr><td>**Descrição da lista**

</td><td>O título que aparece acima da listagem no site.

</td></tr><tr><td>**Modo de Listagem**

</td><td>Como cada imóvel é apresentado:

</td></tr><tr><td>**Modo Lista Grade**

</td><td>Cards lado a lado, o formato mais comum.

</td></tr><tr><td>**Modo Lista Simples**

</td><td>Linhas compactas, com menos informação por imóvel.

</td></tr><tr><td>**Modo Lista Detalhada**

</td><td>Uma linha larga por imóvel, com mais dados.

</td></tr><tr><td>**Exibir Corretor**

</td><td><span style="white-space: pre-wrap;">Mostra no card o </span>**Responsável**<span style="white-space: pre-wrap;"> ou o </span>**Captador**<span style="white-space: pre-wrap;"> do imóvel. Deixando em branco, nenhum corretor aparece.</span>

</td></tr><tr><td>**Campos Customizados do Imóvel**

</td><td>Campos criados pela imobiliária que passam a aparecer no card. Só ficam disponíveis os campos do módulo Imóvel.

</td></tr></tbody></table>

---

##### **Quais imóveis a lista mostra**

[![image.png](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/scaled-1680-/1X0image.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/1X0image.png)

<span style="white-space: pre-wrap;">Abaixo do formato fica o bloco </span>**Opções de Filtro para esta Lista de Imóveis**, onde se define o recorte: finalidade, tipo, cidade, bairro, faixa de valor, quartos e o que mais for necessário.

<table id="bkmrk-op%C3%A7%C3%A3odescri%C3%A7%C3%A3odesati"><colgroup><col style="width: 383px;"></col><col></col></colgroup><tbody><tr><th>Opção

</th><th>Descrição

</th></tr><tr><td>**Desativar a filtragem automática nas opções de busca**

</td><td><span style="white-space: pre-wrap;">Por padrão, a listagem respeita o que o visitante pesquisou na busca do site. Ligando esta opção, a lista passa a mostrar </span>**sempre o mesmo recorte**, ignorando a pesquisa.

</td></tr></tbody></table>

---

##### **Busca por abas**

[![image.png](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/scaled-1680-/Y5Dimage.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/Y5Dimage.png)

[![image.png](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/scaled-1680-/cnSimage.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/cnSimage.png)

<table id="bkmrk-op%C3%A7%C3%A3odescri%C3%A7%C3%A3outiliz"><colgroup><col style="width: 178px;"></col><col></col></colgroup><tbody><tr><th>Opção

</th><th>Descrição

</th></tr><tr><td>**Utilizar busca por Abas**

</td><td><span style="white-space: pre-wrap;">Troca o filtro único por </span>**várias abas**, cada uma com o próprio recorte de imóveis. O visitante clica na aba e a lista troca.

</td></tr></tbody></table>

É o recurso para montar, num só bloco, "Comprar | Alugar | Temporada" ou "Apartamentos | Casas | Terrenos".

[![image.png](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/scaled-1680-/XlEimage.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/XlEimage.png)

<span style="white-space: pre-wrap;">Cada aba é criada pelo botão </span>**+**<span style="white-space: pre-wrap;">, recebe uma descrição e os próprios critérios. As abas são </span>**reordenadas arrastando**, e cada uma pode ser editada ou excluída.

---

##### **Modo carrossel**

[![image.png](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/scaled-1680-/TOYimage.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/TOYimage.png)

Por padrão a listagem usa paginação. Ligando o carrossel, os imóveis passam a deslizar lateralmente, arrastados com o mouse ou com o dedo.

<table id="bkmrk-op%C3%A7%C3%A3odescri%C3%A7%C3%A3omodo-d"><colgroup><col></col><col></col></colgroup><tbody><tr><th>Opção

</th><th>Descrição

</th></tr><tr><td>**Modo de Carrossel para Desktop**<span style="white-space: pre-wrap;"> e </span>**Modo de Carrossel para Mobile**

</td><td>São independentes. Dá para usar carrossel no celular e paginação no computador.

</td></tr></tbody></table>

Ligado qualquer um dos dois, aparecem os ajustes:

[![image.png](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/scaled-1680-/AK2image.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/AK2image.png)

<table id="bkmrk-op%C3%A7%C3%A3odescri%C3%A7%C3%A3oquanti"><colgroup><col></col><col style="width: 558px;"></col></colgroup><tbody><tr><th>Opção

</th><th>Descrição

</th></tr><tr><td>**Quantidade de linhas para o carrossel**

</td><td>De 1 a 4.

</td></tr><tr style="height: 10px;"><td>**Margem entre cada card**

</td><td>O espaçamento, em pixels.

</td></tr><tr><td>**Cards de Imóvel por linha**

</td><td>De 1 a 4.

</td></tr><tr><td>**Tempo em segundos para troca do card**

</td><td>Mínimo de 2 segundos; só vale com a troca automática ligada.

</td></tr><tr><td>**Loop no carrossel**

</td><td>Ao chegar no último card, volta ao primeiro.

</td></tr><tr><td>**Mostrar setas de navegação**

</td><td>As setas laterais.

</td></tr><tr><td>**Mostrar pontos de navegação**

</td><td>Os pontinhos abaixo do carrossel.

</td></tr><tr><td>**Reproduzir automaticamente**

</td><td>O carrossel avança sozinho, respeitando o tempo definido.

</td></tr></tbody></table>

---

##### **Quantidade por largura de tela**

[![image.png](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/scaled-1680-/Sr2image.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/Sr2image.png)

<span style="white-space: pre-wrap;">Abaixo dos ajustes do carrossel há a configuração </span>**por largura de tela**: define-se quantos imóveis aparecem a partir de cada largura — por exemplo, 3 imóveis a partir de 680 pixels e 6 a partir de 1200.

---

##### **Filtrando os imóveis pelas opções dos filtros**

[![image.png](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/scaled-1680-/3GVimage.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/3GVimage.png)

Na seção Opções de Filtro para esta Lista de Imóveis, é possível definir quais imóveis serão exibidos na listagem utilizando diferentes critérios de filtro.

Os filtros podem ser combinados entre si para deixar a listagem mais específica, permitindo definir exatamente quais imóveis devem aparecer no site.

---

##### **Os widgets irmãos**

[![image.png](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/scaled-1680-/0gPimage.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-09/0gPimage.png)

Três widgets resolvem problemas parecidos e costumam ser confundidos:

<table id="bkmrk-widgetdescri%C3%A7%C3%A3olista"><colgroup><col style="width: 226px;"></col><col></col></colgroup><tbody><tr><th>Widget

</th><th>Descrição

</th></tr><tr><td>**Listagem de Imóveis**

</td><td>A lista completa, com paginação ou carrossel. É a que este manual descreve.

</td></tr><tr><td>**Slider de Destaques de Imóveis**

</td><td><span style="white-space: pre-wrap;">Pensado para vitrine. Tem </span>**Somente Imóveis em Destaque**<span style="white-space: pre-wrap;"> e </span>**Modelos de Slides**: Carrossel, Galeria de Imagens, Vertical, Único, TV e Post. Aceita de 2 a 40 imóveis no slide.

</td></tr><tr><td>**Listagem de Condomínios**

</td><td>A mesma mecânica, para condomínios e lançamentos, com a opção de mostrar apenas o condomínio do imóvel que está sendo visto.

</td></tr></tbody></table>

<span style="white-space: pre-wrap;">E ainda a </span>**Busca para Imóvel**, que é o formulário de pesquisa — não a lista. Nele se escolhe quais campos aparecem na busca e em que ordem.

---

##### **Casos de uso das listagens**

<table id="bkmrk-caso-de-usoconfigura"><colgroup><col style="width: 192px;"></col><col></col></colgroup><tbody><tr><th>Caso de uso

</th><th>Configuração

</th></tr><tr><td>**Página de busca:**

</td><td><span style="white-space: pre-wrap;">Filtragem automática </span>**ligada**, modo grade, sem carrossel, com o widget de Busca para Imóvel acima.

</td></tr><tr><td>**Faixa de destaques na home:**

</td><td><span style="white-space: pre-wrap;">Filtragem automática </span>**desativada**, recorte fixo no filtro, carrossel ligado no desktop e no mobile, configuração por largura de tela.

</td></tr><tr><td>**Bloco com abas:**

</td><td><span style="white-space: pre-wrap;">Filtragem automática </span>**desativada**, busca por abas ligada, uma aba para cada finalidade.

</td></tr><tr><td>**Imóveis do corretor:**

</td><td><span style="white-space: pre-wrap;">Na página de Corretor Detalhar aparece o campo </span>**Imóveis do Corretor**, que filtra por Responsável ou Captador. Sem escolher, considera os dois.

</td></tr></tbody></table>

---

##### **Perguntas frequentes**

<span style="white-space: pre-wrap;">➜ </span>**O visitante pesquisa e a lista não muda.**<span style="white-space: pre-wrap;"> A </span>**filtragem automática**<span style="white-space: pre-wrap;"> está desativada nesse widget. Ligue-a nas páginas de busca.</span>

<span style="white-space: pre-wrap;">➜ </span>**Meu bloco de destaques muda quando alguém pesquisa.**<span style="white-space: pre-wrap;"> É o contrário do caso anterior: desative a filtragem automática nesse widget.</span>

<span style="white-space: pre-wrap;">➜ </span>**Não consigo arrastar o widget para a coluna.**<span style="white-space: pre-wrap;"> A Listagem de Imóveis só entra em coluna central ou completa. Use uma coluna mais larga.</span>

<span style="white-space: pre-wrap;">➜ </span>**Quero "Comprar | Alugar" no mesmo bloco.**<span style="white-space: pre-wrap;"> Ligue </span>**Utilizar busca por Abas**<span style="white-space: pre-wrap;"> e crie uma aba para cada finalidade.</span>

<span style="white-space: pre-wrap;">➜ </span>**Em que ordem as abas aparecem?**<span style="white-space: pre-wrap;"> Na ordem da lista no widget — arraste para reordenar. A primeira é a que abre.</span>

<span style="white-space: pre-wrap;">➜ </span>**Liguei o carrossel e o campo de cards por linha ficou bloqueado.**<span style="white-space: pre-wrap;"> A configuração por largura de tela está ligada e substitui esse campo.</span>

<span style="white-space: pre-wrap;">➜ </span>**No celular aparecem imóveis demais lado a lado.**<span style="white-space: pre-wrap;"> Use a configuração por largura de tela e defina menos imóveis nas larguras pequenas.</span>

<span style="white-space: pre-wrap;">➜ </span>**O carrossel não anda sozinho.**<span style="white-space: pre-wrap;"> Ligue </span>**Reproduzir automaticamente**<span style="white-space: pre-wrap;"> e confira o tempo de troca, que tem mínimo de 2 segundos.</span>

<span style="white-space: pre-wrap;">➜ </span>**Qual a diferença entre Listagem de Imóveis e Slider de Destaques?**<span style="white-space: pre-wrap;"> A listagem recorta por critério e pagina; o slider é vitrine e já filtra os imóveis marcados como destaque.</span>

<span style="white-space: pre-wrap;">➜ </span>**Quero mostrar o corretor no card.**<span style="white-space: pre-wrap;"> Use </span>**Exibir Corretor**<span style="white-space: pre-wrap;"> e escolha Responsável ou Captador.</span>

<span style="white-space: pre-wrap;">➜ </span>**Um campo que criei no imóvel não aparece no card.**<span style="white-space: pre-wrap;"> Selecione-o em </span>**Campos Customizados do Imóvel**. Só campos do módulo Imóvel estão disponíveis.