Menú de la documentación

Bloque de pestañas

Coloca varios paneles cortos en el espacio de uno, detrás de una fila de pestañas: tres formas de llevar un producto, un programa por día, planes uno al lado de otro. Cada pestaña contiene bloques normales, como una columna.

Cómo funciona

Añade un bloque Pestañas y luego una pestaña por panel. Dale a cada pestaña un Título de la pestaña y suelta en ella los bloques que quieras: texto, imágenes, botones, incluso columnas.

  • Donde las pestañas cambian (Mail en iOS, iCloud Mail y Thunderbird), los destinatarios ven la barra de pestañas y el panel de la primera pestaña. Al tocar otro título se muestra ese panel, sin JavaScript.
  • En todas las demás (todas las apps de Gmail, Yahoo, Outlook.com, las apps de Outlook y Outlook clásico) no hay barra de pestañas: el contenido de cada pestaña se muestra, uno tras otro, cada uno bajo su título. Nada queda oculto tras un toque que la app no puede hacer.

Como la alternativa muestra todos los paneles, mantén cada uno corto y ponle título a cada pestaña: la comprobación previa avisa de una pestaña sin título, porque su contenido quedaría bajo un título vacío.

Campos configurables:

  • Estilo de las pestañas: Subrayado (una línea bajo el título seleccionado) o Píldoras (botones redondeados).
  • Alineación de las pestañas: izquierda, centro o derecha.
  • Color de la pestaña seleccionada y Color de las pestañas (colores del tema de forma predeterminada), Tamaño de letra de las pestañas.
  • Fondo, Relleno, Borde y Radio de las esquinas de todo el bloque.

Cambiar de pestaña no es una interacción: no se registra nada y el bloque no aparece en Insights. Un enlace o un botón dentro de una pestaña tiene seguimiento como cualquier otro.

Ejemplos

Subject

Three ways to wear the flannel

Un correo de producto puede mostrar la misma camisa combinada de tres formas. Un correo de evento puede poner el programa de cada día en su propia pestaña. En Gmail, los dos se leen como una lista corta de secciones con título.

Relacionado