Real Imob Central de Ajuda

Bloco Mapa: mostre onde fica a imobiliária no Google Maps

Como usar o bloco Mapa do Editor visual: endereço próprio ou o da imobiliária, título e altura do mapa.

4 min de leitura Atualizado em 30/10/2026
Neste artigo
  1. Onde encontrar o bloco
  2. O que o bloco mostra no site
  3. Campos da aba Conteúdo
  4. Aba Estilo (igual em todos os blocos livres)
  5. Exemplos de uso
  6. Veja também

O bloco Mapa mostra um mapa do Google com o endereço da imobiliária, ou de outro lugar que você indicar. Serve para dizer ao visitante "estamos aqui" e facilitar a visita.

Antes de começar
  • Só o administrador do site usa o Editor visual.
  • Este é um bloco "livre": vale na Página inicial e na Página do imóvel e pode ser repetido quantas vezes quiser.
  • Nada vai ao ar antes de você publicar.
Este bloco não mostra a localização de um imóvel. A localização de cada imóvel já aparece sozinha na página dele (veja Detalhes e contato).

Onde encontrar o bloco

  1. Abra o editor. No painel, vá em Site › Editor visual e escolha a página no seletor "Página" (Página inicial ou Página do imóvel).
  2. Clique na aba "+ Adicionar". Os blocos aparecem em grupos. Este está no grupo Básico, com o nome Mapa. Se preferir, digite "mapa" em "Buscar bloco…".
  3. Coloque na página. Arraste o bloco até o lugar desejado ou clique nele para ir ao fim da página.
  4. Abra as opções. Clique no bloco na prévia (ou na aba "Blocos"). A lateral mostra as abas Conteúdo e Estilo.
  5. Publique. O que você muda fica em rascunho até clicar em Publicar. Veja como.
suaimobiliaria.realimob.com.br/painel/editor
Aba "+ Adicionar": procurando o bloco Mapa12
Aba "+ Adicionar": procurando o bloco Mapa
  1. 1Digite o nome do bloco para achar mais rápido.
  2. 2Arraste este bloco para a página ou clique para pôr no fim.

O que o bloco mostra no site

Um título, o endereço escrito logo abaixo dele e o mapa do Google com cantos arredondados, que pode ser arrastado e ampliado pelo visitante.

suaimobiliaria.realimob.com.br/painel/editor
O bloco Mapa na prévia do site123
O bloco Mapa na prévia do site
  1. 1Título.
  2. 2Endereço mostrado sob o título.
  3. 3O mapa do Google.

Campos da aba Conteúdo

  • Título (até 120 letras). Padrão "Onde estamos".
  • Endereço (vazio = o de Configurações) — até 200 letras. Escreva rua, número, bairro e cidade, como faria no Google Maps. Deixando em branco, o bloco usa o endereço da imobiliária (endereço, bairro, cidade e estado) de Configurações › Imobiliária. Esse endereço aparece escrito sob o título.
  • Altura (px). De 200 a 700; padrão 380. Em telas pequenas o mapa mantém essa altura, então não exagere.
suaimobiliaria.realimob.com.br/painel/editor
Opções do bloco Mapa, aba Conteúdo123
Opções do bloco Mapa, aba Conteúdo
  1. 1Título do bloco.
  2. 2Endereço (vazio = o da imobiliária).
  3. 3Altura do mapa em pixels.
Sem endereço no bloco e sem endereço em Configurações, o mapa não aparece (no editor você vê o aviso "informe o endereço nas opções do bloco ou em Configurações").

Aba Estilo (igual em todos os blocos livres)

Ao lado de Conteúdo há a aba Estilo. Ela tem os mesmos campos em todo bloco livre:

  • Fundo: Sem fundo, Cinza claro, Cor principal ou Cor de destaque (as cores do seu site). Em fundo escuro, os títulos ficam brancos. Saiba mais.
  • Outra cor de fundo: qualquer cor sua, que vale no lugar do fundo pronto. Use o seletor ou digite um código como #1b6a3a.
  • Cor do texto: muda a cor das letras do bloco. Vazio = automática.
  • Alinhamento do texto: Padrão, À esquerda, Centralizado ou À direita.
  • Espaço em cima e embaixo: Nenhum, Pequeno, Médio (padrão) ou Grande. No computador vale 0, 40, 76 ou 110 px; no celular o site reduz sozinho.
  • Largura: Alinhada ao conteúdo (padrão, com margens laterais) ou Tela inteira (de ponta a ponta). Saiba mais.
  • Mostrar em: Computador e celular, Só no computador ou Só no celular. Saiba mais.
  • Espaçamento (px): Preenchimento (espaço por dentro) de 0 a 400 e Margem (espaço por fora) de -300 a 400, nos quatro lados. O cadeado muda os quatro lados juntos. Em branco = padrão. Saiba mais.
  • No celular: Espaço em cima e embaixo, Alinhamento do texto, Preenchimento e Margem só para telas pequenas (padrão "Igual ao computador"). Use o botão de celular no alto do editor para conferir.
  • Animação ao aparecer na tela: Nenhuma, Surgir, Subir, Aproximar ou Vir do lado. Saiba mais.
  • CSS personalizado: para quem conhece CSS (até 5.000 caracteres; use selector para falar do bloco). Saiba mais.

Para um mapa de ponta a ponta, use Largura: Tela inteira; com Altura 450 fica um rodapé de contato bonito.

suaimobiliaria.realimob.com.br/painel/editor
Aba Estilo do bloco Mapa1234
Aba Estilo do bloco Mapa
  1. 1Escolha um fundo pronto para destacar o bloco.
  2. 2Regule o espaço acima e abaixo.
  3. 3Conteúdo alinhado ou tela inteira.
  4. 4Mostre só no computador ou só no celular.

Exemplos de uso

  • Página de contato: mapa com altura 420 depois do formulário.
  • Plantão de vendas: endereço do stand do empreendimento (diferente do escritório) no campo Endereço.
  • Duas colunas: horário e telefone numa coluna e o mapa na outra.

Veja também

Este artigo ajudou?

Não encontrou o que procurava?

Nossa equipe ajuda você. Diga o endereço do seu site para agilizar o atendimento.