Ir para o conteúdo principal

Como funcionam os banners

O banner é a peça visual exibida em um espaço do site, como a imagem principal da página inicial, a chamada de um lançamento ou o anúncio de um parceiro.

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.


RotinaNavegação no Módulo

[PRINT/GIF: caminho no menu até Site » Banners]banners.gif

Rotina: Site > Banners > Banners


Antes de cadastrar: o grupo

[PRINT: campo de grupo dentro do cadastro do banner]image.png

Todo banner precisa estar relacionado a um grupo de banners.

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

[PRINT: campos de identificação do banner]image.png

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

[PRINT: área de envio das imagens do banner]image.png

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.

⚠️ Atenção: 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

[PRINT: campos de destino do banner]image.png

O banner pode possuir diferentes tipos de redirecionamento:

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.

⚠️ Atenção: 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

[PRINT: campos de período de exibição]image.png

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.

⚠️ Atenção: 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

[PRINT: campos de texto sobrepostos ao banner]image.png

É 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

[PRINT: campo de vídeo do YouTube]image.png

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. 


Publicar

[PRINT: opção de publicação do banner]

Campo

Descrição

Ativo

Define se o banner estará disponível para exibição no site. A opção vem habilitada por padrão.

Ao gravar ou excluir um banner, o sistema atualiza as informações utilizadas pelo site para refletir a alteração.


A listagem dos banners

[PRINT: listagem de banners]image.png

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

➜ O banner não aparece no site. O que verificar? Confirme se o banner está Ativo, se o período de exibição já começou quando houver controle por data, se o grupo de banners está ativo e se existe um widget de página utilizando esse grupo.

➜ 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.

➜ Como faço o banner sair do ar automaticamente? Utilize a opção de exibição por período e informe uma Data final.

➜ 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.