La Announcement bar es una franja fina, normalmente arriba del todo de la página, para mensajes cortos como "Envío gratis esta semana" o "Pago contra reembolso disponible". Puede mostrar un mensaje o rotar varios.
Añadir una barra de anuncios
- Abre el constructor y ve a la página que quieras.
- En la pestaña Sections, haz clic en Add new section y elige Announcement bar en el grupo Layout.
- Arrástrala encima del encabezado si la quieres arriba del todo.
- Selecciona un bloque Announcement y escribe tu mensaje en Announcement text.
- Haz clic en Publish.
Puedes añadir hasta 2 barras de anuncios por página, en cualquier página. Cada página guarda su propia copia. Para mostrar la misma barra en todas partes, usa Apply to all pages, consulta Secciones y bloques.
Mensajes
Cada mensaje es un bloque Announcement. Haz clic en Add new block para añadir uno, hasta 7 por barra. Arrástralos para cambiar su orden. Los mensajes ocultos y los vacíos se omiten. Con un solo mensaje, se queda quieto y centrado.
Ajustes de animación
Los ajustes de Animation solo aparecen cuando la barra tiene dos o más mensajes visibles.
- Mode: Slider muestra un mensaje cada vez, con pequeñas flechas para ir atrás y adelante. Ticker desplaza todos los mensajes en una línea continua.
- Direction: Left o Right, el sentido en que se mueven los mensajes.
- Time to next announcement: de 2 a 10 segundos. En el modo Slider es el tiempo que se queda cada mensaje. En el modo Ticker define la velocidad: el tiempo que tarda la línea en cruzar la pantalla, así que un número más alto desplaza más despacio.
- Separator: un carácter corto o un emoji que se coloca entre los mensajes, por ejemplo un punto o una estrella. Solo en el modo Ticker.
El ticker se pausa mientras un comprador lo señala con el ratón, lo toca o llega a él con el teclado, para que pueda leerlo. Los compradores que activaron la reducción de movimiento en su dispositivo lo ven quieto.
Diseño y apariencia
- Section width: Page mantiene los mensajes dentro del ancho de tu página, Full usa todo el ancho de la pantalla.
- Color scheme: los colores de fondo y de texto de la barra. Un buen contraste con el encabezado ayuda a que la barra destaque. Los esquemas se editan en Esquemas de colores.
- Font size: de 10 a 30 píxeles.
- Padding: espacio encima, debajo y a los lados del texto.
- Pestaña Custom CSS: tus propios estilos solo para esta barra.
Ideas
- Dos barras: un mensaje fijo (por ejemplo tu promesa de entrega) y una segunda barra que rota las ofertas.
- Mensajes cortos: funcionan mejor en los móviles, donde la pantalla es estrecha.
- Mensaje de temporada: oculta la barra con el icono del ojo cuando termine la oferta y vuelve a mostrarla la próxima vez. Sus mensajes se conservan.
Bueno saberlo
- No encuentro Mode ni Separator: añade primero un segundo mensaje. Separator además necesita que Mode esté en Ticker.
- La barra no está en otras páginas: cada página tiene sus propias secciones. Añádela allí, o usa Apply to all pages en las páginas que ya tienen una barra.