Pular para o conteúdo
GloboGlobo Docs
Instalar app
Português (Brasil)

Banner promocional

Adicione um banner com título, texto e botão para divulgar uma promoção ou uma nova coleção.

Referência Todos os planos 2 min de leitura

Uma imagem, um título, um texto curto e um botão em um só bloco. Diferente do bloco Imagem, ele tem um botão de chamada para ação e cores próprias, então parece um anúncio pronto mesmo sem uma imagem produzida.

Adicione o bloco

  1. Escolha um layout

    No painel do mega menu da pré-visualização, clique em Adicionar bloco. Clique em Adicionar imagem personalizada, passe o mouse sobre Promo banner (texto sobre a imagem) ou Promo banner split (imagem e texto lado a lado) e clique em Selecionar.

    (1) Clique em Adicionar imagem personalizada, (2) escolha Promo banner ou Promo banner split.

  2. Adicione a imagem e os textos

    Em Editar item, em Geral, clique em Selecionar imagem. Substitua o Título, o Text e o Button label de exemplo e escolha o Link.

    O bloco Banner promocional na prévia, com as configurações em Editar item.

  3. Salve e publique

    Estilize em Style e clique em Salvar e Publicar.

Configurações

Geral

ImagemPadrão: Nenhuma
A imagem do banner.
TítuloPadrão: Promoção de verão / Nova coleção
A linha principal. Os padrões são para Promo banner / Promo banner split.
TextPadrão: Até 50% de desconto / Descubra as últimas novidades
Uma linha curta abaixo do título.
Button labelPadrão: Compre agora / Descubra
Texto do botão. Deixe vazio para ocultar o botão.
LinkPadrão: Nenhum
Para onde o banner leva ao ser clicado. Marque Abrir em nova aba se precisar.
LarguraPadrão: 33,33% / 66,66%
Quanto da linha do mega menu o bloco ocupa: Automático ou de 8,33% a 100%.

Estilo

LayoutPadrão: O layout que você escolheu
Overlay (texto sobre a imagem) ou Split (imagem e texto lado a lado).
Text alignmentPadrão: Esquerda
Esquerda ou Centro.
Cor de fundoPadrão: #111827
Cor atrás do texto.
Cor do textoPadrão: #FFFFFF
Cor dos textos do banner.

A Visibilidade funciona como em todo bloco; veja Configurações que todo bloco tem.

Dicas

  • Com Overlay, escolha uma foto com uma área tranquila onde o texto fica, senão o texto fica difícil de ler.
  • O Split precisa de mais espaço. Dê a ele uma Largura de 50% ou mais.
  • Fazendo uma promoção com prazo? Use Visibilidade > Agendar publicação para o banner aparecer só durante a promoção.

Esta página foi útil?

Relatar um problema