Site
Páginas, banners e artigos do site da imobiliária.
Páginas
Módulo detalhado de como realizar edições nas páginas de imóveis, criar landing pages e editar elas
Como montar as páginas do site com o Page Builder?
O Page Builder permite criar e organizar as páginas do site diretamente pelo sistema, utilizando blocos, colunas e widgets.
Os widgets representam os conteúdos exibidos na página, como busca de imóveis, destaques, formulários, mapas, depoimentos e outros recursos. Eles podem ser posicionados e configurados visualmente, sem necessidade de programação.
Navegação no Módulo
Rotina: Site > Páginas
A listagem apresenta as principais informações das páginas cadastradas.
Informação | Descrição |
|---|---|
Título | Identifica a página. Ao clicar, ela é aberta no construtor. |
Link Permanente | Apresenta o endereço utilizado para acessar a página no site. |
Tipo | Identifica a finalidade da página dentro do site. |
Também estão disponíveis as seguintes ações:
Ação | Descrição |
|---|---|
Cadastrar | Permite criar uma nova página. |
Editar Site | Abre o site em uma nova aba já autenticado no editor visual. A ação depende da permissão de configuração do site. |
Estrutura de uma página
A construção de uma página é organizada em três níveis.
Estrutura | Descrição |
|---|---|
Bloco | Representa uma faixa horizontal da página. Possui configurações próprias de fundo, largura e espaçamento. |
Coluna | Representa a divisão interna de um bloco. Um bloco pode possuir diferentes configurações de colunas. |
Widget | É o conteúdo inserido dentro de uma coluna, como formulários, imagens, buscas ou textos. |
Os blocos podem ser reordenados pela barra de alça, enquanto os widgets podem ser movimentados entre as colunas pelo próprio título.
Entendendo os diferentes tipos de página que existem
O Tipo de Página determina onde ela será utilizada e quais widgets estarão disponíveis no construtor.
Tipo | Descrição |
|---|---|
Home | Página inicial do site. |
Página Normal | Utilizada para páginas institucionais, como Quem Somos ou conteúdos gerais. |
Imóvel Listar | Página utilizada para apresentar a listagem de imóveis. |
Imóvel Detalhar | Página utilizada para apresentar os detalhes de um imóvel. |
Imóvel não Disponível | Página exibida quando um imóvel não está mais disponível. |
Condomínio Detalhar | Apresenta as informações de um condomínio. |
Artigo Listar | Apresenta a listagem de artigos. |
Artigo Detalhar | Apresenta o conteúdo completo de um artigo. |
Corretor Detalhar | Apresenta as informações relacionadas a um corretor. |
Contato | Página utilizada para contato com a imobiliária. |
Solicitação de Imóvel | Utilizada para solicitações relacionadas a imóveis. |
Cadastro de Imóvel | Utilizada para cadastramento ou captação de imóveis. |
Indicadores Imobiliários | Página destinada à apresentação de indicadores imobiliários. |
Landing Page | Utilizada para campanhas e páginas específicas. |
Página Modelo | Funciona como um modelo reutilizável em outras páginas. |
Rodapé | Define o conteúdo utilizado no rodapé do site. |
Carrossel para TV | Utilizado para exibição de conteúdos em telas. |
Redirecionamento | Encaminha o acesso para outro endereço e não possui conteúdo próprio. |
Alguns tipos são necessários para o funcionamento de áreas específicas do site, como Home, Imóvel Detalhar, Contato, Artigo Listar, Artigo Detalhar e Condomínio Detalhar.
O tipo da página não pode ser alterado enquanto existirem widgets exclusivos do tipo atual. Remova esses widgets antes de realizar a alteração.
Preenchendo as informações da página
As informações básicas definem a identificação, endereço e exibição da página.
Campo | Descrição |
|---|---|
Título | Define o nome da página. O preenchimento é obrigatório. |
Link Permanente | Define o endereço da página no site. É gerado automaticamente pelo título, mas pode ser alterado. |
Link de redirecionamento | Disponível no tipo Redirecionamento e define o endereço para onde o acesso será encaminhado. |
Meta - Palavras Chaves | Permite informar palavras-chave separadas por vírgula, respeitando o limite de 56 caracteres. |
Meta - Descritivo da Página | Define a descrição utilizada pela página, com limite de 155 caracteres. |
Ativo | Define se a página estará disponível no site. |
Mobile | Define que a página será utilizada especificamente para dispositivos móveis. |
Atenção: Uma página padrão e sua versão Mobile podem utilizar o mesmo link permanente. A versão mobile deve ser criada depois que a página correspondente sem a opção Mobile já existir.
Atenção: Quando a opção Mobile estiver ativada, o construtor disponibiliza apenas blocos de coluna completa.
Adicionando um bloco
Selecione o formato desejado e utilize Adicionar um novo bloco de widgets.
Estrutura | Distribuição |
|---|---|
Coluna Completa | 100% da largura disponível. |
Lateral / Central | 33% / 66%. |
Central / Lateral | 66% / 33%. |
Três colunas | 33% / 33% / 33%. |
Duas colunas | 50% / 50%. |
Quatro colunas | 25% / 25% / 25% / 25%. |
Cada coluna apresenta sua respectiva largura e uma opção + para adicionar widgets.
Adicionar widgets
Os widgets podem ser adicionados de duas formas.
Forma | Descrição |
|---|---|
Arrastar | Arraste o widget disponível na parte superior diretamente para a coluna desejada. |
Adicionar pelo + | Clique no botão + da coluna e escolha o widget pela janela de seleção. |
A lista de widgets possui busca e pode variar conforme o Tipo de Página selecionado.
Atenção: Cada widget possui regras sobre os tamanhos de coluna em que pode ser utilizado. Caso um widget não seja aceito em determinada coluna, utilize uma estrutura com largura compatível.
Configurando um widget
Ao clicar em um widget, suas configurações são expandidas.
Os campos apresentados variam de acordo com a finalidade do componente.
Opção | Descrição |
|---|---|
Minimizar/Maximizar Widget | Recolhe ou expande as configurações para facilitar a organização da página. |
Widget Ativo | Define se o widget será exibido no site. Quando desativado, permanece configurado na página, mas não é apresentado ao visitante. |
Remover Widget | Remove o componente da página. |
Widgets disponíveis
Os widgets podem ser agrupados conforme sua finalidade.
Categoria | Exemplos |
|---|---|
Imóveis | Busca para Imóvel, Listagem de Imóveis, Slider de Destaques, Listagem de Condomínios, Imóveis Relacionados e Mapas. |
Ficha do imóvel | Características, Localização, Medidas, Valores, Detalhes, Descrição, Documentos, Imagem Principal e Mapa do Imóvel. |
Mídia | Galeria de Imagens, Galeria de Plantas, Carrossel de Mídias, Vídeos, Tour Virtual 360º, Youtube Playlist e Feed do Instagram. |
Captação de contato | Formulários, Atendimento via WhatsApp, Solicitação de Imóveis, Cadastro de Imóveis e Propostas. |
Conteúdo | Título de Página, Bloco de Conteúdo, HTML, Linha Divisória, Lista de Links, FAQ, Depoimentos, QR Code e Banner. |
Artigos | Listagem, Busca, Categoria, Resumos e Detalhar Artigo. |
Institucional | Informações da Imobiliária, Corretores, Construtoras, Redes Sociais, Indicadores e Campos Customizados. |
Temporada | Calendário de Disponibilidade, Pacotes para Temporada e Formulário de Reserva. |
Atenção: Alguns widgets dependem do contexto da página. Recursos relacionados aos detalhes de imóveis, por exemplo, ficam disponíveis apenas em tipos que possuem um imóvel relacionado.
Utilizar layouts prontos
Nos tipos Landing Page e Rodapé, o construtor disponibiliza modelos de layout já configurados.
Após selecionar um modelo, utilize Aplicar Layout para montar automaticamente a estrutura de blocos e widgets. Depois disso, os conteúdos podem ser personalizados normalmente.
Duplicar uma página
A opção Duplicar cria uma cópia completa da página, incluindo blocos, widgets e configurações.
Ao realizar a duplicação, deve ser informado um novo Link Permanente. O sistema pode sugerir o endereço atual acompanhado do sufixo -clone.
Esse recurso pode ser utilizado para criar páginas semelhantes ou versões alternativas de uma estrutura já existente.
Vincular um imóvel à página
Em páginas do tipo Landing Page, a opção Imóvel permite definir qual imóvel será utilizado como referência para os widgets da página.
Essa configuração possibilita que widgets como fotos, características e valores apresentem automaticamente as informações do imóvel selecionado.
Somente imóveis ativos são apresentados para seleção.
Atenção: A página precisa estar com a opção Ativo habilitada para ser exibida no site. Algumas alterações também podem levar alguns instantes para aparecer devido ao cache.
Perguntas frequentes
➜ Qual a diferença entre bloco, coluna e widget? O bloco é a faixa horizontal da página, a coluna é a divisão existente dentro dele e o widget é o conteúdo adicionado dentro da coluna.
➜ O widget que preciso não aparece na lista. Verifique o Tipo de Página. A disponibilidade dos widgets varia conforme o contexto da página.
➜ Arrastei um widget e ele não entrou na coluna. O widget pode exigir uma coluna com largura diferente. Tente adicioná-lo em uma coluna maior.
➜ Não consigo alterar o Tipo de Página. Remova primeiro os widgets exclusivos do tipo atualmente utilizado.
➜ Não consigo criar a versão Mobile. Verifique se a página correspondente sem a opção Mobile já foi cadastrada.
➜ Quero ocultar um widget sem perder sua configuração. Desative a opção Widget Ativo.
➜ O texto sobre a imagem de fundo está difícil de visualizar. Utilize Cor sobre imagem nas configurações do bloco.
➜ Preciso criar uma página igual a outra. Utilize Duplicar e informe um novo Link Permanente.
➜ Como criar uma página de campanha mais rapidamente? Utilize uma Landing Page, aplique um dos layouts prontos e personalize o conteúdo.
➜ Gravei a página, mas a alteração ainda não apareceu no site. Verifique se a página está Ativa e considere o tempo de atualização do cache. Utilize Ver no Site para conferir a página.
➜ Preciso adicionar um conteúdo que nenhum widget disponível atende. Utilize o Bloco de Código HTML e, quando necessário, a Classe para codificação CSS do bloco.
Como configurar a listagem de imóveis no site?
A Listagem de Imóveis é o widget mais usado do site — é ele que mostra os imóveis na página de busca, os destaques da home, os lançamentos de um bairro. E é também o que tem mais opções: formato dos cards, filtro fixo, abas de recorte e modo carrossel.
Entender essas opções é o que separa uma home que mostra "os últimos imóveis cadastrados" de uma que mostra exatamente o que a imobiliária quer vender.
Navegação no Módulo
Rotina: Site > Páginas > abrir a página > adicionar o widget Listagem de Imóveis
O widget entra em colunas largas — central ou coluna completa. Ele não é aceito em colunas estreitas.
O formato dos cards
Opção | Descrição |
|---|---|
Descrição da lista | O título que aparece acima da listagem no site. |
Modo de Listagem | Como cada imóvel é apresentado: |
Modo Lista Grade | Cards lado a lado, o formato mais comum. |
Modo Lista Simples | Linhas compactas, com menos informação por imóvel. |
Modo Lista Detalhada | Uma linha larga por imóvel, com mais dados. |
Exibir Corretor | Mostra no card o Responsável ou o Captador do imóvel. Deixando em branco, nenhum corretor aparece. |
Campos Customizados do Imóvel | Campos criados pela imobiliária que passam a aparecer no card. Só ficam disponíveis os campos do módulo Imóvel. |
Quais imóveis a lista mostra
Abaixo do formato fica o bloco Opções de Filtro para esta Lista de Imóveis, onde se define o recorte: finalidade, tipo, cidade, bairro, faixa de valor, quartos e o que mais for necessário.
Opção | Descrição |
|---|---|
Desativar a filtragem automática nas opções de busca | Por padrão, a listagem respeita o que o visitante pesquisou na busca do site. Ligando esta opção, a lista passa a mostrar sempre o mesmo recorte, ignorando a pesquisa. |
Busca por abas
Opção | Descrição |
|---|---|
Utilizar busca por Abas | Troca o filtro único por várias abas, cada uma com o próprio recorte de imóveis. O visitante clica na aba e a lista troca. |
É o recurso para montar, num só bloco, "Comprar | Alugar | Temporada" ou "Apartamentos | Casas | Terrenos".
Cada aba é criada pelo botão +, recebe uma descrição e os próprios critérios. As abas são reordenadas arrastando, e cada uma pode ser editada ou excluída.
Modo carrossel
Por padrão a listagem usa paginação. Ligando o carrossel, os imóveis passam a deslizar lateralmente, arrastados com o mouse ou com o dedo.
Opção | Descrição |
|---|---|
Modo de Carrossel para Desktop e Modo de Carrossel para Mobile | São independentes. Dá para usar carrossel no celular e paginação no computador. |
Ligado qualquer um dos dois, aparecem os ajustes:
Opção | Descrição |
|---|---|
Quantidade de linhas para o carrossel | De 1 a 4. |
Margem entre cada card | O espaçamento, em pixels. |
Cards de Imóvel por linha | De 1 a 4. |
Tempo em segundos para troca do card | Mínimo de 2 segundos; só vale com a troca automática ligada. |
Loop no carrossel | Ao chegar no último card, volta ao primeiro. |
Mostrar setas de navegação | As setas laterais. |
Mostrar pontos de navegação | Os pontinhos abaixo do carrossel. |
Reproduzir automaticamente | O carrossel avança sozinho, respeitando o tempo definido. |
Quantidade por largura de tela
Abaixo dos ajustes do carrossel há a configuração por largura de tela: define-se quantos imóveis aparecem a partir de cada largura — por exemplo, 3 imóveis a partir de 680 pixels e 6 a partir de 1200.
Filtrando os imóveis pelas opções dos filtros
Na seção Opções de Filtro para esta Lista de Imóveis, é possível definir quais imóveis serão exibidos na listagem utilizando diferentes critérios de filtro.
Os filtros podem ser combinados entre si para deixar a listagem mais específica, permitindo definir exatamente quais imóveis devem aparecer no site.
Os widgets irmãos
Três widgets resolvem problemas parecidos e costumam ser confundidos:
Widget | Descrição |
|---|---|
Listagem de Imóveis | A lista completa, com paginação ou carrossel. É a que este manual descreve. |
Slider de Destaques de Imóveis | Pensado para vitrine. Tem Somente Imóveis em Destaque e Modelos de Slides: Carrossel, Galeria de Imagens, Vertical, Único, TV e Post. Aceita de 2 a 40 imóveis no slide. |
Listagem de Condomínios | A mesma mecânica, para condomínios e lançamentos, com a opção de mostrar apenas o condomínio do imóvel que está sendo visto. |
E ainda a Busca para Imóvel, que é o formulário de pesquisa — não a lista. Nele se escolhe quais campos aparecem na busca e em que ordem.
Casos de uso das listagens
Caso de uso | Configuração |
|---|---|
Página de busca: | Filtragem automática ligada, modo grade, sem carrossel, com o widget de Busca para Imóvel acima. |
Faixa de destaques na home: | Filtragem automática desativada, recorte fixo no filtro, carrossel ligado no desktop e no mobile, configuração por largura de tela. |
Bloco com abas: | Filtragem automática desativada, busca por abas ligada, uma aba para cada finalidade. |
Imóveis do corretor: | Na página de Corretor Detalhar aparece o campo Imóveis do Corretor, que filtra por Responsável ou Captador. Sem escolher, considera os dois. |
Perguntas frequentes
➜ O visitante pesquisa e a lista não muda. A filtragem automática está desativada nesse widget. Ligue-a nas páginas de busca.
➜ Meu bloco de destaques muda quando alguém pesquisa. É o contrário do caso anterior: desative a filtragem automática nesse widget.
➜ Não consigo arrastar o widget para a coluna. A Listagem de Imóveis só entra em coluna central ou completa. Use uma coluna mais larga.
➜ Quero "Comprar | Alugar" no mesmo bloco. 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 reordenar. A primeira é a que abre.
➜ Liguei o carrossel e o campo de cards por linha ficou bloqueado. A configuração por largura de tela está ligada e substitui esse campo.
➜ No celular aparecem imóveis demais lado a lado. Use a configuração por largura de tela e defina menos imóveis nas larguras pequenas.
➜ O carrossel não anda sozinho. Ligue Reproduzir automaticamente e confira o tempo de troca, que tem mínimo de 2 segundos.
➜ Qual a diferença entre Listagem de Imóveis e Slider de Destaques? A listagem recorta por critério e pagina; o slider é vitrine e já filtra os imóveis marcados como destaque.
➜ Quero mostrar o corretor no card. Use Exibir Corretor e escolha Responsável ou Captador.
➜ Um campo que criei no imóvel não aparece no card. Selecione-o em Campos Customizados do Imóvel. Só campos do módulo Imóvel estão disponíveis.
Banners
Módulo especifico para você tirar todas as suas dúvidas de como funcionam a estrutura de banners no sistema e como você usa elas.
Como funcionam os grupos de banners
A lógica funciona da seguinte forma: o widget de uma página aponta para um grupo de banners; o grupo define o espaço e suas dimensões; e os banners vinculados a esse grupo são exibidos conforme a ordem e o intervalo configurados.
Navegação no Módulo
Rotina: Site > Banners > Grupos de Banners
Por que o grupo existe
Na prática, isso permite criar um grupo para cada área em que os banners deverão aparecer, como o topo da página inicial, uma faixa no meio da página, o rodapé ou um popup promocional.
Cada grupo possui suas próprias configurações e pode conter vários banners que serão exibidos alternadamente dentro daquele espaço.
Como o grupo representa o espaço de exibição, alterar sua altura afeta todos os banners relacionados a ele. Caso as imagens tenham sido preparadas para uma determinada proporção e a altura seja modificada, os banners poderão aparecer cortados ou distorcidos.
Cadastrar um grupo
Ao cadastrar um grupo de banners, são apresentados os seguintes campos:
Campo | Descrição |
|---|---|
Descrição do grupo | Campo obrigatório. Define o nome utilizado para identificar o espaço, como Topo da home ou Faixa promocional . |
Altura | Campo obrigatório, informado em pixels. Aceita valores entre 50 e 500 px , sendo 300 px o valor padrão. Define a altura máxima dos banners relacionados ao grupo. |
Banner popup
O grupo também pode ser configurado para funcionar como um popup, fazendo com que o banner seja exibido sobre o conteúdo do site.
Campo | Descrição |
|---|---|
Popup | Quando habilitado, faz com que o grupo seja utilizado para exibição de banners em formato de popup. |
Largura | Campo exibido somente quando o popup está habilitado. É obrigatório nesse caso, informado em pixels e aceita valores entre 150 e 700 px , sendo 400 pxo valor padrão. |
A configuração de largura é utilizada somente nos grupos definidos como popup. Nos grupos comuns, a largura do banner é determinada pelo espaço ocupado pelo widget na página, enquanto a altura é definida pelo próprio grupo.
Ao gravar ou excluir um grupo de banners, o sistema atualiza as informações utilizadas pelo site e a relação de grupos disponíveis para configuração nos widgets das páginas.
A listagem dos grupos
A listagem apresenta as principais informações dos grupos cadastrados:
Informação | Descrição |
|---|---|
Descrição | Apresenta o nome utilizado para identificar o grupo. |
Altura do banner | Apresenta a altura configurada para o espaço do grupo. |
Situação | Indica se o grupo está ativo ou inativo. |
Data de criação | Apresenta quando o grupo foi cadastrado. |
Data de alteração | Apresenta quando ocorreu a última alteração no cadastro. |
Ao selecionar vários grupos, fica disponível a ação Remover.
A ordem de montagem
Elemento | Descrição |
|---|---|
Grupo | Define o espaço onde os banners serão exibidos e configura suas dimensões. |
Banner | É a peça visual cadastrada e vinculada ao grupo correspondente. |
Widget na página | Define em qual página e posição do site aquele grupo será exibido. |
O fluxo funciona da seguinte forma:
Se qualquer uma dessas configurações estiver faltando, o banner não será exibido no site. Esse é um dos principais pontos a verificar quando um banner foi cadastrado, mas não aparece na página.
Perguntas frequentes
➜ Qual a diferença entre grupo e banner? O grupo representa o espaço utilizado no site para exibição das peças, enquanto o banner é a imagem ou conteúdo exibido dentro desse espaço.
➜ Preciso criar um grupo para cada banner? Não. Um mesmo grupo pode conter vários banners, que podem se alternar dentro do mesmo espaço.
➜ Onde defino em qual página o grupo aparece? Essa configuração é realizada nas Páginas do Site, através do widget de banner apontando para o grupo desejado.
➜ Posso mudar a altura depois? Sim. Porém, a alteração afeta todos os banners relacionados ao grupo e pode fazer com que imagens preparadas para outra proporção apareçam cortadas ou distorcidas.
➜ Para que serve a largura? A largura é configurada somente nos grupos utilizados como popup. Nos grupos comuns, a largura é determinada pelo espaço ocupado pelo widget na página.
➜ O que acontece ao excluir um grupo com banners? Como o grupo é uma informação obrigatória no cadastro dos banners, antes de realizar a exclusão é importante verificar quais banners estão relacionados a ele.
➜ Criei o grupo e o banner, mas nada aparece no site. Verifique se existe um widget de banner configurado na página e apontando para o grupo correspondente. Sem essa configuração, o banner não será exibido.
Como funcionam os banners
Ele pode direcionar o visitante para um imóvel, uma página do próprio site ou um endereço externo. Também pode ter um período definido para entrar e sair do ar automaticamente.
Navegação no Módulo
Rotina: Site > Banners > Banners
Antes de cadastrar: o grupo
O grupo é obrigatório e define onde o banner será exibido no site e qual será a altura do espaço utilizado.
Sem um grupo previamente cadastrado, não é possível criar o banner.
O passo a passo dessa configuração está disponível na página Como funcionam os grupos de banners?
Cadastrando um novo banner - A Identificação
Campo | Descrição |
|---|---|
Descrição | Informação de uso interno. Não é exibida publicamente e serve para facilitar a identificação do banner na listagem. |
Grupo de banners | Campo obrigatório. Define o grupo e, consequentemente, o espaço do site em que o banner será apresentado. |
Ação do clique | Define se o destino do banner será aberto na mesma página ou em uma nova aba . |
Tempo de troca | Define por quantos segundos o banner permanece visível antes da exibição do próximo banner do grupo. Aceita valores entre 2 e 32 segundos . |
Ordenação | Define a posição do banner na ordenação. Quanto maior o valor, mais acima ele será apresentado. |
As imagens
Campo | Descrição |
|---|---|
Imagem | Campo obrigatório. As resoluções mínimas recomendadas variam de acordo com o tamanho do banner: 2560 × 1080 para banner de 500 px, 2560 × 1440 para banner de 70% e 2560 × 1600 para banner de 100%. |
Imagem Mobile | Versão do banner preparada para dispositivos móveis. O preenchimento é opcional. |
A imagem mobile é importante principalmente quando o banner possui textos ou elementos posicionados para telas largas. Sem uma versão adaptada, partes importantes da arte podem ficar cortadas em dispositivos móveis.
Para onde o banner leva
Tipo | Descrição |
|---|---|
URL | Permite informar um endereço externo completo, incluindo o protocolo. |
Página | Permite selecionar uma página cadastrada no próprio site. |
Imóvel | Permite selecionar um imóvel da carteira. O sistema utiliza o link público correspondente ao imóvel. |
Sem redirecionamento | O banner é exibido normalmente, mas não possui ação de clique. |
Ao selecionar um tipo de redirecionamento, o campo de destino é ajustado automaticamente conforme a opção escolhida.
Ao trocar o tipo de redirecionamento, o sistema limpa automaticamente o destino informado anteriormente. Esse comportamento evita que um link incompatível permaneça gravado no banner.
Quando o banner aparece
O campo Quando mostrar define como será controlada a exibição do banner.
Opção | Descrição |
|---|---|
Banner sempre será apresentado | Mantém o banner disponível enquanto ele estiver ativo. |
Banner será apresentado somente entre as datas iniciais e finais informadas | Controla automaticamente o período de exibição conforme as datas definidas. |
Quando o controle por período é selecionado, são apresentados os seguintes campos:
Campo | Descrição |
|---|---|
Data inicial | Define a partir de quando o banner poderá ser exibido. |
Data final | Define até quando o banner permanecerá disponível. |
O controle por período permite programar antecipadamente a entrada e a retirada do banner do site, sem necessidade de ativação ou remoção manual no início e no fim da campanha.
Textos sobre o banner
É possível adicionar textos diretamente sobre a imagem utilizada no banner:
Campo | Descrição |
|---|---|
1ª linha - Descrição no banner | Define uma linha de apoio exibida sobre a imagem. |
Título principal - Descrição no banner | Define o texto principal que será exibido em destaque sobre o banner. |
Esses campos permitem alterar a chamada apresentada ao visitante sem a necessidade de editar novamente a imagem utilizada no banner.
Vídeo do YouTube sobre o banner
Também é possível utilizar um vídeo do YouTube sobre o banner.
Campo | Descrição |
|---|---|
Sobrepor banner com vídeo do YouTube | Permite informar o link de um vídeo que será apresentado sobre o banner. Essa configuração é utilizada na versão desktop. |
Segundo início | Define em qual segundo do vídeo a reprodução deve começar. |
Segundo final do vídeo | Define em qual segundo a reprodução deve terminar. O tempo é considerado a partir do início total do vídeo. |
Sobrepor banner com vídeo em telas mobile | Permite configurar uma versão de vídeo para dispositivos móveis, utilizando também os controles de início e fim. |
Para dispositivos móveis, a recomendação é utilizar vídeos gravados na vertical, adequados ao formato da tela.
⚠️ Atenção: O vídeo é apresentado em apenas um dos banners, evitando impacto excessivo na performance do site. Configurar vídeos em vários banners do mesmo grupo não fará com que todos sejam reproduzidos simultaneamente.
Ao gravar ou excluir um banner, o sistema atualiza as informações utilizadas pelo site para refletir a alteração.
A listagem dos banners
A listagem apresenta as principais informações dos banners cadastrados:
Informação | Descrição |
|---|---|
Imagem | Apresenta uma prévia da imagem utilizada no banner. |
Grupo | Indica a qual grupo o banner está relacionado. |
Descrição | Apresenta a identificação interna do banner. |
Tipo de controle | Indica se o banner possui exibição contínua ou controlada por período. |
Data inicial | Apresenta a data de início quando houver controle por período. |
Data final | Apresenta a data de término quando houver controle por período. |
Redirecionamento | Informa qual tipo de destino está configurado. |
Link | Apresenta o destino relacionado ao banner, quando houver. |
Situação | Indica se o banner está ativo ou inativo. |
Quando o controle estiver definido para exibição contínua, as colunas de data apresentam Sempre.
Quando nenhum tipo de redirecionamento estiver configurado, a listagem apresenta Sem redirecionamento. Os filtros permitem localizar banners por situação, imóvel, página, grupo, período de exibição e descrição.
Perguntas frequentes
➜ Em que ordem os banners aparecem? A posição é definida pelo campo Ordenação. Quanto maior o valor informado, mais acima o banner será apresentado.
➜ Preciso da imagem mobile? Não é obrigatória, mas é recomendada principalmente quando o banner possui textos ou elementos que podem ser cortados em telas menores.
➜ Posso colocar vídeo em todos os banners? É possível configurar, porém apenas um dos banners terá o vídeo apresentado, evitando impacto excessivo na performance do site.
➜ A descrição aparece no site? Não. A Descrição é utilizada somente para identificação interna. Os textos visíveis sobre o banner são configurados nos campos de descrição e título apresentados sobre a imagem.
➜ Troquei o tipo de redirecionamento e o destino sumiu. Esse é o comportamento esperado. Ao alterar o tipo de redirecionamento, o destino anterior é removido automaticamente para evitar a gravação de um link incompatível.
Artigos
Módulo especifico de como adicionar um blog ao seu site e fazer a gestão de artigos dentro do seu site.
Como categorizar os artigos
A categoria é a classificação utilizada para organizar os artigos do site, como Mercado imobiliário, Dicas para inquilinos ou Notícias da imobiliária.
Ela facilita a organização do conteúdo e ajuda o visitante a encontrar assuntos de interesse sem precisar percorrer todos os artigos publicados.
Navegação no Módulo
Rotina: Site > Artigos > Categorias para Artigos
Cadastrar uma categoria
O cadastro de categorias é simples e possui apenas um campo:
Campo | Descrição |
|---|---|
Descrição da Categoria | Campo obrigatório. Define o nome da categoria que será utilizado para identificar e organizar os artigos no site. |
Não existem outros campos ou opção de ativação. A categoria possui como função principal agrupar e organizar os artigos publicados.
A listagem
A listagem apresenta as principais informações das categorias cadastradas:
Informação | Descrição |
|---|---|
Descrição | Apresenta o nome da categoria cadastrada. |
Data de criação | Informa quando a categoria foi criada. |
Também é possível localizar categorias através da busca por descrição.
Ao selecionar várias categorias, fica disponível a ação Remover no menu de Ações.
Como a categoria se liga ao artigo
A relação entre a categoria e o conteúdo é realizada diretamente no cadastro do artigo. No artigo, o campo Categorias permite selecionar uma ou mais categorias para classificar o conteúdo.
Um mesmo artigo pode pertencer a várias categorias ao mesmo tempo. Por exemplo, um conteúdo sobre reajuste de aluguel pode estar relacionado tanto à categoria Mercado imobiliário quanto à categoria Dicas para inquilinos, ficando disponível nas duas classificações do site.
Como planejar as categorias
Como o cadastro não possui um limite de categorias, é importante manter uma estrutura organizada e fácil de entender.
Recomendação | Descrição |
|---|---|
Poucas e claras | Evite criar uma quantidade muito grande de categorias. Muitas categorias podem fragmentar o conteúdo e fazer com que cada uma tenha poucos artigos. |
Pensadas pelo visitante | Utilize nomes que deixem claro para o visitante qual tipo de conteúdo será encontrado. Por exemplo, Dicas para quem vai alugar pode ser mais explicativo do que apenas Locação . |
Perguntas frequentes
➜ Como vinculo um artigo a uma categoria? No cadastro do artigo, através do campo Categorias.
➜ Um artigo pode ter mais de uma categoria? Sim. O mesmo artigo pode ser relacionado a várias categorias.
➜ A categoria possui status ativo? Não. O cadastro possui apenas o campo Descrição da Categoria.
➜ O que acontece ao excluir uma categoria usada por artigos? A categoria deixa de existir e os artigos relacionados perdem aquela classificação. Antes de excluir, é recomendado verificar quais artigos utilizam a categoria.
➜ Onde as categorias aparecem no site? Elas podem ser utilizadas pelos widgets de artigos configurados nas Páginas do Site, permitindo exibir ou filtrar conteúdos por categoria.
➜ Consigo renomear uma categoria? Sim. Ao alterar a descrição da categoria, o novo nome passa a ser utilizado pelos artigos que já estão relacionados a ela.
Como criar artigos para o site
O artigo é o conteúdo publicado no site da imobiliária, como notícias, dicas para quem vai alugar, análises de bairros ou novidades do mercado.
Ele serve tanto para informar quem já está navegando no site quanto para atrair novos visitantes através dos mecanismos de busca.
Navegação no Módulo
Rotina: Site > Artigos > Artigos
Identificação do artigo
Campo | Descrição |
|---|---|
Título | Campo obrigatório. Define o título exibido no site e utilizado nos resultados de busca. |
Categorias | Permite relacionar o artigo a uma ou mais categorias, facilitando sua organização no site. |
Fonte do artigo | Permite informar a origem do conteúdo quando ele tiver sido obtido de outra fonte. |
Publicar em | Define a data e a hora em que o artigo será disponibilizado no site. Por padrão, vem preenchido com a data e a hora atuais. |
Resumo e SEO
Campo | Descrição |
|---|---|
Meta palavras chaves | Permite informar palavras relacionadas ao conteúdo, separadas por vírgula, para auxiliar na identificação do assunto pelos buscadores. |
Meta descrição | Define o texto utilizado para apresentar o artigo nos resultados dos mecanismos de busca. |
Resumo | Define o texto resumido utilizado nos widgets e chamadas do artigo dentro do site. |
O Resumo e a Meta descrição possuem funções diferentes. O resumo é utilizado dentro do próprio site para apresentar o conteúdo ao visitante, enquanto a meta descrição é utilizada nos resultados dos mecanismos de busca.
Imagem e autoria
Campo | Descrição |
|---|---|
Imagem destaque | Define a imagem principal utilizada no artigo. Para publicações, utilize imagens com resolução superior a 200 × 200 pixels . |
Autor | É preenchido automaticamente com o usuário responsável pela criação do artigo, mas pode ser alterado. |
Exibir Autor | Define se o nome do autor será apresentado no site. A opção vem habilitada por padrão. |
O texto
Campo | Descrição |
|---|---|
Texto | Campo obrigatório. Corresponde ao conteúdo principal do artigo e pode conter formatações, imagens e links através do editor. |
Publicar ou guardar
Campo | Descrição |
|---|---|
Ativo | Define se o artigo está habilitado para publicação no site. A opção vem ativada por padrão. |
A publicação também considera o campo Publicar em.
Um artigo pode permanecer ativo e possuir uma data futura de publicação. Nesse caso, ele fica preparado para ser disponibilizado automaticamente quando a data configurada for atingida.
Ao gravar ou excluir um artigo, o sistema atualiza o cache utilizado pelo site. Caso o conteúdo ainda não seja exibido, verifique se o artigo está Ativo e se a data definida em Publicar em já foi atingida.
A listagem dos artigos
A listagem apresenta as principais informações dos artigos cadastrados:
Informação | Descrição |
|---|---|
Imagem | Apresenta a imagem relacionada ao artigo. |
Título | Exibe o título do conteúdo. |
Situação | Indica se o artigo está ativo ou inativo. |
Resumo | Apresenta o resumo cadastrado para o artigo. |
Categorias | Exibe as categorias relacionadas ao conteúdo. |
Autor | Apresenta o responsável informado no artigo. |
Data de publicação | Informa a data configurada no campo Publicar em . |
Data de criação | Informa quando o artigo foi cadastrado. |
Os filtros disponíveis permitem localizar artigos através da busca inteligente, situação, categoria, autor, título e data de criação. Por padrão, a tela abre apresentando os artigos ativos.
Ao selecionar vários artigos, fica disponível a ação Remover.
Onde o artigo aparece no site
O artigo não define diretamente em qual página será apresentado.
Depois de publicado, ele fica disponível para utilização no site, enquanto os widgets das Páginas do Site definem onde as listas de artigos serão exibidas e qual formato será utilizado.
Por esse motivo, as configurações das páginas são responsáveis por determinar em quais áreas do site os conteúdos publicados serão apresentados.
Perguntas frequentes
➜ Publiquei o artigo e ele não aparece no site. Verifique se o artigo está Ativo, se a data definida em Publicar em já foi atingida e se existe um widget de artigos configurado em alguma página do site.
➜ Qual a diferença entre Resumo e Meta descrição? O Resumo é utilizado nas chamadas do artigo dentro do site, enquanto a Meta descrição é utilizada nos resultados dos mecanismos de busca.
➜ Posso programar a publicação? Sim. Informe uma data futura no campo Publicar em e mantenha o artigo ativo.
➜ Um artigo pode ter mais de uma categoria? Sim. O campo Categorias permite relacionar o mesmo artigo a várias categorias.
➜ Preciso preencher as palavras-chave? Não é obrigatório, mas elas podem ajudar a identificar o assunto relacionado ao conteúdo.
➜ Como escondo o nome do autor? Desative a opção Exibir Autor no cadastro do artigo.
➜ Onde crio as categorias? Acesse Site > Artigos > Categorias para Artigos.
Configurações do Site
Como adicionar uma tag Body e Head
O módulo de configurações do site permite gerenciar seu site, incluindo a adição de códigos de integração externos, como ferramentas de análise, pixels de conversão, chats ao vivo e outras soluções que exigem a inserção de scripts no cabeçalho ou no corpo do site. Com esse recurso, você não precisa de ajuda técnica para configurar essas integrações.
No dia a dia, essa funcionalidade é usada para adicionar scripts de rastreamento (como Google Tag Manager, Facebook Pixel, RD Station, entre outros), tags de verificação de propriedade de domínio e qualquer outro código fornecido por serviços externos que precisam ser inseridos em partes específicas do HTML do site.
A configuração é feita dentro de cada página individualmente. Se você precisar que um script apareça em todas as páginas do site, repita o processo em cada uma delas, ou utilize a página principal como referência.
Navegação no módulo
Rotina: Site > Páginas > Editar site > Códigos
Como funciona
A tela inicial exibe todas as páginas cadastradas no seu site. Cada linha mostra o título da página, o link permanente e o tipo. Para adicionar um script de integração, localize a página desejada na lista e clique nela para abrir o formulário de edição.
Se você quer que o script seja carregado em todo o site, o ideal é configurá-lo na página principal (geralmente chamada "Home") e nas demais páginas de alto tráfego. Consulte a documentação do serviço que você está integrando para saber em quais páginas o script deve estar presente.
Entendendo os campos de script: Head, Body e Noscript
Dentro do formulário de edição de uma página, você encontra campos específicos para inserir códigos de integração. Esses campos correspondem a partes distintas da estrutura de uma página web. Entender a diferença entre eles é essencial para que o script funcione corretamente.
Campo | Descrição |
|---|---|
Head (Cabeçalho) | Código inserido na seção de cabeçalho da página, antes do conteúdo visível ser carregado. É aqui que entram tags de verificação de domínio (como as do Google Search Console), metatags personalizadas e scripts que precisam ser inicializados com prioridade. Exemplo de uso:
|
Script (Corpo superior) | Código JavaScript inserido logo após a abertura da seção de conteúdo da página. Ferramentas como Google Tag Manager e Facebook Pixel geralmente fornecem um trecho de código para ser colocado aqui, o mais alto possível. Exemplo de uso: o código
fornecido pelo GTM para ser inserido após a tag de abertura do corpo da página. |
Noscript (Corpo alternativo) | Código de fallback exibido apenas para visitantes que têm JavaScript desativado no navegador. O Google Tag Manager, por exemplo, fornece um trecho
com um iframe para garantir que o rastreamento funcione mesmo sem JavaScript. Esse trecho deve ser inserido neste campo. Exemplo:
|
Cole o código exatamente como fornecido pelo serviço externo, incluindo as tags <script>, <meta> ou <noscript>. Não remova ou altere o conteúdo fornecido, pois qualquer modificação pode fazer a integração parar de funcionar.
Exemplo prático: adicionando o Google Tag Manager
O Google Tag Manager é um dos serviços mais comuns que exigem inserção de código em múltiplos pontos da página. Ao criar um contêiner no GTM, o serviço fornece dois trechos de código distintos. Veja onde cada um deve ser inserido:
Trecho fornecido pelo GTM | Onde inserir na página | Campo |
|---|---|---|
Primeiro trecho (JavaScript) | Cole no campo Head ou Script, conforme indicado pelo GTM. Esse trecho começa com | Head ou Script |
Segundo trecho (Noscript) | Cole no campo Noscript. Esse trecho começa com | Noscript |
A mesma lógica se aplica a outros serviços, como Facebook Pixel, RD Station, Hotjar e Google Analytics. Sempre consulte a documentação do serviço para saber qual trecho vai no cabeçalho e qual vai no corpo da página.
Salvando as alterações
Após colar os códigos nos campos correspondentes, role até o final do formulário e clique em Salvar. As alterações entram em vigor imediatamente no site. Para verificar se o script foi aplicado corretamente, acesse a página no navegador e use as ferramentas de desenvolvedor do seu navegador (tecla F12) para inspecionar o código-fonte da página.
Caso utilize o Google Tag Manager, você também pode usar a extensão "Tag Assistant" do Google Chrome para confirmar que o contêiner está disparando corretamente na página.
Perguntas frequentes
Qual a diferença entre colocar o código no Head e no Body (Script)?
O campo Head insere o código antes de qualquer conteúdo visível ser carregado, ideal para metatags e scripts de inicialização prioritária. O campo Script insere o código no início da área de conteúdo da página, que é onde a maioria dos serviços de rastreamento, como GTM e Facebook Pixel, recomenda inserir o JavaScript principal.
Para que serve o campo Noscript?
Ele garante que parte da integração funcione mesmo em navegadores com JavaScript desativado. O Google Tag Manager, por exemplo, usa esse campo para inserir um iframe alternativo que mantém o rastreamento ativo mesmo sem JavaScript. Se o serviço que você está configurando não fornecer um trecho <noscript>, deixe esse campo em branco.
Preciso repetir o processo em todas as páginas do site?
Sim, os campos de script são configurados individualmente por página. Se o serviço que você está integrando exige que o script esteja em todas as páginas, você precisará adicionar o código em cada uma delas. Uma alternativa é usar o Google Tag Manager para centralizar todos os scripts em um único lugar e adicionar apenas o código do GTM nas páginas.
Posso adicionar mais de um script no mesmo campo?
Sim. Você pode colar múltiplos trechos de código no mesmo campo, um abaixo do outro. Certifique-se de que cada trecho está completo, com suas tags de abertura e fechamento, antes de adicionar o próximo.
O que acontece se eu colar o código no campo errado?
O script pode não funcionar corretamente ou apresentar erros. Alguns serviços são tolerantes à posição do código, mas outros exigem o posicionamento exato. Sempre siga as instruções fornecidas pelo serviço que você está integrando para garantir o funcionamento adequado.