# Site antigo

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?

O **Page Builder** é o construtor de páginas do site da imobiliária. Com ele, você cria e organiza as páginas do site direto pelo sistema, montando cada uma com **blocos**, **colunas** e **widgets**, sem precisar de programação.

Os widgets são os conteúdos que aparecem na página: busca de imóveis, listagens, destaques, formulários, mapas, depoimentos, textos e outros recursos. Você escolhe onde cada um fica e ajusta as opções dele na própria tela.

Para abrir a aba **Páginas**, você precisa da permissão **Site > Páginas**. Cadastrar, editar e excluir páginas pedem as permissões **Cadastrar**, **Editar** e **Deletar** do mesmo item. Para chegar até o cartão do site, também é necessária a permissão **Site > Sites**.

---

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

![Caminho no menu: Site, Sites, botão Editar Site do cartão Site atual e a aba Páginas do editor do site antigo](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/bTbsite-old-741-navegacao.gif)

**Rotina:** Site > Sites > Editar Site (site antigo) > Páginas

No menu **Site > Sites**, o site da imobiliária aparece no cartão **Site atual**, com o selo **No ar**. Clique em **Editar Site** nesse cartão. Aparece a tela **Editando Site antigo**, com as abas **Configurações**, **Páginas** e **Conteúdo do site**. O Page Builder fica na aba **Páginas**.

---

#### **A lista de páginas**

[![Aba Páginas do editor do site antigo, com a busca, o botão Cadastrar destacado e a lista de páginas](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/PN4site-old-741-1.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/PN4site-old-741-1.png)

A aba **Páginas** lista as páginas do site. Ela abre mostrando só as páginas ativas: o filtro **Ativa igual a Sim** já vem marcado na busca. Para ver também as inativas, remova esse filtro.

<table id="bkmrk-colunadescri%C3%A7%C3%A3o-t%C3%ADtu" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 178px;"></col><col></col></colgroup><tbody><tr><th>Coluna

</th><th>Descrição

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

</td><td>Nome da página. Clique nele para abrir a página no construtor.

</td></tr><tr><td>**Link permanente**

</td><td>Endereço da página no site. Clique nele para abrir a página publicada em outra aba.

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

</td><td>Finalidade da página no site, como Home, Contato ou Página Normal.

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

</td><td>Mostra se a página está ativa no site (verde) ou não (vermelho).

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

</td><td>Mostra se é a versão da página para celular (verde) ou a versão normal (vermelho).

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

No topo da lista ficam as ações:

<table id="bkmrk-a%C3%A7%C3%A3odescri%C3%A7%C3%A3o-cadast" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 126px;"></col><col></col></colgroup><tbody><tr><th>Ação

</th><th>Descrição

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

</td><td>Abre o construtor para criar uma página nova.

</td></tr><tr><td>**Ações**

</td><td>Fica ativo quando você marca páginas na lista. Tem a opção **Remover**, que exclui as páginas marcadas depois de pedir confirmação.

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

Em cada linha também ficam os ícones de **editar** (lápis) e **excluir** (lixeira).

---

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

[![Construtor da página com a lista de widgets disponíveis, a escolha do formato de bloco com o botão Adicionar um novo bloco de widgets e um bloco com o widget Listagem de Imóveis, cada área destacada](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/GqIsite-old-741-2.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/GqIsite-old-741-2.png)

A página é montada em três níveis:

<table id="bkmrk-estruturadescri%C3%A7%C3%A3o-b" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 126px;"></col><col></col></colgroup><tbody><tr><th>Estrutura

</th><th>Descrição

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

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

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

</td><td>Divisão interna do bloco. O formato escolhido para o bloco define quantas colunas ele tem e a largura de cada uma.

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

</td><td>Conteúdo colocado dentro de uma coluna, como formulário, imagem, busca, listagem ou texto.

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

Para mudar a ordem dos blocos, arraste o bloco pela barra pontilhada do lado esquerdo. Para mudar um widget de lugar, arraste-o pelo título até outra coluna.

---

#### **Tipos de página**

O **Tipo de Página** define onde a página é usada no site e quais widgets ficam disponíveis no construtor.

<table id="bkmrk-tipodescri%C3%A7%C3%A3o-homep%C3%A1" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 261px;"></col><col></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>Página institucional, como Quem Somos, ou de conteúdo geral.

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

</td><td>Página com a listagem de imóveis.

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

</td><td>Página com os detalhes de um imóvel.

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

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

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

</td><td>Página com as informações de um condomínio.

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

</td><td>Página com a listagem dos artigos.

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

</td><td>Página com o conteúdo completo de um artigo.

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

</td><td>Página com as informações de um corretor.

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

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

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

</td><td>Página em que o visitante pede um imóvel que não encontrou.

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

</td><td>Página em que o proprietário oferece um imóvel para a imobiliária.

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

</td><td>Página com os índices do mercado imobiliário.

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

</td><td>Página de campanha, normalmente de um empreendimento ou imóvel.

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

</td><td>Modelo de conteúdo que pode ser usado dentro de outras páginas pelo widget Página Modelo.

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

</td><td>Conteúdo do rodapé do site.

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

</td><td>Página para exibir imóveis em telas, como a TV da recepção.

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

</td><td>Encaminha quem acessa para outro endereço. Não tem conteúdo próprio.

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

<p class="callout warning">O site precisa ter pelo menos uma página ativa de cada um destes tipos: **Home**, **Imóvel Detalhar**, **Contato**, **Artigo Listar**, **Artigo Detalhar** e **Condomínio Detalhar**. Se você tentar excluir a única página ativa de um desses tipos, o sistema mostra o aviso "Você não pode excluir uma Página sem que exista outra Página do mesmo tipo e ativa." Nesse caso, crie a outra página antes.</p>

<p class="callout warning">Não é possível trocar o tipo da página enquanto ela tiver widgets que só existem no tipo atual. O sistema avisa "Você não pode trocar o Tipo de Página quando há widgets específicos para esta página, remova os widgets específicos primeiro" e restaura o tipo anterior. Remova esses widgets e troque o tipo de novo.</p>

---

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

[![Topo do construtor com os botões Listar, Ver no Site, Duplicar, Cadastrar e Deletar e o painel Informações da Página preenchido com dados de exemplo](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/4xTsite-old-741-3.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/4xTsite-old-741-3.png)

O painel **Informações da Página** identifica a página e define o endereço dela no site.

<table id="bkmrk-campodescri%C3%A7%C3%A3oobriga" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 192px;"></col><col></col><col style="width: 145px;"></col></colgroup><tbody><tr><th>Campo

</th><th>Descrição

</th><th>Obrigatório

</th></tr><tr><td>**Tipo de Página**

</td><td>Finalidade da página no site. Veja a tabela de tipos acima.

</td><td>Sim

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

</td><td>Nome da página.

</td><td>Sim

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

</td><td>Endereço da página no site. Se ficar em branco, o sistema monta o endereço a partir do título assim que você sai do campo Título. Você pode alterá-lo.

</td><td>Não

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

</td><td>Campo **Link de redirecionamento**. Aparece só no tipo Redirecionamento. É o endereço completo, com https://, para onde o visitante é encaminhado.

</td><td>Sim

</td></tr><tr><td>**Palavras-chave**

</td><td>Campo **Meta - Palavras Chaves para a Página**. Palavras separadas por vírgula, para os buscadores. O próprio campo orienta a usar no máximo 56 caracteres.

</td><td>Não

</td></tr><tr><td>**Descritivo**

</td><td>Campo **Meta - Descritivo da Página**. Resumo da página que os buscadores mostram. O próprio campo orienta a usar no máximo 155 caracteres.

</td><td>Não

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

</td><td>Liga ou desliga a página no site.

</td><td>Não

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

</td><td>Marca a página como a versão para celular. Ela aparece só em celulares e pode ter o mesmo link permanente da página normal.

</td><td>Não

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

<p class="callout warning">**Atenção:** Cadastre a versão Mobile depois da página normal do mesmo tipo. Ao gravar alterações numa página Mobile sem essa página normal, o sistema avisa "Para cadastrar uma página do tipo MOBILE, é necessário que já exista uma página … correspondente, mas sem a opção MOBILE selecionada."</p>

<p class="callout info">Na página Mobile, o construtor só oferece blocos de **Coluna Completa (100%)**. Pelo mesmo motivo, a opção **Mobile** fica desativada numa página que já tem blocos com mais de uma coluna.</p>

---

#### **Adicionar um bloco**

[![Lista de formatos de bloco aberta ao lado do botão Adicionar um novo bloco de widgets](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/59Esite-old-741-4.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/59Esite-old-741-4.png)

Abaixo do painel de widgets, escolha o formato do bloco e clique em **Adicionar um novo bloco de widgets**. O bloco novo entra no fim da página e fica destacado por alguns segundos.

<table id="bkmrk-formatodivis%C3%A3o-das-c" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 196px;"></col><col></col></colgroup><tbody><tr><th>Formato

</th><th>Divisão das colunas

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

</td><td>Uma coluna com 100% da largura. Na lista: Coluna Completa (100%).

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

</td><td>Uma coluna de 33% e outra de 66%. Na lista: Coluna Lateral (33%) / Coluna Central (66%).

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

</td><td>Uma coluna de 66% e outra de 33%. Na lista: Coluna Central (66%) / Coluna Lateral (33%).

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

</td><td>Três colunas de 33%. Na lista: Coluna Lateral (33%) / Coluna Central (33%) / Coluna Lateral (33%).

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

</td><td>Duas colunas de 50%. Na lista: Coluna 1/2 (50%) / Coluna 2/2 (50%).

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

</td><td>Quatro colunas de 25%. Na lista: Coluna 1/4 (25%) / Coluna 2/4 (25%) / Coluna 3/4 (25%) / Coluna 4/4 (25%).

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

Cada coluna mostra a largura dela e um botão **+** para adicionar widgets.

O botão de três pontos, no canto direito do bloco, abre as opções do bloco:

[![Bloco com o menu de três pontos aberto, com as opções Duplicar, Configurações e Excluir](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/gozsite-old-741-5.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/gozsite-old-741-5.png)

<table id="bkmrk-op%C3%A7%C3%A3odescri%C3%A7%C3%A3o-dupli" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 164px;"></col><col></col></colgroup><tbody><tr><th>Opção

</th><th>Descrição

</th></tr><tr><td>**Duplicar**

</td><td>Cria uma cópia do bloco, com os widgets dele, logo acima do original.

</td></tr><tr><td>**Configurações**

</td><td>Abre a janela **Configurações do Bloco de Widgets**.

</td></tr><tr><td>**Excluir**

</td><td>Remove o bloco e todos os widgets dele, depois de pedir confirmação.

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

[![Janela Configurações do Bloco de Widgets com largura, cores, imagem de fundo, efeito, espaçamentos e classe CSS](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/gLZsite-old-741-6.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/gLZsite-old-741-6.png)

<table id="bkmrk-campodescri%C3%A7%C3%A3o-largu" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 187px;"></col><col></col></colgroup><tbody><tr><th>Campo

</th><th>Descrição

</th></tr><tr><td>**Largura do bloco**

</td><td>Corpo, Fluída ou Completo.

</td></tr><tr><td>**Cor de fundo**

</td><td>Cor atrás do conteúdo do bloco.

</td></tr><tr><td>**Cor dos textos**

</td><td>Cor das letras dentro do bloco.

</td></tr><tr><td>**Imagem de fundo**

</td><td>Imagem atrás do conteúdo do bloco.

</td></tr><tr><td>**Cor sobre imagem**

</td><td>Camada de cor por cima da imagem de fundo. Ajuda a ler o texto sobre uma foto.

</td></tr><tr><td>**Efeito**

</td><td>Sem Efeito ou Parallax, em que a imagem de fundo se move mais devagar que a página.

</td></tr><tr><td>**Redimensionar**

</td><td>Como a imagem ocupa o fundo: Esticar, Tamanho Real ou Ajustar à Altura.

</td></tr><tr><td>**Espaçamentos**

</td><td>Campos **Espaçamento interno** e **Espaçamento externo**, de 0 a 100.

</td></tr><tr><td>**Repetir**

</td><td>Repete a imagem de fundo quando ela é menor que o bloco.

</td></tr><tr><td>**Classe CSS**

</td><td>Campo **Classe para codificação CSS**, para quem cuida do visual do site com código próprio.

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

<p class="callout info">O botão **Salvar** da janela só aplica as configurações ao bloco na tela. Para manter a mudança no site, clique em **Gravar Informações** no fim da página.</p>

---

#### **Adicionar widgets**

![Passo a passo: botão + da coluna, janela Adicionando widget, busca pelo widget Título de Página e o widget dentro da coluna](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/Qyksite-old-741-adicionar-widget.gif)

Você adiciona widgets de duas formas:

<table id="bkmrk-formadescri%C3%A7%C3%A3o-arras" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 116px;"></col><col></col></colgroup><tbody><tr><th>Forma

</th><th>Descrição

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

</td><td>Arraste o widget da lista do painel **Widgets da Página** até a coluna.

</td></tr><tr><td>**Botão +**

</td><td>Clique no **+** ao lado do nome da coluna. Na janela **Adicionando widget**, clique no widget. A janela já mostra só os widgets que cabem naquela coluna.

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

As duas listas têm o campo **Escreva para pesquisar...**, para achar o widget pelo nome. Os widgets disponíveis mudam conforme o **Tipo de Página**.

<p class="callout warning">**Atenção:** Cada widget aceita só algumas larguras de coluna. Enquanto você arrasta um widget, as colunas que não o aceitam ficam bloqueadas. Se ele não entrar, use um bloco com uma coluna mais larga.</p>

---

#### **Configurar um widget**

[![Widget Título de Página aberto, com os botões de minimizar e remover e o interruptor Widget Ativo destacados](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/18Dsite-old-741-8.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/18Dsite-old-741-8.png)

Clique no ícone de seta do widget, ou dê dois cliques no título dele, para abrir as opções. Os campos mudam conforme o widget.

<table id="bkmrk-op%C3%A7%C3%A3odescri%C3%A7%C3%A3o-setab" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 150px;"></col><col></col></colgroup><tbody><tr><th>Opção

</th><th>Descrição

</th></tr><tr><td>**Seta**

</td><td>Botão **Minimizar/Maximizar Widget**. Abre ou recolhe as opções do widget.

</td></tr><tr><td>**X vermelho**

</td><td>Botão **Remover Widget**. Tira o widget da página, depois de pedir confirmação.

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

</td><td>Quando desligado, o widget continua configurado na página, mas não aparece para quem visita o site.

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

---

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

[![Janela Adicionando widget com a lista dos widgets disponíveis para a coluna](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/5yYsite-old-741-7.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/5yYsite-old-741-7.png)

A tabela abaixo agrupa os widgets pela finalidade, para facilitar a consulta. Alguns só aparecem em certos tipos de página.

<table id="bkmrk-grupoexemplos-im%C3%B3vei" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 178px;"></col><col></col></colgroup><tbody><tr><th>Grupo

</th><th>Exemplos

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

</td><td>Busca para Imóvel, Listagem de Imóveis, Slider de Destaques de Imóveis, Listagem de Condomínios, Mapa com Buscador, Lista de Bairros e Lista de Construtoras.

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

</td><td>Os widgets terminados em "do Imóvel": Características, Localização, Medidas, Valores, Detalhes, Descrição e Documentos. Também Imagem Principal do Imóvel, Mapa do Imóvel e Imóveis Relacionados.

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

</td><td>Galeria de Imagens do Imóvel, Galeria de Plantas do Imóvel, Vídeos do Imóvel, Tour Virtual 360º, Youtube - Playlist e Feed do Instagram.

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

</td><td>Formulários de contato, Formulário Dinâmico, Atendimento via WhatsApp, Nós Ligamos para Você, Formulário de Solicitação de Imóveis, Formulário de Cadastro de Imóveis, Formulário de Visita e Propostas para o Imóvel.

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

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

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

</td><td>Listagem de Artigos, Lista de Artigos Simples, Busca de Artigos, Categoria de Artigos, Resumos dos Artigos e Detalhar Artigo.

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

</td><td>Informações da Imobiliária, Lista de Corretores, Redes Sociais, Depoimentos, Formulário de Depoimento e Índices Imobiliários.

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

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

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

<p class="callout warning">**Atenção:** Os widgets da ficha do imóvel dependem de um imóvel. Eles só aparecem nos tipos ligados a um imóvel, como Imóvel Detalhar e Landing Page.</p>

---

#### **Usar layouts prontos**

[![Página nova do tipo Landing Page com o botão Importar e o painel de layouts prontos com o botão Aplicar Layout destacados](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/h4Bsite-old-741-9.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/h4Bsite-old-741-9.png)

Nos tipos **Landing Page** e **Rodapé**, o construtor mostra o painel de layouts prontos. Clique na imagem de um layout e depois em **Aplicar Layout**: o sistema monta os blocos e widgets do modelo, e você ajusta o conteúdo normalmente. O ícone de olho amplia a imagem do layout.

Numa página nova, ao escolher um desses tipos, o sistema já aplica um layout padrão e mostra o aviso "Layout aplicado. É necessário gravar as informações para manter sua alteração."

<p class="callout warning">**Atenção:** Aplicar um layout troca todos os blocos e widgets da página pelos do modelo. Se a página já tem conteúdo, ele é substituído na tela. Se não quiser manter a troca, saia sem gravar.</p>

Na Landing Page nova também aparece o botão **Importar**. Ele abre a janela **Importar Template de Página**, em que você informa título, link permanente, textos para buscadores e o imóvel, escolhe um modelo e clica em **Importar**. O sistema cria a página já com o conteúdo do modelo.

<p class="callout info">A Landing Page depende do plano da imobiliária. Se o plano não incluir esse recurso, o sistema não deixa gravar a página. Fale com o suporte para contratar.</p>

---

#### **Gravar a página**

Tudo o que você monta no construtor fica só na tela até você clicar em **Gravar Informações**, no fim da página, ou usar o atalho **Ctrl + S**. Ao gravar, o sistema atualiza as páginas do site antigo. Para conferir o resultado, clique em **Ver no Site**, no topo.

---

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

[![Janela Duplicando página pedindo o novo link permanente, sugerido com o final -clone](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/zzrsite-old-741-10.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/zzrsite-old-741-10.png)

O botão **Duplicar**, no topo de uma página já gravada, cria uma cópia com os mesmos blocos, widgets e configurações. A janela **Duplicando página** pergunta "Qual será o novo link permanente?" e já sugere o endereço atual com o final **-clone**. Ao confirmar, o sistema abre a cópia.

A cópia não leva o imóvel vinculado da página original. Se for uma Landing Page, defina o imóvel de novo na cópia.

---

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

[![Janela Definir imóvel vinculado à página, com o campo de imóvel preenchido com um imóvel de exemplo](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/w2Gsite-old-741-11.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/w2Gsite-old-741-11.png)

Na **Landing Page** já gravada, aparece o botão **Imóvel**. Ele abre a janela **Definir imóvel vinculado à página**, em que você escolhe o imóvel usado pelos widgets da página, como fotos, características e valores. Só imóveis ativos aparecem na busca.

Clique em **Salvar** na janela e depois em **Gravar Informações**, para manter o vínculo.

---

#### **Perguntas frequentes**

➜ **O widget que preciso não aparece na lista. Por quê?** Confira o **Tipo de Página**, porque os widgets disponíveis mudam conforme o tipo. Pelo botão **+**, confira também a largura da coluna: a janela mostra só os widgets que cabem nela.

➜ **Arrastei um widget e ele não entrou na coluna. O que faço?** O widget não aceita aquela largura de coluna. Use um bloco com uma coluna mais larga.

➜ **Como esconder um widget sem perder a configuração?** Abra o widget e desligue **Widget Ativo**.

➜ **Gravei a página e a mudança não apareceu no site. O que faço?** Confira se a opção **Ativo** da página está ligada e abra a página pelo botão **Ver no Site**. Se ainda aparecer a versão antiga, use **Limpar Cache do Site**, na aba **Configurações** do editor do site antigo.

➜ **Preciso de um conteúdo que nenhum widget atenda. O que posso fazer?** Use o widget **Bloco de Código HTML**. Se precisar de um visual próprio, use também a **Classe para codificação CSS**, nas configurações do bloco.

# Como adicionar uma tag Body e Head

A aba **Códigos** das configurações do site guarda os códigos de serviços externos que precisam estar no site, como o Google Tag Manager, o Google Analytics, o pixel do Facebook, um chat ao vivo ou uma tag de verificação de domínio. Você cola o código fornecido pelo serviço e grava, sem precisar de ajuda técnica.

Os códigos ficam nas configurações do site, e não em cada página. Por isso, um código colado aqui vale para o site todo.

Para chegar à tela, você precisa da permissão **Site &gt; Sites**. Para ver e gravar os códigos, precisa também da permissão **Configurações &gt; Sites e Domínios** ou da permissão **Administrar Configurações**.

---

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

![Caminho no menu: Site, Sites, botão Editar Site do cartão Site atual, aba Códigos e subaba Do Site](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/site-ct-391-nav.gif)

**Rotina:** Site &gt; Sites &gt; Editar Site &gt; Configurações &gt; Códigos

1\. No menu **Site**, clique em **Sites**. A tela **Sites e Domínios** abre na aba **Sites**.

2\. No cartão **Site atual**, clique em **Editar Site**.

3\. A tela **Editando Site antigo** abre na aba **Configurações**. Clique na aba **Códigos**.

A aba **Códigos** tem duas partes: **Do Site**, com os códigos de serviços externos, e **Do Layout**, com os ajustes de estilo.

---

#### **Códigos do site: Body e Head**

[![Aba Códigos, subaba Do Site, com os quadros de código da tag Body e da tag Head preenchidos com um exemplo do Google Tag Manager](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/site-ct-391-1.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/site-ct-391-1.png)

A página de um site tem duas partes principais: o cabeçalho (tag **Head**), que o navegador lê antes de mostrar a página, e o corpo (tag **Body**), com o conteúdo que o visitante vê. Cada serviço diz em qual das duas o código dele deve entrar.

<table id="bkmrk-quadropara-que-serve" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 114px;"></col><col></col></colgroup><tbody><tr><th>Quadro

</th><th>Para que serve

</th></tr><tr><td>**Tag Body**

</td><td>"Códigos para Plugins Específicos dentro da tag Body". Recebe os códigos que o serviço manda colocar no corpo da página, como o trecho &lt;noscript&gt; do Google Tag Manager ou o código de um chat ao vivo.

</td></tr><tr><td>**Tag Head**

</td><td>"Códigos para Plugins Específicos dentro da tag Head". Recebe os códigos que o serviço manda colocar no cabeçalho, como o &lt;script&gt; do Google Tag Manager, do Google Analytics ou do pixel do Facebook, e meta tags de verificação de domínio.

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

<p class="callout warning">Cole o código exatamente como o serviço forneceu, com as tags &lt;script&gt;, &lt;meta&gt; ou &lt;noscript&gt;. Não apague nem mude nenhum trecho: qualquer mudança pode fazer a integração parar de funcionar.</p>

Você pode colar mais de um código no mesmo quadro, um abaixo do outro. Confira se cada um está completo, com a tag de abertura e a de fechamento, antes de colar o próximo.

---

#### **Exemplo: Google Tag Manager**

Ao criar um contêiner no Google Tag Manager, o serviço entrega dois trechos de código. Veja onde colar cada um:

<table id="bkmrk-trechoonde-colar-pri" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 178px;"></col><col></col></colgroup><tbody><tr><th>Trecho

</th><th>Onde colar

</th></tr><tr><td>**Primeiro trecho**

</td><td>Começa com &lt;script&gt; e carrega o contêiner. O Google pede que ele fique no cabeçalho: cole no quadro da tag **Head**.

</td></tr><tr><td>**Segundo trecho**

</td><td>Começa com &lt;noscript&gt; e funciona para quem navega sem JavaScript. O Google pede que ele fique no corpo: cole no quadro da tag **Body**.

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

<p class="callout success">A mesma lógica vale para outros serviços, como o pixel do Facebook, o RD Station, o Hotjar e o Google Analytics. Consulte a instrução do serviço para saber qual trecho vai no cabeçalho e qual vai no corpo.</p>

---

#### **Conversão de formulários e Robots.txt**

[![Quadros Código de Rastreamento de Formulários e Códigos para Robots.txt, com o botão Gravar Informações embaixo](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/site-ct-391-2.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/site-ct-391-2.png)

Ainda na subaba **Do Site**, mais abaixo, ficam dois quadros:

<table id="bkmrk-quadropara-que-serve-1" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 154px;"></col><col></col></colgroup><tbody><tr><th>Quadro

</th><th>Para que serve

</th></tr><tr><td>**Rastreamento**

</td><td>"Código de Rastreamento de Formulários (Píxel de Conversão) do Google Adwords e de Facebook". Recebe o código de conversão que o site executa quando um visitante envia um formulário.

</td></tr><tr><td>**Robots.txt**

</td><td>"Códigos para Robots.txt, indexador de páginas dos buscadores". Recebe as regras do arquivo robots.txt, que diz aos buscadores, como o Google, quais páginas do site eles podem ler.

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

Ao configurar a conversão no Google ou no Facebook, o serviço pede a URL de conversão. Informe o endereço do site seguido de **/form-sended**, como em https://www.imobiliariaexemplo.com.br/form-sended. A dica do ícone de interrogação, ao lado do título do quadro, mostra o endereço completo do seu site.

<p class="callout warning">No Robots.txt, a regra "Disallow: /" pede aos buscadores que não leiam nenhuma página do site. Se o site precisa aparecer no Google, não deixe essa regra valendo para todos os buscadores.</p>

<p class="callout info">Para confirmar a posse do site no Google ou no Bing, a aba **Principal** tem os campos próprios **Verificação de Site pelo Google** e **Verificação de Site pelo Bing**.</p>

---

#### **Códigos do layout**

[![Subaba Do Layout com Códigos customizados para o Header, Classes CSS para Tag Body e o estilo em LESS](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/site-ct-391-3.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/site-ct-391-3.png)

A subaba **Do Layout** guarda os ajustes de estilo do site. Ela é para quem conhece HTML e CSS.

<table id="bkmrk-quadropara-que-serve-2" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 141px;"></col><col></col></colgroup><tbody><tr><th>Quadro

</th><th>Para que serve

</th></tr><tr><td>**Header**

</td><td>"Códigos customizados para o Header": códigos próprios para o cabeçalho do layout do site.

</td></tr><tr><td>**Classes CSS**

</td><td>"Classes CSS para Tag Body", no quadro Outras Configurações de Estilo: nomes de classe acrescentados à tag Body, usados pelos códigos de estilo.

</td></tr><tr><td>**LESS**

</td><td>"Editar Estilo do CSS Compilado com LESS": o estilo do layout escrito em LESS, que o sistema transforma em CSS.

</td></tr><tr><td>**CSS**

</td><td>"Editar Estilo do CSS": regras de CSS próprias, que ficam logo abaixo do quadro do LESS.

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

<p class="callout warning">Uma mudança no LESS ou no CSS vale para o visual do site inteiro. Antes de mexer, copie o conteúdo atual do quadro para um arquivo. Assim, você consegue voltar atrás se algo der errado.</p>

---

#### **Gravar e conferir**

Depois de colar os códigos, clique em **Gravar Informações**, no rodapé da tela, ou use o atalho Ctrl+S. O botão grava todas as abas das configurações do site de uma só vez. Se faltar a permissão para editar, aparece a mensagem "Você não tem permissão para editar!".

Se o site ainda mostrar a versão anterior, clique em **Limpar Cache do Site**, no alto da tela, acima das abas.

Para conferir se o código entrou, abra o site no navegador e veja o código-fonte da página (atalho Ctrl+U no Chrome). Procure um trecho do código que você colou.

<p class="callout info">Se você usa o Google Tag Manager, a ferramenta Tag Assistant, do Google, mostra se o contêiner está carregando no site.</p>

---

#### **Perguntas frequentes**

➜ **Qual a diferença entre colocar o código no Head e no Body?** O Head é o cabeçalho, lido antes de a página aparecer. É onde ficam meta tags e a maioria dos scripts de análise. O Body é o corpo da página. Siga o que o serviço indica para cada trecho.

➜ **Preciso colar o código em cada página do site?** Não. Os códigos ficam nas configurações do site e valem para o site todo.

➜ **Para que serve o trecho noscript?** Ele mantém parte da integração funcionando para quem navega com o JavaScript desligado. O Google Tag Manager, por exemplo, entrega um trecho &lt;noscript&gt; para o corpo da página. Se o serviço não fornecer esse trecho, você não precisa colar nada.

➜ **Colei o código, mas ele não aparece no site. O que fazer?** Confira se você clicou em **Gravar Informações**. Depois, clique em **Limpar Cache do Site** e abra o código-fonte da página para procurar o trecho.

➜ **O que acontece se eu colar o código no quadro errado?** O serviço pode não funcionar ou funcionar pela metade. Alguns aceitam qualquer posição, outros exigem o lugar exato. Siga sempre a instrução do serviço.

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

A **Listagem de Imóveis** é o widget do Page Builder que mostra uma lista de imóveis numa página do site, como a página de busca, os destaques da home ou os lançamentos de um bairro. É também o widget com mais opções: formato dos cards, recorte de imóveis, abas e modo carrossel.

Conhecer essas opções faz a diferença entre uma home que mostra "os últimos imóveis cadastrados" e uma que mostra exatamente o que a imobiliária quer vender.

Para editar as páginas do site, você precisa da permissão **Site &gt; Páginas**, com **Editar**. Para chegar até o cartão do site, também é necessária a permissão **Site &gt; Sites**. O passo a passo para montar páginas está em **Como montar as páginas do site com o Page Builder?**

---

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

![Caminho: Site, Sites, Editar Site no cartão Site atual, aba Páginas, a página na lista e o widget Listagem de Imóveis aberto](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/site-old-769-navegacao.gif)

**Rotina:** Site &gt; Sites &gt; Editar Site (site antigo) &gt; Páginas &gt; abrir a página &gt; widget **Listagem de Imóveis**

Na aba **Páginas**, clique no título da página. No construtor, adicione o widget **Listagem de Imóveis** a um bloco ou abra o que já existe, clicando na seta do widget ou dando dois cliques no título dele.

O widget só entra em colunas largas: **Coluna Completa (100%)** ou **Coluna Central (66%)**. Ele não aparece nos tipos de página **Carrossel para TV** e **Rodapé**.

---

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

[![Widget Listagem de Imóveis aberto, com Descrição da lista, Modo de Listagem, Exibir Corretor e Campos Customizados do Imóvel](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/site-old-769-1.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/site-old-769-1.png)

<table id="bkmrk-op%C3%A7%C3%A3odescri%C3%A7%C3%A3o-descr" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 206px;"></col><col></col></colgroup><tbody><tr><th>Opção

</th><th>Descrição

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

</td><td>Título que aparece acima da lista no site.

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

</td><td>Como cada imóvel aparece: **Modo Lista Grade** (cards lado a lado, o formato mais comum), **Modo Lista Simples** (linhas compactas, com menos informação) ou **Modo Lista Detalhada** (uma linha larga por imóvel, com mais dados).

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

</td><td>Mostra no card o **Responsável** ou o **Captador** do imóvel. Se ficar em branco, nenhum corretor aparece.

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

</td><td>Campo **Campos Customizados do Imóvel**. Os campos criados pela imobiliária que você escolher aqui passam a aparecer no card. Só os campos do módulo Imóvel ficam disponíveis.

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

Em dois tipos de página, aparece mais uma opção:

<table id="bkmrk-op%C3%A7%C3%A3odescri%C3%A7%C3%A3o-im%C3%B3ve" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 252px;"></col><col></col></colgroup><tbody><tr><th>Opção

</th><th>Descrição

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

</td><td>Só na página **Corretor Detalhar**. Mostra os imóveis em que o corretor é o **Responsável** ou o **Captador**. Se nada for escolhido, considera os dois.

</td></tr><tr><td>**Filtrar pelo condomínio**

</td><td>Interruptor **Filtrar Imóveis do Condomínio Automaticamente**, só na página **Condomínio Detalhar**. Mostra só os imóveis do condomínio que o visitante está vendo.

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

---

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

[![Opções de Filtro para esta Lista de Imóveis, com os interruptores Desativar a filtragem automática e Utilizar busca por Abas destacados e os botões de filtro](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/site-old-769-2.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/site-old-769-2.png)

Abaixo das opções de formato fica a área **Opções de Filtro para esta Lista de Imóveis**. É ali que você define o recorte da lista. Cada botão abre as opções de um critério: **Tipo**, **Finalidade**, **Cidade**, **Bairro**, **Dormitórios**, **Valor**, **Construtora**, **Condomínio**, **Destaque**, **Ordenação**, **Qtd. Listar** e outros. O botão de um critério já usado aparece marcado.

Você pode combinar quantos critérios quiser. Por exemplo: Finalidade venda, Tipo apartamento e Bairro Centro, ordenados pelo menor valor. Para conferir o resultado, clique em **Buscar**: abre-se uma janela com o título "Foram encontrados … imóveis para a busca efetuada." e a lista dos imóveis que entram no recorte. A lixeira ao lado limpa os critérios.

<table id="bkmrk-op%C3%A7%C3%A3odescri%C3%A7%C3%A3o-filtr" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 224px;"></col><col></col></colgroup><tbody><tr><th>Opção

</th><th>Descrição

</th></tr><tr><td>**Filtragem automática**

</td><td>Interruptor **Desativar a filtragem automática nas opções de busca**. Ele muda só as opções que aparecem nos botões de filtro enquanto você monta o recorte. Quando desligado, cada botão mostra só as opções que têm imóvel ativo dentro do que você já escolheu. Quando ligado, mostra todas as opções cadastradas. A posição deste interruptor não fica gravada com o widget.

</td></tr><tr><td>**Busca por abas**

</td><td>Interruptor **Utilizar busca por Abas**. Troca o recorte único por abas, cada uma com o próprio recorte. Veja a seção abaixo.

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

---

#### **Busca por abas**

[![Busca por abas ligada, com o campo Filtro em aba da listagem de imóveis mostrando as abas de exemplo Comprar, Alugar e Temporada](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/site-old-769-3.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/site-old-769-3.png)

Com **Utilizar busca por Abas** ligado, os botões de filtro somem e aparece o campo **Filtro em aba da listagem de imóveis**. No site, o visitante clica na aba e a lista muda. A primeira aba já vem aberta.

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

[![Janela Cadastrando Filtros, com Tipo do Filtro, Nome do Filtro e Descrição do Filtro preenchidos com dados de exemplo e os botões de filtro](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/site-old-769-4.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/site-old-769-4.png)

Para criar uma aba, clique no botão **+** verde. Na janela **Cadastrando Filtros**:

<table id="bkmrk-campodescri%C3%A7%C3%A3oobriga" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 169px;"></col><col></col><col style="width: 145px;"></col></colgroup><tbody><tr><th>Campo

</th><th>Descrição

</th><th>Obrigatório

</th></tr><tr><td>**Tipo do Filtro**

</td><td>Fica em **Lista de Imóveis**.

</td><td>Não

</td></tr><tr><td>**Nome do Filtro**

</td><td>Nome da aba no site, como "Comprar".

</td><td>Sim

</td></tr><tr><td>**Descrição**

</td><td>Campo **Descrição do Filtro**. Texto de apoio da aba.

</td><td>Não

</td></tr><tr><td>**Critérios**

</td><td>Os botões de filtro da janela, com o recorte de imóveis daquela aba.

</td><td>Não

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

Clique em **Salvar** na janela. Para mudar a ordem das abas, arraste-as na lista. O lápis edita a aba, e a lixeira a remove, depois de pedir confirmação. Como todo ajuste no construtor, as abas só ficam no site depois que você clica em **Gravar Informações**.

---

#### **Modo carrossel**

[![Modo de Carrossel para Desktop ligado, com linhas, margem, cards por linha, tempo de troca e os interruptores de loop, setas, pontos e reprodução automática](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/site-old-769-5.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/site-old-769-5.png)

Por padrão, a lista usa paginação. Com o carrossel, os imóveis deslizam para o lado, arrastados com o mouse ou com o dedo. **Modo de Carrossel para Desktop** e **Modo de Carrossel para Mobile** são independentes: você pode usar carrossel no celular e paginação no computador.

Com qualquer um dos dois ligado, aparecem os ajustes:

<table id="bkmrk-op%C3%A7%C3%A3odescri%C3%A7%C3%A3o-linha" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 233px;"></col><col></col></colgroup><tbody><tr><th>Opção

</th><th>Descrição

</th></tr><tr><td>**Linhas**

</td><td>Campo **Quantidade de linhas para o carrossel**, de 1 a 4.

</td></tr><tr><td>**Margem**

</td><td>Campo **Margem entre cada card (em px)**. Espaço entre um card e outro.

</td></tr><tr><td>**Cards por linha**

</td><td>Campo **Cards de Imóvel por linha**, de 1 a 4. Fica bloqueado quando o **Ajuste Dinâmico** está ligado.

</td></tr><tr><td>**Tempo de troca**

</td><td>Campo **Tempo em segundos para troca do card**, com mínimo de 2. Só fica liberado com a reprodução automática ligada.

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

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

</td></tr><tr><td>**Setas**

</td><td>Interruptor **Mostrar setas de navegação**. Setas nas laterais para passar os cards.

</td></tr><tr><td>**Pontos**

</td><td>Interruptor **Mostrar pontos de navegação**. Pontinhos abaixo do carrossel.

</td></tr><tr><td>**Reprodução automática**

</td><td>Interruptor **Reproduzir automaticamente**. O carrossel avança sozinho, no tempo definido.

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

---

#### **Quantidade conforme a largura**

[![Ajuste Dinâmico ligado, com o campo Cards de Imóvel por linha bloqueado e duas larguras de exemplo: 680 px com 3 imóveis e 1200 px com 6 imóveis](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/site-old-769-6.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/site-old-769-6.png)

Abaixo dos ajustes do carrossel fica o interruptor **Ajuste Dinâmico**. Com ele ligado, você define quantos imóveis aparecem conforme a largura que o widget ocupa na página. Por exemplo: 3 imóveis a partir de 680 px e 6 imóveis a partir de 1200 px.

<table id="bkmrk-campodescri%C3%A7%C3%A3o-largu" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 110px;"></col><col></col></colgroup><tbody><tr><th>Campo

</th><th>Descrição

</th></tr><tr><td>**Largura**

</td><td>Campo **Largura do widget na coluna (em px)**. Largura a partir da qual a regra vale.

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

</td><td>Campo **Imóveis exibidos a partir dessa largura**, de 0 a 20.

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

Use o botão **Adicionar nova configuração de largura** para criar cada faixa e a lixeira para remover uma faixa.

---

#### **Widgets parecidos**

[![Painel Widgets da Página com Busca para Imóvel, Listagem de Imóveis, Listagem de Condomínios e Slider de Destaques de Imóveis destacados](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/site-old-769-7.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/site-old-769-7.png)

Quatro widgets resolvem problemas parecidos e costumam ser confundidos:

<table id="bkmrk-widgetdescri%C3%A7%C3%A3o-list" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 252px;"></col><col></col></colgroup><tbody><tr><th>Widget

</th><th>Descrição

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

</td><td>A lista com recorte, paginação ou carrossel. É o widget que esta página descreve.

</td></tr><tr><td>**Slider de Destaques**

</td><td>Widget **Slider de Destaques de Imóveis**, pensado para vitrine. Tem as opções **Somente Imóveis em Destaque** e **Modelos de Slides** (Carrossel, Galeria de Imagens, Vertical, Único, TV e Post) e aceita de 2 a 40 imóveis no slide.

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

</td><td>Funciona do mesmo jeito, mas para condomínios e lançamentos. Na página Imóvel Detalhar, tem a opção **Mostrar condomínio do imóvel**.

</td></tr><tr><td>**Busca para Imóvel**

</td><td>O formulário de pesquisa, e não a lista. Nele você escolhe quais campos aparecem na busca e em que ordem.

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

---

#### **Exemplos de uso**

<table id="bkmrk-casoconfigura%C3%A7%C3%A3o-p%C3%A1g" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 215px;"></col><col></col></colgroup><tbody><tr><th>Caso

</th><th>Configuração

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

</td><td>Widget Busca para Imóvel acima da lista, Modo Lista Grade e sem carrossel.

</td></tr><tr><td>**Destaques na home**

</td><td>Recorte com Destaque e a ordenação desejada, carrossel ligado no computador e no celular e Ajuste Dinâmico conforme a largura.

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

</td><td>Busca por abas ligada, com uma aba para cada finalidade: Comprar, Alugar e Temporada.

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

</td><td>Na página Corretor Detalhar, use o campo Imóveis do Corretor para escolher Responsável, Captador ou os dois.

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

---

#### **Perguntas frequentes**

➜ **Não consigo colocar o widget na coluna. Por quê?** A Listagem de Imóveis só entra em coluna completa (100%) ou central (66%). Use um bloco com uma dessas colunas.

➜ **Quero "Comprar | Alugar" no mesmo bloco. Como faço?** Ligue **Utilizar busca por Abas** e crie uma aba para cada finalidade.

➜ **Em que ordem as abas aparecem?** Na ordem da lista no widget. Arraste para mudar. A primeira já vem aberta.

➜ **Liguei o carrossel e o campo de cards por linha ficou bloqueado. Por quê?** O **Ajuste Dinâmico** está ligado e substitui esse campo. Defina a quantidade em cada faixa de largura.

➜ **O carrossel não avança sozinho. O que devo conferir?** Ligue **Reproduzir automaticamente** e confira o tempo de troca, que tem mínimo de 2 segundos.

➜ **Um campo que criei no imóvel não aparece no card. O que faço?** Selecione-o em **Campos Customizados do Imóvel**. Só campos do módulo Imóvel ficam disponíveis.

# Como configurar título, meta tags e redes sociais do site antigo

Nas abas **Principal** e **Redes Sociais** das configurações do site antigo, você define como o site aparece nos buscadores, como o Google e o Bing, e quais redes sociais da imobiliária o site mostra aos visitantes.

No dia a dia, você usa esta tela para ajustar o título e a descrição que aparecem no resultado da busca, confirmar a posse do site no Google e no Bing e manter atualizados os links do Instagram, do Facebook, do WhatsApp e das outras redes.

Para chegar à tela, você precisa da permissão **Site &gt; Sites**. Para ver e gravar as configurações do site antigo, precisa também da permissão **Configurações &gt; Sites e Domínios** ou da permissão **Administrar Configurações**.

---

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

![Caminho no menu: Site, Sites, botão Editar Site do cartão Site atual e aba Principal das configurações](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/3uxsite-o2-seo-navegacao.gif)

**Rotina:** Site &gt; Sites &gt; Editar Site (site antigo) &gt; Configurações &gt; Principal

No menu **Site**, clique em **Sites**. A tela **Sites e Domínios** abre na aba **Sites**. O site antigo é o cartão **Site atual**, com a situação **No ar**. Clique em **Editar Site** nesse cartão.

A tela **Editando Site antigo** abre já na aba **Configurações**. Dentro dela ficam as abas **Principal**, **Configurações**, **Busca**, **Formulários**, **Layout**, **Menus**, **Códigos** e **Redes Sociais**.

---

#### **Título, meta tags e descritivo**

[![Aba Principal com os quadros Título, Meta Tags e Descritivo do Site e Verificador de Identidade do Site para Buscadores](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/9J7site-o2-seo-1.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/9J7site-o2-seo-1.png)

A aba **Principal** abre com o quadro **Título, Meta Tags e Descritivo do Site**. São as informações que o Google e os outros buscadores leem para montar o resultado da busca. Nenhum campo é obrigatório.

<table id="bkmrk-campodescri%C3%A7%C3%A3o-t%C3%ADtul" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 215px;"></col><col></col></colgroup><tbody><tr><th>Campo

</th><th>Descrição

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

</td><td>Título da página inicial do site. É o texto da aba do navegador e o título em destaque no resultado do Google. Quando a conta é criada, ele já vem preenchido com o nome da imobiliária.

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

</td><td>Na tela, "Título complementar para páginas internas". Nas outras páginas do site, o título fica assim: nome da página, uma barra "|" e este texto. Se o campo ficar vazio, entra o Título do Site completo depois da barra.

</td></tr><tr><td>**Palavras-chave**

</td><td>Na tela, "Palavras chaves para o site". Palavras separadas por vírgula, acrescentadas às palavras-chave de todas as páginas. A dica do campo pede no máximo 56 caracteres.

</td></tr><tr><td>**Descritivo do site**

</td><td>Resumo que aparece abaixo do título no resultado da busca. Vale para as páginas que não têm descrição própria e também é usado quando alguém compartilha o link de uma dessas páginas. A dica do campo pede no máximo 155 caracteres.

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

[![Dica do campo Título do Site aberta, com o exemplo de título e descrição num resultado do Google](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/TBqsite-o2-seo-2.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/TBqsite-o2-seo-2.png)

Passe o mouse sobre o ícone de interrogação ao lado de cada rótulo para ver a dica do campo. No **Título do Site** e no **Descritivo do site**, a dica mostra um exemplo de onde o título e a descrição aparecem no resultado do Google e traz um link para a ajuda do Google.

<p class="callout success">Escreva o título e o descritivo como o cliente procura: tipo de imóvel, finalidade e cidade. Por exemplo: "Imobiliária Exemplo | Imóveis à venda e para alugar em Cidade Exemplo".</p>

---

#### **Verificação no Google e no Bing**

O quadro **Verificador de Identidade do Site para Buscadores** serve para provar ao Google e ao Bing que o site é da sua imobiliária. Com a posse confirmada, você acompanha nas ferramentas deles como o site aparece nas buscas.

<table id="bkmrk-campodescri%C3%A7%C3%A3o-verif" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 206px;"></col><col></col></colgroup><tbody><tr><th>Campo

</th><th>Descrição

</th></tr><tr><td>**Verificação Google**

</td><td>Na tela, "Verificação de Site pelo Google". Código de verificação que o Google entrega na ferramenta para donos de sites. A dica do campo tem o link "Google Webmasters".

</td></tr><tr><td>**Verificação Bing**

</td><td>Na tela, "Verificação de Site pelo Bing". Código de verificação que o Bing entrega na ferramenta para donos de sites. A dica do campo tem o link "Bing Webmaster".

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

1\. Na ferramenta do Google ou do Bing, escolha a verificação pela meta tag (tag HTML) e copie o que ela mostrar.

2\. Cole no campo correspondente. Você pode colar só o código ou a meta tag inteira: ao gravar, o sistema guarda apenas o código de dentro dela.

3\. Clique em **Gravar Informações**, no fim da tela. O sistema passa a incluir o código em todas as páginas do site antigo.

4\. Volte à ferramenta do Google ou do Bing e peça a verificação.

---

#### **Redes sociais da empresa**

[![Aba Redes Sociais com Instagram, Facebook, WhatsApp e Youtube cadastrados no quadro Redes Sociais da Empresa](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/mB8site-o2-seo-3.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/mB8site-o2-seo-3.png)

Na aba **Redes Sociais**, o quadro **Redes Sociais da Empresa** tem uma linha para cada rede. Conforme o layout do site antigo, elas aparecem no topo ou no rodapé, e também nos blocos de redes sociais montados nas páginas.

<table id="bkmrk-campodescri%C3%A7%C3%A3oobriga" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 110px;"></col><col></col><col style="width: 145px;"></col></colgroup><tbody><tr><th>Campo

</th><th>Descrição

</th><th>Obrigatório

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

</td><td>A rede: Blog, E-mail, Facebook, Instagram, LinkedIn, Pinterest, Skype, Twitter, Youtube, Tiktok, WhatsApp ou Spotify. Define o ícone que aparece no site.

</td><td>Sim

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

</td><td>Nome que aparece quando o visitante passa o mouse sobre o ícone. Se ficar vazio, o site usa o nome do tipo.

</td><td>Não

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

</td><td>Endereço completo da página da rede, começando com https://. No tipo E-mail, informe o endereço de e-mail.

</td><td>Sim

</td></tr><tr><td>**Fone**

</td><td>Aparece no lugar do Link quando o tipo é WhatsApp. Informe o número com DDD: o ícone abre uma conversa com esse número.

</td><td>Sim

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

[![Lista do campo Tipo aberta com as redes disponíveis](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/gsTsite-o2-seo-4.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/gsTsite-o2-seo-4.png)

1\. Clique em **Adicionar nova Rede**. Aparece uma linha em branco no fim da lista.

2\. Escolha o **Tipo**, preencha o **Link** (ou o **Fone**, no WhatsApp) e, se quiser, o **Título**.

3\. Para mudar a ordem, arraste a linha pela barra pontilhada à esquerda. O site mostra as redes na ordem da lista.

4\. Para tirar uma rede, clique na lixeira vermelha ao lado dela, que mostra a dica "Remover esta rede".

Abaixo fica o quadro **Like Box do Facebook no Rodapé**, com o campo **Link da Página no Facebook**. Com o link preenchido, o rodapé do site mostra a caixa da página do Facebook. Para desativá-la, deixe o campo em branco. Se você informar um endereço com http://, o sistema grava com https://.

<p class="callout info">As redes cadastradas aqui também podem ser escolhidas para o botão flutuante de contatos, no campo **Redes Sociais Flutuantes** da aba **Configurações**.</p>

---

#### **Gravar as alterações**

Clique em **Gravar Informações**, no fim da tela, ou use o atalho Ctrl+S. O botão grava todas as abas das configurações do site antigo de uma só vez. Por isso, você pode ajustar as abas Principal e Redes Sociais e gravar só no fim. Se faltar a permissão para editar, aparece a mensagem "Você não tem permissão para editar!".

Depois que você grava, o site antigo passa a usar os valores novos. Se alguma página ainda mostrar a informação antiga, clique em **Limpar Cache do Site**, no alto da tela: o sistema avisa que o cache da página foi limpo com sucesso.

---

#### **Perguntas frequentes**

➜ **Mudei o título, mas o Google ainda mostra o antigo. O que faço?** Confira se você gravou e, se precisar, clique em Limpar Cache do Site. O resultado do Google só muda quando o Google visitar o site de novo, e esse prazo depende do Google, não do sistema.

➜ **Para que serve o Título complementar?** Ele entra depois do nome de cada página interna, como em "Apartamentos à venda | Imobiliária Exemplo". Use um texto curto, como o nome da imobiliária, para que o nome da página caiba no resultado da busca.

➜ **Colo o código de verificação ou a meta tag inteira?** Tanto faz. Se colar a meta tag inteira, o sistema guarda só o código de dentro dela.

➜ **Cadastrei uma rede e ela não aparece no site. Por quê?** Confira se você gravou e se o layout do site antigo mostra redes sociais no topo ou no rodapé. Nas páginas do site antigo, montadas na aba **Páginas** da tela **Editando Site antigo**, a rede aparece onde houver um bloco de redes sociais.

# Como configurar a busca de imóveis do site antigo

A aba **Busca** define como os visitantes procuram imóveis no **site antigo** da imobiliária: as abas de busca do banner da página inicial, os filtros da página de busca, o modelo e a ordem da listagem, a quantidade de imóveis por página e os textos dos botões de busca.

Use essa aba quando quiser, por exemplo, criar uma aba "Lançamentos" na busca da página inicial, tirar um filtro que os clientes não usam, mostrar mais imóveis por página ou trocar a ordem padrão da listagem.

Para alterar essas configurações, você precisa da permissão **Configurações &gt; Sites e Domínios** ou da permissão **Administrar Configurações**.

---

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

![Caminho no menu: Site, Sites, Editar Site no cartão do site antigo e aba Busca das configurações](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/A17site-o3-busca-navegacao.gif)

**Rotina:** Site &gt; Sites &gt; Editar Site (site antigo) &gt; Configurações &gt; Busca

1\. No menu lateral, abra **Site** e clique em **Sites**. A tela **Sites e Domínios** abre na aba **Sites**.

2\. No cartão do site antigo, que aparece com o nome **Site atual** e a situação **No ar**, clique em **Editar Site**.

3\. A tela **Editando Site antigo** abre na aba **Configurações**. Clique na aba **Busca**.

---

#### **Listagem da página de busca**

[![Quadro Busca do Site para Imóveis com o modelo, a quantidade, a ordem e a paginação da listagem, a busca específica e os interruptores](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/eWlsite-o3-busca-1.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/eWlsite-o3-busca-1.png)

O primeiro quadro, **Busca do Site para Imóveis**, define como a página de busca mostra os imóveis.

<table id="bkmrk-campoo-que-faz-model" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 215px;"></col><col></col></colgroup><tbody><tr><th>Campo

</th><th>O que faz

</th></tr><tr><td>Modelo da Listagem

</td><td>O estilo padrão dos imóveis na página de busca: **Modo Lista Grade** (cartões lado a lado), **Modo Lista Simples** ou **Modo Lista Detalhada**.

</td></tr><tr><td>Qtd de imóveis

</td><td>Quantos imóveis aparecem por vez na página de busca. Aceita de 10 a 150. O padrão é 18.

</td></tr><tr><td>Ordem da Listagem

</td><td>A ordem em que os imóveis aparecem: Valor (menor » maior), Valor (maior » menor), Título, Ano de Construção, Data de Cadastro, Recentemente Atualizados, Acomodação (menor » maior), Acomodação (maior » menor) ou Ordem Configurada. O padrão é Recentemente Atualizados.

</td></tr><tr><td>Modo de Paginação

</td><td>No campo **Modo de Paginação da Busca**, escolha entre um botão para mostrar mais imóveis no fim da lista ou **Botões com as próximas páginas**.

</td></tr><tr><td>Campos Customizados

</td><td>No campo **Campos Customizados do Imóvel**, escolha quais campos criados pela imobiliária no cadastro de imóveis viram filtro na página de busca, como "Aceita Permuta", "Condomínio Fechado" ou "Mobiliado". Só aparecem os campos do módulo Imóvel.

</td></tr><tr><td>Busca Específica

</td><td>Como os filtros de quartos, suítes, banheiros, vagas e salas aparecem no site: **De-até** (o visitante informa um mínimo e um máximo), **Valor fixo** (busca exatamente a quantidade escolhida) ou **Valor ou mais** (a quantidade escolhida ou mais). O padrão é Valor ou mais.

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

Logo abaixo ficam quatro interruptores:

<table id="bkmrk-interruptoro-que-faz" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 298px;"></col><col></col></colgroup><tbody><tr><th>Interruptor

</th><th>O que faz

</th></tr><tr><td>Busca com Mapa

</td><td>Com **Ativar Busca com Mapa** ligado, a página de busca ganha a opção de procurar os imóveis no mapa.

</td></tr><tr><td>Recarregar Busca

</td><td>Com **Recarregar Busca Automaticamente** ligado, a lista se atualiza sozinha a cada filtro que o visitante muda, sem que ele precise clicar em buscar.

</td></tr><tr><td>Filtros sempre visíveis

</td><td>Quando ligado, os filtros ficam fixos ao lado da lista de imóveis. Quando desligado, aparece um botão no topo da lista que abre os filtros numa janela lateral.

</td></tr><tr><td>Busca Inteligente Específica

</td><td>Muda o campo de busca por texto. Quando ligado, o site procura o que foi digitado como um termo só. Quando desligado, cada palavra é considerada separadamente, e aparecem primeiro os imóveis que combinam com mais palavras.

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

---

#### **Filtros da página de busca**

[![Quadros Filtros Busca Imóveis, com o cartão Home, e Filtros do Banner, com as abas Comprar, Alugar e Temporada e o botão Nova Aba](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/Ukysite-o3-busca-2.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/Ukysite-o3-busca-2.png)

O quadro **Filtros Busca Imóveis** tem um cartão só, chamado **Home**. Ele guarda os filtros que aparecem na página de busca do site, ao lado da listagem de imóveis, na ordem em que estão no cartão.

Para mudar esses filtros, dê dois cliques no cartão ou clique nos três pontos dele e em **Ver / Editar**. A janela de edição é a mesma das abas do banner, explicada mais abaixo, só que sem o título, a busca pré-definida e o interruptor de aba ativa.

<p class="callout warning">A página de busca precisa de pelo menos um filtro. Se você remover todos e gravar, o sistema avisa "O campo de Filtros de Site deve ter pelo menos um item adicionado!".</p>

---

#### **Abas de busca do banner**

O quadro **Filtros do Banner** mostra as abas do bloco de busca da página inicial, como "Comprar", "Alugar" e "Temporada". Cada cartão é uma aba, com os filtros dela logo abaixo do nome.

- Para criar uma aba, clique em **Nova Aba**. A aba aparece com o nome "Nova aba" e os filtros padrão, e a janela de edição abre em seguida.
- Para editar, dê dois cliques no cartão ou clique nos três pontos e em **Ver / Editar**.
- Para excluir, clique nos três pontos e em **Excluir**. O sistema pede confirmação: "Você está prestes a remover uma aba da busca inicial do site, tem certeza?".
- Para mudar a ordem das abas no site, arraste os cartões. A primeira aba é a que já vem aberta.

<p class="callout info">As três abas que já vêm com o site (venda, locação e temporada, mesmo que renomeadas) só aparecem quando existe imóvel no site com a finalidade delas. A aba de temporada, por exemplo, some enquanto não houver imóvel de temporada. Para que o bloco de busca apareça no banner do topo, o interruptor **Mostrar Bloco de Busca no Banner Topo**, na aba **Layout**, precisa estar ligado.</p>

---

#### **Como editar os filtros de uma aba**

[![Janela de edição da aba Comprar com o título, a busca pré-definida, os filtros principais e avançados, os filtros disponíveis e o interruptor Aba Ativa](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/7IIsite-o3-busca-3.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/7IIsite-o3-busca-3.png)

1\. Abra a aba que você quer mudar. Na janela, preencha o **Título da aba**, que é o nome que o visitante vê. Ele é obrigatório.

2\. Em **Busca pré-definida**, se quiser, fixe critérios que a aba sempre usa, como a finalidade ou o tipo do imóvel. Quando você define uma finalidade aqui, o filtro de Finalidade sai da aba, para que o visitante não possa escolher outra.

3\. À esquerda ficam os filtros que a aba usa, em dois grupos: **Filtros Principais**, que aparecem em destaque, e **Filtros Avançados**, que ficam na busca avançada. Arraste um filtro para levá-lo de um grupo para o outro ou para mudar a ordem. O **x** tira o filtro da aba, e a lixeira do grupo tira todos os filtros daquele grupo.

4\. À direita ficam os filtros que ainda não estão na aba. Clique em um deles para adicioná-lo ou em **Adicionar Todos**. Use o campo **Buscar filtros...** para achar um filtro pelo nome.

5\. No rodapé, o interruptor **Aba Ativa** mostra ou esconde a aba no site, sem precisar excluí-la.

6\. Clique em **Confirmar**. Se a aba ficar sem nenhum filtro, o sistema avisa "É necessário selecionar pelo menos um filtro disponível." O botão **Cancelar** desfaz o que você mudou na janela.

Ao clicar no nome de um filtro, você vê os ajustes dele:

<table id="bkmrk-campoo-que-faz-nome-" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 187px;"></col><col></col></colgroup><tbody><tr><th>Campo

</th><th>O que faz

</th></tr><tr><td>Nome do Filtro

</td><td>O nome que o visitante vê no site. Serve para trocar, por exemplo, "Dormitórios" por "Quartos".

</td></tr><tr><td>Placeholder

</td><td>O texto de exemplo que aparece dentro do campo vazio, como "Cidade e Bairro...".

</td></tr><tr><td>Filtro Principal

</td><td>Mostra o filtro em destaque, fora da busca avançada. É o mesmo que arrastá-lo para o grupo Filtros Principais.

</td></tr><tr><td>Tipo Seleção

</td><td>Aparece só em alguns filtros. Quando ligado, o filtro vira uma lista de opções, no lugar do estilo padrão.

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

<p class="callout warning">O botão **Confirmar** só guarda a mudança na tela. Para que ela valha no site, clique em **Gravar Informações**, no fim da página.</p>

---

#### **Textos dos botões e busca avançada**

[![Quadro Busca Avançada com os textos dos botões e o interruptor Exibir busca avançada ao lado da busca](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/AJPsite-o3-busca-4.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/AJPsite-o3-busca-4.png)

Dentro do quadro **Filtros do Banner** fica o quadro **Busca Avançada**, com os textos do bloco de busca da página inicial.

<table id="bkmrk-campoo-que-faz-abrir" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 242px;"></col><col></col></colgroup><tbody><tr><th>Campo

</th><th>O que faz

</th></tr><tr><td>Abrir busca avançada

</td><td>No campo **Texto do botão de busca avançada (abrir)**, você define o texto do botão que abre os filtros avançados. Se ficar vazio, o site usa "Busca Avançada".

</td></tr><tr><td>Fechar busca avançada

</td><td>No campo **Texto do botão de busca avançada (fechar)**, você define o texto do botão que fecha os filtros avançados. Se ficar vazio, o site usa "Fechar Busca Avançada".

</td></tr><tr><td>Botão de Busca

</td><td>No campo **Texto do botão de Busca**, você define o texto do botão que faz a busca. Se ficar vazio, o site usa "Buscar".

</td></tr><tr><td>Busca avançada ao lado

</td><td>Com **Exibir busca avançada ao lado da busca** ligado, o botão dos filtros avançados aparece ao lado da busca. Quando desligado, ele fica na posição padrão, abaixo da busca.

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

---

#### **Como gravar**

As mudanças de todas as abas das configurações do site antigo são gravadas juntas. Depois de ajustar, clique em **Gravar Informações**, no fim da página. O sistema confirma com a mensagem "Configurações foram salvas com sucesso!".

Se você sair da tela sem gravar, as mudanças se perdem.

---

#### **Perguntas frequentes**

➜ **Criei uma aba nova e ela não aparece no site. Por quê?** Confira se você clicou em **Gravar Informações** e se o interruptor **Aba Ativa** dela está ligado. As abas de venda, locação e temporada que vêm com o site também somem quando não há imóvel no site com a finalidade delas.

➜ **Qual a diferença entre o cartão Home e as abas do banner?** O cartão **Home**, em Filtros Busca Imóveis, guarda os filtros da página de busca, ao lado da lista de imóveis. As abas de Filtros do Banner são o bloco de busca da página inicial.

➜ **Como troco "Dormitórios" por "Quartos" no site?** Abra a aba ou o cartão Home, clique no filtro, mude o **Nome do Filtro**, confirme e grave.

➜ **Quero que a busca por quartos traga 2 quartos ou mais.** Em **Busca Específica**, escolha **Valor ou mais**.

➜ **Um campo que criei no cadastro de imóveis não aparece em Campos Customizados do Imóvel.** Só os campos do módulo Imóvel entram na lista, e alguns tipos de campo, como o editor de texto, ficam de fora.

# Como configurar os formulários, a LGPD e o WhatsApp do site antigo

A aba **Formulários** das configurações do site antigo define o que acontece quando o visitante entra em contato: para onde ele vai depois de enviar um formulário, que mensagem segue pelo WhatsApp, se aparece um formulário quando ele tenta sair do site, se há um botão para pedir ligação e se o site pede o aceite dos termos de privacidade (LGPD).

No dia a dia, você usa esta tela para criar uma página de agradecimento, padronizar as mensagens de WhatsApp com o código do imóvel, recuperar visitantes que iam embora e deixar o site de acordo com a Lei Geral de Proteção de Dados.

Para chegar à tela, você precisa da permissão **Site &gt; Sites**. Para ver e gravar as configurações do site antigo, precisa também da permissão **Configurações &gt; Sites e Domínios** ou da permissão **Administrar Configurações**.

---

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

![Caminho no menu: Site, Sites, botão Editar Site do cartão Site atual e aba Formulários das configurações](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/eCNsite-o2-form-navegacao.gif)

**Rotina:** Site &gt; Sites &gt; Editar Site (site antigo) &gt; Configurações &gt; Formulários

1\. No menu lateral, abra **Site** e clique em **Sites**. A tela **Sites e Domínios** abre na aba **Sites**.

2\. No cartão do site antigo, que aparece com o nome **Site atual** e a situação **No ar**, clique em **Editar Site**.

3\. A tela **Editando Site antigo** abre na aba **Configurações**. Na fileira de abas de baixo, clique em **Formulários**.

---

#### **Formulários do site**

[![Aba Formulários com os quadros Formulários do Site e Textos enviados pelo WhatsApp](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/vZpsite-o2-form-1.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/vZpsite-o2-form-1.png)

O primeiro quadro, **Formulários do Site**, vale para todos os formulários do site antigo.

<table id="bkmrk-campodescri%C3%A7%C3%A3o-link-" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 233px;"></col><col></col></colgroup><tbody><tr><th>Campo

</th><th>Descrição

</th></tr><tr><td>**Link de agradecimento**

</td><td>Na tela, "Link de Agradecimento para Formulários". Endereço para onde o visitante vai depois de enviar um formulário, como uma página de "obrigado". Informe o endereço completo, começando com https://. Se o formulário da página tiver um link de agradecimento próprio, vale o dele. Se o campo ficar em branco, o visitante continua no site.

</td></tr><tr><td>**Favoritar gera lead**

</td><td>Na tela, "Favoritar imóvel gera Lead". Quando ligado, se o visitante marcar um imóvel como favorito, o site abre um formulário para ele deixar o contato. Ele já vem ligado.

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

<p class="callout info">Quando o visitante vai para o link de agradecimento, o site também aciona o código de rastreamento de formulários (pixel de conversão do Google e do Facebook) cadastrado na aba **Códigos**.</p>

---

#### **Textos enviados pelo WhatsApp**

O quadro **Textos enviados pelo WhatsApp** define a mensagem que já vem escrita quando o visitante clica num botão de WhatsApp do site. Nenhum campo é obrigatório.

<table id="bkmrk-campodescri%C3%A7%C3%A3o-compa" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 215px;"></col><col></col></colgroup><tbody><tr><th>Campo

</th><th>Descrição

</th></tr><tr><td>**Compartilhamento**

</td><td>Na tela, "Widget de compartilhamento". Mensagem do botão de compartilhar quando a página não é de um imóvel.

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

</td><td>Na tela, "Página de detalhar imóveis". Mensagem usada para compartilhar ou falar sobre um imóvel a partir da página dele. Se a mensagem não tiver variáveis, os dados do imóvel continuam sendo incluídos nela.

</td></tr><tr><td>**Chamada do corretor**

</td><td>Na tela, "Chamada do corretor na listagem". Mensagem do contato com o corretor pela lista de corretores. Se ficar em branco, o site usa a mensagem padrão: "Olá, estou acessando o site da" seguido do nome da imobiliária, "e gostaria de mais informações com o corretor" e o nome dele.

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

[![Botão de chaves do campo Página de detalhar imóveis aberto com as variáveis código, referência, título e link](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/JnZsite-o2-form-2.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/JnZsite-o2-form-2.png)

Para incluir um dado do imóvel na mensagem, clique no botão **{ }** ao lado do campo (dica "Inserir variável") e escolha a variável. Ela entra onde estiver o cursor.

<table id="bkmrk-vari%C3%A1velo-que-entra-" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 173px;"></col><col></col></colgroup><tbody><tr><th>Variável

</th><th>O que entra na mensagem

</th></tr><tr><td>**{{codigo}}**

</td><td>Código do imóvel.

</td></tr><tr><td>**{{referencia}}**

</td><td>Referência do imóvel.

</td></tr><tr><td>**{{titulo}}**

</td><td>Título do imóvel.

</td></tr><tr><td>**{{link}}**

</td><td>Link da página do imóvel.

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

<p class="callout warning">Quando a mensagem usa uma variável, o link do imóvel deixa de ser acrescentado sozinho no fim. Para manter o link, inclua também a variável **{{link}}**, como em "Olá, vim do site e quero mais informações sobre o imóvel {{codigo}} {{link}}". O aviso azul no alto do quadro lembra disso.</p>

---

#### **QR code, formulário de saída e pedido de ligação**

[![Quadros Valores para adicionar ao QR code do rodapé, Formulário de recuperação do cliente ao sair do Site e Botão para Solicitar Ligações, com os dois interruptores ligados](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/zqesite-o2-form-3.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/zqesite-o2-form-3.png)

O quadro **Valores para adicionar ao QR code do rodapé** tem o campo **Valores a serem adicionados ao QR code**. O QR code do rodapé abre o endereço da página que o visitante está vendo, e o que você informar aqui é acrescentado ao fim desse endereço em todos os QR codes do site. Separe os valores com &amp; (e comercial), como em "utm\_source=qrcode&amp;utm\_medium=impresso".

O quadro **Formulário de recuperação do cliente ao sair do Site** mostra um formulário quando o visitante leva o mouse para fora da janela, pelo alto, como quem vai fechar a aba. Ele só aparece depois de 2 segundos na página e, no máximo, uma vez por hora para o mesmo visitante. Ligue o interruptor **Mostrar Formulário de recuperação do cliente ao tentar saída do site** para ver os campos:

<table id="bkmrk-campodescri%C3%A7%C3%A3o-image" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 224px;"></col><col></col></colgroup><tbody><tr><th>Campo

</th><th>Descrição

</th></tr><tr><td>**Imagem**

</td><td>Na tela, "Imagem do Formulário". Imagem que aparece embaixo do título do formulário. Clique em **Selecionar Arquivo** para enviar.

</td></tr><tr><td>**Título do Formulário**

</td><td>Título do formulário de saída. Se ficar em branco, o site mostra "Não encontrou o que estava procurando?".

</td></tr><tr><td>**Lista de imóveis**

</td><td>Na tela, "Utilizar Lista de Imóveis". Quando ligado, o formulário mostra imóveis parecidos com o último que o visitante viu ou com a última busca dele.

</td></tr><tr><td>**Filtro de imóveis**

</td><td>Na tela, "Utilizar Filtro de Imóveis Personalizável". Aparece quando a lista está ligada. Quando ligado, a lista mostra os imóveis do filtro que você montar logo abaixo, e não os parecidos.

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

O quadro **Botão para Solicitar Ligações** coloca no site uma imagem flutuante, fixa na tela, que abre o formulário para o visitante pedir que a imobiliária ligue para ele. Ligue o interruptor **Mostrar botão para o cliente solicitar ligação** para ver os campos:

<table id="bkmrk-campodescri%C3%A7%C3%A3oobriga" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 196px;"></col><col></col><col style="width: 145px;"></col></colgroup><tbody><tr><th>Campo

</th><th>Descrição

</th><th>Obrigatório

</th></tr><tr><td>**Imagem do botão**

</td><td>A imagem em que o visitante clica. Clique em **Selecionar Arquivo** para enviar.

</td><td>Sim

</td></tr><tr><td>**Posição da Imagem**

</td><td>Onde a imagem fica na tela: Topo Direito, Topo Esquerdo, Centro Direito, Centro Esquerdo, Fundo Direito ou Fundo Esquerdo.

</td><td>Não

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

---

#### **Termos de privacidade (LGPD)**

[![Quadro Termos de privacidade (LGPD) com os dois interruptores ligados e o editor dos termos preenchido](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/oStsite-o2-form-4.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/oStsite-o2-form-4.png)

O último quadro da aba, **Termos de privacidade (LGPD)**, faz o site pedir o aceite dos termos de privacidade nos formulários. O botão de informação ao lado do título abre um vídeo de ajuda sobre esta parte da tela.

<table id="bkmrk-campodescri%C3%A7%C3%A3o-pedir" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 233px;"></col><col></col></colgroup><tbody><tr><th>Campo

</th><th>Descrição

</th></tr><tr><td>**Pedir aceitação**

</td><td>Na tela, "Pedir aceitação dos Termos de privacidade". Quando ligado, os formulários do site mostram a caixa "Li e aceito os Termos de Privacidade", com um link que abre o texto dos termos. Ao ligá-lo, aparecem os dois campos abaixo.

</td></tr><tr><td>**Política de cookie**

</td><td>Na tela, "Ativar política de cookie". Quando ligado, o visitante vê o aviso "Nossa política de privacidade e cookies", com os botões **Termos de Privacidade** e **Aceito**. Depois do aceite, o aviso não aparece de novo por cerca de um ano naquele navegador.

</td></tr><tr><td>**Termos de Privacidade**

</td><td>Na tela, "Monte aqui os Termos de Privacidade". O texto dos termos, escrito no editor com títulos, listas e links. É obrigatório quando o pedido de aceitação está ligado.

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

Com o texto preenchido, o site antigo também publica os termos no endereço /politica-de-privacidade, como no exemplo www.imobiliariaexemplo.com.br/politica-de-privacidade. Se você já tem uma página com esse endereço na aba **Páginas** da tela **Editando Site antigo**, vale a sua página.

<p class="callout info">O pedido de aceite e o texto dos termos também valem para as fichas cadastrais online, de pessoa e de imóvel, que o cliente preenche pelo link enviado pela imobiliária. Com o pedido ligado, a ficha só é enviada depois que ele marca "Li e aceito os Termos de Privacidade".</p>

<p class="callout warning">O texto dos termos é responsabilidade da imobiliária. Se tiver dúvida sobre o que ele deve conter, consulte o jurídico da sua empresa.</p>

---

#### **Campos dos formulários na aba Configurações**

[![Aba Configurações com os campos Obrigatório em Formulários, Formulário de WhatsApp, Finalidades para Formulários, Finalidades no Formulário e Nome Completo nos Formulários em destaque](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/pHKsite-o2-form-5.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/pHKsite-o2-form-5.png)

O que cada formulário pede ao visitante fica na aba **Configurações**, no quadro **Configurações Gerais**. A página "Como ajustar as configurações gerais do site antigo" explica a aba inteira. Os campos que mexem nos formulários são estes:

<table id="bkmrk-campodescri%C3%A7%C3%A3o-campo" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 242px;"></col><col></col></colgroup><tbody><tr><th>Campo

</th><th>Descrição

</th></tr><tr><td>**Campos obrigatórios**

</td><td>Na tela, "Obrigatório em Formulários". Quais dados os formulários exigem: Telefone, E-mail ou os dois. É obrigatório escolher ao menos um.

</td></tr><tr><td>**Formulário de WhatsApp**

</td><td>Pede o nome e o celular do visitante antes de abrir a conversa no WhatsApp: Ativar para ambos, Ativar apenas para Desktop ou Desativar formulário.

</td></tr><tr><td>**Finalidades oferecidas**

</td><td>Na tela, "Finalidades para Formulários". Quais finalidades o visitante pode escolher nos formulários. Se nenhuma estiver marcada, aparecem todas.

</td></tr><tr><td>**Pedir a finalidade**

</td><td>Na tela, "Finalidades no Formulário". Quando ligado, os formulários perguntam a finalidade desejada pelo cliente.

</td></tr><tr><td>**Nome completo**

</td><td>Na tela, "Nome Completo nos Formulários". Quando ligado, todos os formulários do site pedem o nome completo.

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

---

#### **Gravar as alterações**

Clique em **Gravar Informações**, no fim da tela, ou use o atalho Ctrl+S. O botão grava todas as abas das configurações do site antigo de uma só vez. Por isso, você pode ajustar as abas Formulários e Configurações e gravar só no fim.

Se faltar um campo obrigatório, como a imagem do botão de ligação ou o texto dos termos, o sistema não grava e marca o campo. Se faltar a permissão para editar, aparece a mensagem "Você não tem permissão para editar!". Se alguma página do site ainda mostrar a configuração antiga depois de gravar, clique em **Limpar Cache do Site**, no alto da tela.

---

#### **Perguntas frequentes**

➜ **Coloquei {{codigo}} na mensagem e o link do imóvel sumiu. Por quê?** Quando a mensagem usa uma variável, o site não acrescenta o link sozinho. Inclua também {{link}} onde quiser que ele apareça.

➜ **O formulário de saída aparece no celular?** Não. Ele aparece quando o visitante leva o mouse para fora da janela, pelo alto. Esse movimento só existe no computador; no celular, ele não acontece.

➜ **Liguei o pedido de aceite e não consigo gravar. O que falta?** O texto em "Monte aqui os Termos de Privacidade" é obrigatório quando o pedido está ligado. Preencha o texto e grave de novo.

➜ **Liguei a política de cookie e o aviso não aparece. O que confiro?** O aviso só aparece quando o pedido de aceitação dos termos também está ligado. Depois que o visitante clica em Aceito, ele não vê o aviso de novo naquele navegador por cerca de um ano.

# Como configurar o layout, o banner do topo e os menus do site antigo

As abas **Layout** e **Menus** definem a aparência do **site antigo** da imobiliária: o modelo de layout e a cor, as logos do topo e do rodapé, a altura da capa, o banner do topo da página inicial e os menus que o visitante usa para navegar.

Você usa estas abas quando a imobiliária troca a cor do site, muda a logo, quer outro grupo de imagens no banner do topo ou precisa incluir uma página nova no menu, como "Quem Somos" ou "Anuncie seu imóvel".

Para alterar, você precisa da permissão **Configurações &gt; Sites e Domínios** ou da permissão **Administrar Configurações**.

---

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

![Caminho no menu: Site, Sites, Editar Site no cartão do site antigo e aba Layout das configurações](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/kHnsite-o3-layout-navegacao.gif)

**Rotina:** Site &gt; Sites &gt; Editar Site (site antigo) &gt; Configurações &gt; Layout

1\. No menu lateral, abra **Site** e clique em **Sites**. A tela **Sites e Domínios** abre na aba **Sites**.

2\. No cartão do site antigo, que aparece com o nome **Site atual** e a situação **No ar**, clique em **Editar Site**.

3\. A tela **Editando Site antigo** abre na aba **Configurações**. Clique na aba **Layout**. Os menus ficam na aba **Menus**, logo ao lado.

---

#### **Modelo de layout**

[![Quadro Escolha o Modelo de Layout com as miniaturas dos modelos Amazing, Square e Generation em cinco cores](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/MqPsite-o3-layout-1.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/MqPsite-o3-layout-1.png)

O quadro **Escolha o Modelo de Layout** mostra as miniaturas dos modelos do site antigo. Cada modelo existe em cinco cores: Vermelho, Azul, Verde, Preto e Marrom. O nome de cada um aparece abaixo da miniatura, como "Amazing ~ Azul" ou "Square ~ Verde".

Clique na miniatura para escolher o modelo. O link **Ampliar** abre as imagens dos modelos em tamanho grande, para você comparar antes de escolher.

<p class="callout info">Os modelos **Generation** só aparecem quando o plano da imobiliária inclui esse tema. Para saber se ele faz parte do seu plano, consulte o suporte.</p>

---

#### **Logos e capa do site**

[![Quadros Imagens para o Tema, com as logos do topo e do rodapé, e Configurações do Tema, com o tipo da capa, um link da capa e o botão destaque](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/RS1site-o3-layout-2.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/RS1site-o3-layout-2.png)

<table id="bkmrk-campoo-que-faz-logo-" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 169px;"></col><col></col></colgroup><tbody><tr><th>Campo

</th><th>O que faz

</th></tr><tr><td>Logo do Topo

</td><td>No campo **Logo para o Topo do Site**, envie a imagem da logo que aparece no cabeçalho. O campo aceita uma única imagem.

</td></tr><tr><td>Logo do Rodapé

</td><td>No campo **Logo para o Rodapé do Site**, envie a logo do rodapé.

</td></tr><tr><td>Tipo da Capa

</td><td>No campo **Tipo da Capa do Site**, escolha a altura da capa da página inicial: **Usar 500px de altura**, **Usar 70% de altura** ou **Usar 100% de altura**. As porcentagens são da altura da tela.

</td></tr><tr><td>Links da capa

</td><td>Em **Links para a capa do site**, monte os links que aparecem junto das abas do bloco de busca da página inicial. Use o **+** para criar, o lápis para editar e a lixeira para excluir.

</td></tr><tr><td>Botão destaque

</td><td>Em **Botão destaque no topo do site**, crie um botão em destaque no cabeçalho. O campo só aparece quando o modelo escolhido é um Generation, e ele aceita um único botão.

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

---

#### **Como criar um link da capa**

[![Janela Cadastrando Itens com Tipo de link, Descrição do Link, Ação ao Clicar no Link e Link de Redirecionamento](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/Dbzsite-o3-layout-3.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/Dbzsite-o3-layout-3.png)

1\. Em **Links para a capa do site**, clique no **+**. A janela de cadastro do link abre.

2\. Em **Tipo de link**, escolha para onde o link leva: **Digitar um Link**, **Página do Site**, **Link para Imóvel** ou **Lista de Imóveis**.

3\. Preencha a **Descrição do Link**, que é o texto que o visitante vê, e escolha a **Ação ao Clicar no Link**: abrir na **Mesma Página** ou em **Nova Página**.

4\. Informe o destino, conforme o tipo:

<table id="bkmrk-tipo-de-linko-que-pr" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 187px;"></col><col></col></colgroup><tbody><tr><th>Tipo de link

</th><th>O que preencher

</th></tr><tr><td>Digitar um Link

</td><td>O endereço completo em **Link de Redirecionamento**, começando com http:// ou https://.

</td></tr><tr><td>Página do Site

</td><td>A página, escolhida em **Página do Site**.

</td></tr><tr><td>Link para Imóvel

</td><td>O imóvel, no campo **Imóvel**. Só aparecem imóveis ativos.

</td></tr><tr><td>Lista de Imóveis

</td><td>Os critérios da lista, no bloco **Filtros**. Em **Opções**, você também pode dar à lista um **Link Permanente** e informar, para os buscadores, as meta palavras-chave e o meta descritivo.

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

5\. Clique em **Salvar**. O link entra na lista da capa. Para excluir um link, clique na lixeira dele e confirme o aviso "Você está prestes a remover um link de cabeçalho, tem certeza?".

<p class="callout warning">O botão **Salvar** da janela só guarda o link na tela. Para que ele passe a valer no site, clique em **Gravar Informações**, no fim da página.</p>

---

#### **Banner do topo**

[![Quadro Configurações do Banner Topo com os interruptores, o grupo de banner, a imagem das páginas internas e o efeito de transição](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/5H1site-o3-layout-4.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/5H1site-o3-layout-4.png)

O quadro **Configurações do Banner Topo** controla as imagens que passam no topo do site.

<table id="bkmrk-campoo-que-faz-todas" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 224px;"></col><col></col></colgroup><tbody><tr><th>Campo

</th><th>O que faz

</th></tr><tr><td>Todas as páginas

</td><td>Com **Utilizar Banner em Todas as Páginas** ligado, o banner do topo aparece em todas as páginas, e não só na inicial.

</td></tr><tr><td>Bloco de busca

</td><td>Com **Mostrar Bloco de Busca no Banner Topo** ligado, o bloco de busca de imóveis aparece por cima do banner. As abas desse bloco são configuradas na aba **Busca**.

</td></tr><tr><td>Grupo de Banner

</td><td>Em **Grupo de Banner para Topo**, escolha o grupo de banners cujas imagens passam no topo.

</td></tr><tr><td>Qual Imagem Utilizar

</td><td>Define a faixa de imagens abaixo do topo nas páginas internas: **Imagens Padrão**, **Remover Imagens** ou **Definir Imagens**. Com Definir Imagens, aparecem os campos **Imagem Topo 1**, **Imagem Topo 2** e **Imagem Topo 3** para você enviar as suas.

</td></tr><tr><td>Efeito de transição

</td><td>Em **Efeito de transição do Banner Topo**, escolha como uma imagem dá lugar à outra: **Padrão (deslizar)**, **Fechar**, **Esmaecer**, **Cair**, **Sair para baixo** ou **Sair para direita**.

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

<p class="callout info">Os banners e os grupos de banners são cadastrados em **Site &gt; Conteúdo**, aba **Banners**. O botão **Grupos**, nessa aba, mostra os grupos existentes.</p>

---

#### **Menu do site**

[![Quadro Menu para o Site com Links Personalizados, Páginas Disponíveis e Páginas no Menu](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/qNlsite-o3-layout-5.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/qNlsite-o3-layout-5.png)

Na aba **Menus**, o quadro **Menu para o Site** monta o menu principal. Ele tem três partes:

<table id="bkmrk-parteo-que-faz-links" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 224px;"></col><col></col></colgroup><tbody><tr><th>Parte

</th><th>O que faz

</th></tr><tr><td>Links Personalizados

</td><td>Cria um item que leva a qualquer endereço. Preencha **Título do Link no Menu**, **Url do Link** e **Ação ao Clicar no Link** (**Mesma Página** ou **Nova Página**) e clique em **Adicionar ao Menu**. Sem endereço, o item entra no menu sem destino.

</td></tr><tr><td>Páginas Disponíveis

</td><td>Lista as páginas do site antigo. Ligue as que você quer no menu e clique em **Adicionar ao Menu**. O link **Cadastrar uma Página** abre o cadastro de página numa nova guia.

</td></tr><tr><td>Páginas no Menu

</td><td>Mostra os itens do menu, na ordem do site. Cada item indica se é **Personalizada** ou **Página**.

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

Em **Páginas no Menu**:

- Arraste um item para mudar a ordem. Se você arrastá-lo para dentro de outro item, ele vira submenu.
- A seta do item abre os ajustes dele: o **Título da página no menu**, o link (nos itens personalizados) e a **Ação ao clicar no link**. Nas páginas, a opção **Título da página** usa o próprio título da página no menu.
- O **x** remove o item depois que você confirma o aviso "Você está prestes a remover um Item do Menu, tem certeza?".

Se você clicar em **Adicionar ao Menu** sem preencher o título do link, o sistema avisa "É necessário preencher todos os campos para adicionar ao Menu!". Em **Páginas Disponíveis**, se nenhuma página estiver ligada, o aviso é "É necessário selecionar pelo menos uma página para adicionar ao Menu!".

---

#### **Menus de Home, Vendas, Locações e Lançamentos**

[![Quadros Menu de Home e Menu de Vendas, com as colunas Apartamentos, Casas, Comerciais e Rural/Industrial](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/9Yesite-o3-layout-6.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/9Yesite-o3-layout-6.png)

Abaixo do menu principal ficam os quadros dos menus prontos. O **Menu de Home para o site** tem o campo **Descrição do link para Home** e os interruptores **Utilizar Menu de Home** e **Utilizar Menu de Home no Menu Flutuante**.

Os quadros de **Vendas**, **Locações** e **Lançamentos** montam menus com listas de imóveis, organizadas em colunas. Em cada um:

1\. Preencha a descrição do link, por exemplo **Descrição do link para Vendas**, e ligue o interruptor do menu, por exemplo **Utilizar Menu de Vendas**.

2\. Clique em **Adicionar coluna de links ao Menu**. Na janela, preencha a **Descrição do Link** da coluna, escolha os critérios em **Opções de Filtro para a lista de imóveis** e clique em **Salvar**.

3\. Na coluna criada, clique em **Adicionar nesta coluna** para incluir os links, cada um com a sua descrição e os seus filtros. Exemplo: na coluna "Apartamentos", os links "2 quartos" e "3 quartos".

4\. Arraste as colunas e os links para mudar a ordem. O lápis edita, e a lixeira remove o item depois que você confirma o aviso "Você está prestes a remover um item do Menu, tem certeza?".

---

#### **Como gravar**

As mudanças de todas as abas das configurações do site antigo são gravadas juntas. Depois de ajustar, clique em **Gravar Informações**, no fim da página. O sistema confirma com a mensagem "Configurações foram salvas com sucesso!".

Se você sair da tela sem gravar, perde as alterações.

---

#### **Perguntas frequentes**

➜ **Troquei o modelo de layout e o site não mudou. O que faço?** Confira se você clicou em **Gravar Informações** depois de escolher a miniatura. Se ainda assim o site mostrar o visual antigo, use o botão **Limpar Cache do Site**, no topo das configurações.

➜ **Por que não vejo os modelos Generation?** Eles dependem do plano da imobiliária. Consulte o suporte.

➜ **Onde troco as imagens do banner do topo?** As imagens são os banners do grupo escolhido em **Grupo de Banner para Topo**. Elas são cadastradas em **Site &gt; Conteúdo**, aba **Banners**.

➜ **Por que o bloco de busca não aparece no banner?** Ligue **Mostrar Bloco de Busca no Banner Topo** e grave.

➜ **Como crio um submenu?** Em **Páginas no Menu**, arraste o item para dentro do item que será o pai.

➜ **Como faço um item do menu abrir em outra guia?** Abra os ajustes do item em **Páginas no Menu** e escolha **Nova página** em **Ação ao clicar no link**.

# Como ajustar as configurações gerais do site antigo

A aba **Configurações** reúne os ajustes gerais do **site antigo** da imobiliária: o que os formulários pedem, o botão flutuante de contatos, o chat do Facebook Messenger, os mapas na página do imóvel, os centavos nos valores, a tradução do site, o comparativo de imóveis e a opção de tirar o site do ar por um tempo.

No dia a dia, use essa aba para ajustar o comportamento do site sem mexer no layout. Por exemplo: deixar o telefone obrigatório nos formulários, mostrar o botão de WhatsApp no canto da tela ou abrir os imóveis numa nova guia.

Para alterar essas configurações, você precisa da permissão **Configurações &gt; Sites e Domínios** ou da permissão **Administrar Configurações**.

---

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

![Caminho no menu: Site, Sites, Editar Site no cartão do site antigo e aba Configurações dentro das configurações do site antigo](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/UL2site-o3-configuracoes-navegacao.gif)

**Rotina:** Site &gt; Sites &gt; Editar Site (site antigo) &gt; Configurações &gt; Configurações

1\. No menu lateral, abra **Site** e clique em **Sites**. A tela **Sites e Domínios** abre na aba **Sites**.

2\. No cartão do site antigo, que aparece com o nome **Site atual** e a situação **No ar**, clique em **Editar Site**.

3\. A tela **Editando Site antigo** abre na aba **Configurações**. Na fileira de abas de baixo, clique em **Configurações**.

---

#### **Configurações Gerais**

[![Quadro Configurações Gerais com os campos dos formulários, da tradução, das páginas da listagem e do tamanho da imagem, e a grade de interruptores](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/fg4site-o3-config-1.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/fg4site-o3-config-1.png)

O primeiro quadro, **Configurações Gerais**, tem alguns campos no alto e, abaixo deles, uma grade de interruptores. Passe o mouse sobre o ponto de interrogação ao lado de cada um para ver a explicação na própria tela. Nas tabelas abaixo, eles estão agrupados por assunto.

**Formulários do site**

<table id="bkmrk-campoo-que-faz-obrig" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 298px;"></col><col></col></colgroup><tbody><tr><th>Campo

</th><th>O que faz

</th></tr><tr><td>Obrigatório em Formulários

</td><td>Quais dados os formulários do site exigem: **Telefone**, **E-mail** ou os dois. É obrigatório escolher ao menos um. O padrão é E-mail.

</td></tr><tr><td>Formulário de WhatsApp

</td><td>Pede o nome e o celular do visitante antes de abrir a conversa no WhatsApp: **Ativar para ambos** (computador e celular), **Ativar apenas para Desktop** ou **Desativar formulário**.

</td></tr><tr><td>Nome Completo

</td><td>Com **Nome Completo nos Formulários** ligado, todos os formulários pedem o nome completo.

</td></tr><tr><td>Finalidades no Formulário

</td><td>Quando ligado, os formulários perguntam a finalidade do cliente, como comprar ou alugar.

</td></tr><tr><td>Finalidades para Formulários

</td><td>Quais finalidades aparecem para escolher nos formulários. Se nenhuma estiver marcada, aparecem todas.

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

**Listagem e cartões de imóveis**

<table id="bkmrk-campoo-que-faz-p%C3%A1gin" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 224px;"></col><col></col></colgroup><tbody><tr><th>Campo

</th><th>O que faz

</th></tr><tr><td>Páginas (computador)

</td><td>No campo **Qtd de páginas na listagem (computador)**, você define quantos números de página a paginação das listagens mostra no computador: de 2 a 10. O padrão é 7.

</td></tr><tr><td>Páginas (celular)

</td><td>No campo **Qtd de páginas na listagem (celular)**, você define o mesmo para o celular: de 2 a 7. O padrão é 7.

</td></tr><tr><td>Tamanho da imagem

</td><td>No campo **Tamanho da imagem no card de imóveis**, você define o tamanho máximo das fotos nas listagens. O padrão é 400px X 400px. A foto menor que o tamanho escolhido fica no tamanho original.

</td></tr><tr><td>Abrir em nova guia

</td><td>Com **Abrir imóvel em nova guia** ligado, o clique no cartão do imóvel abre a página dele numa nova guia do navegador.

</td></tr><tr><td>Atalho de visita

</td><td>Com **Atalho de Agendamento de Visita no Card do Imóvel** ligado, o cartão do imóvel ganha um atalho para agendar visita, na listagem e no slider de destaques. Ele abre o mesmo formulário de visita da página do imóvel, e o contato chega ao sistema do mesmo jeito.

</td></tr><tr><td>Atalho de proposta

</td><td>Com **Atalho de Proposta no Card do Imóvel** ligado, o cartão ganha um atalho para enviar proposta, com o mesmo formulário de proposta da página do imóvel.

</td></tr><tr><td>Rolar Página

</td><td>Com **Rolar Página Automaticamente** ligado, quando o visitante volta para uma página, o site rola a tela até o ponto em que ele estava, por exemplo, no meio da busca.

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

**Página do imóvel e valores**

<table id="bkmrk-campoo-que-faz-googl" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 187px;"></col><col></col></colgroup><tbody><tr><th>Campo

</th><th>O que faz

</th></tr><tr><td>Google Maps

</td><td>Mostra o mapa na página do imóvel.

</td></tr><tr><td>Google Street

</td><td>Mostra o Google Street View, a imagem real da rua, na página do imóvel.

</td></tr><tr><td>Mostrar Centavos

</td><td>Mostra os centavos nos valores do site.

</td></tr><tr><td>Casas decimais

</td><td>Com **Casas decimais nas medidas** ligado, as medidas do imóvel aparecem completas, com as casas decimais.

</td></tr><tr><td>Pacote Aluguel

</td><td>Com **Ativar Pacote Aluguel** ligado, a página do imóvel de aluguel mostra o "Pacote Locação", que soma o aluguel, o condomínio, o IPTU e as taxas do mês.

</td></tr><tr><td>Mostrar Menos

</td><td>Com **Mostrar Menos no Descritivo** ligado, o descritivo longo aparece resumido, com um botão para ler o restante.

</td></tr><tr><td>Alta Temporada

</td><td>Com **Preferência pelo valor de Alta Temporada** ligado, os imóveis de temporada mostram primeiro o valor da alta temporada. Quando desligado, mostram o da baixa temporada.

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

**Navegação, endereço e proteção**

<table id="bkmrk-campoo-que-faz-menu-" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 252px;"></col><col></col></colgroup><tbody><tr><th>Campo

</th><th>O que faz

</th></tr><tr><td>Menu Fixo

</td><td>O menu fica preso no topo da tela enquanto o visitante rola a página.

</td></tr><tr><td>Tradução

</td><td>No campo **Linguagens para Tradução**, você escolhe os idiomas oferecidos ao visitante: Inglês, Espanhol, Japonês, Alemão, Francês, Italiano, Chinês, Russo, Árabe e Polonês. O padrão é Inglês e Espanhol.

</td></tr><tr><td>Desativar botão Direito

</td><td>Desativa o menu do botão direito do mouse sobre as imagens do site, o que dificulta copiar as fotos.

</td></tr><tr><td>Redirecionamento HTTPs

</td><td>Leva o visitante sempre para a versão segura do site, com https.

</td></tr><tr><td>Redirecionar www

</td><td>Leva o endereço com www para o endereço sem www.

</td></tr><tr><td>Redirecionar 404

</td><td>Com **Redirecionar 404 para Home** ligado, quem abre um link que não existe mais vai para a página inicial. Quando desligado, aparece a página de erro "página não encontrada".

</td></tr><tr><td>Dados Estruturados

</td><td>Com **Criação automática de Dados Estruturados** ligado, o site gera sozinho as informações para os buscadores, como o Google, em cada página. Quando desligado, valem só os códigos que a imobiliária colocou na aba **Códigos**.

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

---

#### **Botão de contatos e Facebook Messenger**

[![Quadros Botão de Contatos do Site, com os itens, as redes sociais e o contato no site, e Facebook Messenger, com o nome de usuário e a mensagem de chat](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/d71site-o3-config-2.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/d71site-o3-config-2.png)

O quadro **Botão de Contatos do Site** controla o botão flutuante com os canais de contato e as redes sociais da imobiliária. Ligue **Utilizar botão flutuante de contatos** para ver os campos:

<table id="bkmrk-campoo-que-faz-itens" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 233px;"></col><col></col></colgroup><tbody><tr><th>Campo

</th><th>O que faz

</th></tr><tr><td>Itens no Botão

</td><td>No campo **Itens no Botão de Contatos**, você escolhe os canais que aparecem: **Conversar por WhatsApp**, **Conversar por WhatsApp Locação**, **Enviar E-mail** e **Ligamos para você**.

</td></tr><tr><td>Redes Sociais

</td><td>No campo **Redes Sociais Flutuantes**, você escolhe as redes sociais que entram no botão. As redes são cadastradas na aba **Redes Sociais**.

</td></tr><tr><td>Contato no site

</td><td>O telefone da imobiliária que o botão usa. Se ficar vazio, o botão abre o formulário de solicitação de ligação. Se estiver preenchido, no celular o botão abre o discador com o número escolhido; no computador, continua abrindo o formulário.

</td></tr><tr><td>Abrir Automaticamente

</td><td>Quando ligado, o botão de contatos já aparece aberto assim que o visitante entra no site.

</td></tr><tr><td>Lado direito

</td><td>Com **Botão de Contatos no lado direito** ligado, o botão fica no canto direito da tela.

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

<p class="callout info">Os telefones que aparecem em **Contato no site** são os cadastrados nas configurações gerais da empresa, como **1º TELEFONE** e **2º TELEFONE**.</p>

No quadro **Facebook Messenger**, ligue **Utilizar Facebook Messenger** para colocar o chat do Messenger no site:

<table id="bkmrk-campoo-que-faz-nome-" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 187px;"></col><col></col></colgroup><tbody><tr><th>Campo

</th><th>O que faz

</th></tr><tr><td>Nome de Usuário

</td><td>No campo **Nome de Usuário do Facebook**, informe o nome que aparece no fim do endereço da página da imobiliária no Facebook. Por exemplo, em facebook.com/imobiliariaexemplo, o nome é imobiliariaexemplo.

</td></tr><tr><td>Mensagem de Chat

</td><td>O texto que aparece ao lado do balão do chat. Deixe em branco para não mostrar texto.

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

---

#### **Desativar o site temporariamente**

[![Quadro Desativar o site temporariamente ligado, com o botão Acessar o site mesmo bloqueado e a mensagem, e o quadro Configurações para Widgets do Site](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/Duxsite-o3-config-3.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/Duxsite-o3-config-3.png)

Use o interruptor **Desativar temporariamente o site da imobiliária** para tirar o site do ar por um tempo, por exemplo, durante uma grande mudança de conteúdo. Com ele ligado:

- o visitante vê a mensagem escrita em **Mensagem Customizada para Desativação** no lugar do site;
- o botão **Acessar o site mesmo bloqueado** abre o site numa nova guia, para você conferir como ele está.

<p class="callout danger">O site fica fora do ar para todos os visitantes a partir do momento em que você grava com o interruptor ligado. Para voltar, desligue o interruptor e clique em **Gravar Informações**.</p>

No quadro **Configurações para Widgets do Site**, ficam:

<table id="bkmrk-campoo-que-faz-bot%C3%A3o" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 206px;"></col><col></col></colgroup><tbody><tr><th>Campo

</th><th>O que faz

</th></tr><tr><td>Botão de detalhes

</td><td>No campo **Texto para o botão de detalhes dos imóveis da listagem do site**, você define o texto do botão que abre o imóvel nas listagens.

</td></tr><tr><td>Tipo de intervalo

</td><td>No campo **Tipo de intervalo de renovação do formulário de lead**, você escolhe a unidade do intervalo: **Horas**, **Dias** ou **Meses**.

</td></tr><tr><td>Tempo do intervalo

</td><td>No campo **Tempo do Intervalo de renovação do formulário de leads**, você define quanto tempo passa até o site pedir de novo o cadastro do visitante. O mínimo é 1.

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

<p class="callout info">O intervalo de renovação só vale quando o formulário de leads está ligado nos widgets **Carrossel de Mídias do Imóvel** ou **Galeria de Imagens Player**.</p>

---

#### **Comparativo de Imóveis**

[![Quadro Comparativo de Imóveis com as regras e a tabela de campos aberta, mostrando os campos selecionados e os disponíveis](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/MMgsite-o3-config-4.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/MMgsite-o3-config-4.png)

O quadro **Comparativo de Imóveis** define como o visitante compara imóveis lado a lado no site.

<table id="bkmrk-campoo-que-faz-quant" style="width: 100%; table-layout: fixed; hyphens: manual;"><colgroup><col style="width: 196px;"></col><col></col></colgroup><tbody><tr><th>Campo

</th><th>O que faz

</th></tr><tr><td>Quantidade máxima

</td><td>No campo **Quantidade máxima de imóveis**, você define quantos imóveis o visitante pode comparar de uma vez: de 2 a 5. O padrão é 3.

</td></tr><tr><td>Solicitar lead

</td><td>Com **Solicitar lead antes de comparar** ligado, o visitante precisa preencher o formulário de captação antes de abrir o comparativo.

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

Em **Campos do Comparativo**, clique em **Tabela de campos do comparativo** para abrir as duas listas:

- **Campos Disponíveis**, à direita: clique em um campo para levá-lo ao comparativo ou em **Adicionar Todos**.
- **Campos Selecionados**, à esquerda: são as linhas do comparativo. Arraste um campo pela alça para definir a ordem. Para tirar um campo, clique no sinal de menos ou dê dois cliques nele. O botão **Remover Todos** esvazia a lista.

As duas listas têm uma busca para achar o campo pelo nome. Entram os campos do cadastro do imóvel (menos os dados do proprietário, os documentos, as fotos e as observações) e os campos customizados criados pela imobiliária no módulo Imóvel.

---

#### **Limpar Cache do Site**

[![Topo das configurações do site antigo com o botão Limpar Cache do Site em destaque](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/BtBsite-o3-config-5.png)](https://ajuda.apresenta.me/uploads/images/gallery/2026-10/BtBsite-o3-config-5.png)

O site antigo guarda uma cópia pronta das páginas para abrir mais rápido. O botão **Limpar Cache do Site**, acima das abas das configurações, apaga essas cópias, e o site volta a montar cada página com as informações atuais.

Use-o quando uma mudança não aparecer no site. Quando você grava as configurações, o que vem delas já é atualizado sozinho. Por isso, o botão serve mais para os casos em que o site continua mostrando uma informação antiga.

O botão age na hora, sem que você precise gravar, e o sistema confirma com a mensagem "Cache da página *endereço do site* limpo com sucesso!".

---

#### **Como gravar**

As mudanças de todas as abas das configurações do site antigo são gravadas juntas. Depois de ajustar, clique em **Gravar Informações**, no fim da página. O sistema confirma com a mensagem "Configurações foram salvas com sucesso!".

Se você sair da tela sem gravar, as mudanças se perdem.

---

#### **Perguntas frequentes**

➜ **Gravei uma mudança e o site continua igual. O que faço?** Recarregue a página do site. Se ainda estiver igual, clique em **Limpar Cache do Site** e confira de novo.

➜ **Como deixo o telefone obrigatório nos formulários?** Em **Obrigatório em Formulários**, marque **Telefone** e grave.

➜ **Como faço o botão de WhatsApp aparecer no canto do site?** Ligue **Utilizar botão flutuante de contatos** e marque **Conversar por WhatsApp** em **Itens no Botão de Contatos**.

➜ **Os valores aparecem sem centavos. Como faço para mostrá-los?** Ligue **Mostrar Centavos** e grave.

➜ **Desativei o site e agora não consigo ver como ele está.** Use o botão **Acessar o site mesmo bloqueado**, que aparece com o interruptor ligado.