Menu da documentação

Bloco Abas

Coloque vários painéis curtos no espaço de um, atrás de uma fileira de abas: três jeitos de usar um produto, uma programação por dia, planos lado a lado. Cada aba guarda blocos comuns, como uma coluna.

Como funciona

Adicione um bloco Abas e depois uma aba por painel. Dê a cada aba um Título da aba e solte nela os blocos que quiser: texto, imagens, botões, até colunas.

  • Onde as abas alternam (Mail no iOS, iCloud Mail e Thunderbird), os destinatários veem a barra de abas e o painel da primeira aba. Tocar em outro título mostra aquele painel, sem JavaScript.
  • Em todos os outros lugares (todos os apps do Gmail, Yahoo, Outlook.com, os apps do Outlook e o Outlook clássico), não há barra de abas: o conteúdo de cada aba aparece, um depois do outro, cada um abaixo do seu título. Nada fica escondido atrás de um toque que o app não consegue fazer.

Como o fallback mostra todos os painéis, mantenha cada um curto e dê um título a cada aba: a verificação de pré-voo avisa sobre uma aba sem título, já que o conteúdo dela ficaria sob um título vazio.

Campos configuráveis:

  • Estilo das abas: Sublinhado (uma linha abaixo do título selecionado) ou Pílulas (botões arredondados).
  • Alinhamento das abas: esquerda, centro ou direita.
  • Cor da aba selecionada e Cor das abas (cores do tema por padrão), Tamanho da fonte das abas.
  • Fundo, Espaçamento interno, Borda e Raio dos cantos do bloco inteiro.

Trocar de aba não é uma interação: nada é registrado e o bloco não aparece no Insights. Um link ou botão dentro de uma aba é rastreado como qualquer outro.

Exemplos

Subject

Three ways to wear the flannel

Um e-mail de produto pode mostrar a mesma camisa combinada de três jeitos. Um e-mail de evento pode colocar a programação de cada dia em uma aba própria. No Gmail, os dois são lidos como uma lista curta de seções com título.

Veja também