Bloco Logos e parceiros: mostre bancos, construtoras e selos

O bloco Logos e parceiros mostra uma fileira de logotipos: bancos que financiam seus clientes, construtoras e incorporadoras com quem você trabalha, convênios, selos e associações. Passa confiança logo na primeira visita.

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 Conteúdo, com o nome Logos e parceiros. Se preferir, digite "logos" 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⤢

12

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 pequeno e centralizado e, abaixo, as logos lado a lado, também centralizadas. Se não couberem numa linha, descem para a seguinte. As logos aparecem em preto e branco, um pouco apagadas; ao passar o mouse a cor original volta. Cada logo tem no máximo 56 px de altura e 160 px de largura, então imagens muito grandes são reduzidas sozinhas.

suaimobiliaria.realimob.com.br/painel/editor⤢

12

1. 1Título da faixa.
2. 2As logos, centralizadas e em tom suave.

Campos da aba Conteúdo

• Título (até 120 letras). Padrão "Parceiros". Fica centralizado acima das logos. Se apagar o texto, o título some.
• Logos (lista de itens). Comece vazia. Clique em Adicionar item para cada logo, até 40. Em cada item há ↑ e ↓ para mudar a ordem e × para remover. O cabeçalho do item aparece como "Slide 1", "Slide 2"...

Dentro de cada item

• Logo. A imagem do parceiro. Use Enviar imagem (do computador) ou Biblioteca (imagens que você já enviou); Tirar imagem remove. Aceita JPG, PNG, WebP, GIF e SVG. PNG com fundo transparente fica melhor. Saiba mais sobre a biblioteca.
• Nome (até 80 letras). Não aparece na tela. É a descrição da imagem, lida por pessoas que usam leitor de tela e pelo Google. Escreva o nome do parceiro.
• Link (opcional). Endereço do site do parceiro. Precisa começar com https://, http://, /, #, mailto: ou tel:; se não, o campo é esvaziado. Com link, a logo abre numa nova aba; sem link, é só imagem.

suaimobiliaria.realimob.com.br/painel/editor⤢

12345

1. 1Título que aparece acima das logos.
2. 2Cada logo é um item da lista.
3. 3Envie a imagem da logo.
4. 4Link opcional do parceiro.
5. 5Adicione mais logos.

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.

Neste bloco, a cor do texto não muda nada de visível (só o título). Já o fundo pode ajudar: logos coloridas ficam bonitas sobre "Cinza claro" ou sem fundo.

suaimobiliaria.realimob.com.br/painel/editor⤢

1234

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

• Bancos parceiros: título "Financie com quem você confia" e as logos dos bancos, cada uma com link para a simulação.
• Construtoras: título "Lançamentos de" e as logos das incorporadoras que você vende.
• Selos: CRECI, associações e prêmios, sem link, só como prova de credibilidade.

Perguntas frequentes

Por que as logos estão em preto e branco?

É o visual padrão do bloco, para a faixa ficar elegante mesmo com logos de cores brigando. A cor aparece ao passar o mouse.

Posso ter mais de 40 logos?

Não. O limite do bloco é 40. Para mais, use um segundo bloco.

Veja também

• Fundo e cor do bloco (aba Estilo)
• Como editar as opções de um bloco
• Biblioteca de imagens
• Bloco Imagem