Banners

Un banner es una pieza gráfica (una imagen con, normalmente, un enlace) que colocas en tu tienda web B2B para destacar una promoción, una novedad o llevar al cliente a una página concreta. Cada banner vive dentro de una zona de banners, que es el hueco de la web donde se mostrará. Desde esta pantalla creas los banners, les subes la imagen y decides a dónde llevan al pulsarlos.

Zonas y banners: cómo encaja

Los banners funcionan por parejas con las Zonas de banners:

• Una zona es un hueco reservado en el diseño de tu web (por ejemplo, la franja superior de la portada o una columna lateral). Las zonas se crean en la pantalla Zonas de banners.
• Un banner es cada imagen concreta que colocas dentro de una zona.

Por eso, antes de crear un banner conviene tener creada la zona donde quieres que aparezca. Al dar de alta el banner eliges la zona, y así el sistema sabe en qué punto de la web debe mostrarlo.

Cómo está organizada la pantalla

La pantalla de Banners tiene, en la parte de arriba, dos pestañas:

• Árbol de Banners: muestra tus zonas y, colgando de cada una, los banners que contiene. Es la vista general para ver de un vistazo qué hay en cada hueco de la web.
• General: es el formulario para crear un banner nuevo o ver los datos del que estás editando. Es la pestaña que aparece activa al entrar.

Desde el árbol puedes trabajar directamente:

• Sobre una zona, el botón Añadir Banner crea un banner nuevo ya asignado a esa zona (te ahorra tener que elegirla después).
• Sobre un banner, el botón Editar abre su ficha para cambiar sus datos.
• Cada banner tiene dos interruptores rápidos: Publicar (mostrarlo u ocultarlo en la web) y Portada (que salga o no en la página de inicio), sin necesidad de entrar en la ficha.

Crear o editar un banner

Puedes crear un banner de dos formas: rellenando la pestaña General, o pulsando Añadir Banner sobre una zona del árbol (en ese caso la zona ya viene elegida). En ambos casos rellenas los datos y guardas. Ten en cuenta que la imagen y algunas opciones avanzadas solo aparecen después de guardar por primera vez.

Estos son los campos de la pestaña General:

Publicar

Marca si el banner está activo. Si lo dejas sin publicar, queda guardado pero no se muestra en la web.

Zona Obligatorio

El hueco de la web donde aparecerá el banner. Se elige de la lista de zonas que hayas creado en Zonas de banners.

Título Obligatorio

El nombre del banner. Te sirve para identificarlo en el árbol y en los listados; según el diseño de tu web, también puede mostrarse sobre la imagen.

Subtítulo

Un texto secundario que acompaña al título, por si quieres añadir un pequeño reclamo. Opcional.

Mostrar en Portada

Indica que, además de en su zona, el banner debe aparecer en la página de inicio de la tienda.

Orden Portada

Cuando hay varios banners en portada, este número decide en qué posición sale. Cuanto más bajo, antes aparece.

Tipo de Banner

Cómo se comporta el banner dentro de su zona: Fijo (se muestra siempre) o Aleatorio (va rotando con los demás banners de la misma zona). La forma exacta de rotar depende de cómo esté diseñada tu web.

Mostrar en Listado

Opción para incluir también el banner en un listado general de banners de la web. El punto exacto donde aparece ese listado depende del diseño de tu tienda.

Lote de productos

Permite asociar al banner un lote de productos (creado en Lotes de productos). Así, al pulsar el banner, la web puede mostrar esa colección de artículos. Es opcional.

Resumen

Un texto descriptivo que puede acompañar al banner allí donde se muestre. Opcional.

Cuando termines, pulsa Guardar. A partir de ahí se activan las pestañas de Imagen y E-commerce, y el enlace Enlazar con…, que se explican a continuación.

La imagen del banner

Una vez guardado el banner, aparece la pestaña Imagen. Ahí subes la pieza gráfica: pulsa Elije la imagen Master y selecciónala de tu equipo (también puedes indicar la dirección de descarga de una imagen que esté en internet). Al elegir el archivo, la imagen se sube automáticamente.

Antes de subirla puedes decidir el tratamiento de la imagen:

• Imagen completa: se sube tal cual, sin recortar.
• Ajustar a 450 × 450 px: la adapta a la medida de referencia del banner.

La medida recomendada para la imagen del banner es de 450 × 450 píxeles. Una vez subida, verás una vista previa con su tamaño y dimensiones, y podrás cambiarla por otra o borrarla cuando quieras.

A dónde lleva el banner

Lo habitual es que, al pulsar un banner, el cliente vaya a algún sitio. Tienes dos maneras de definir ese destino:

• Enlazar con… (en la pestaña General, disponible tras guardar): abre una ventana para vincular el banner con un elemento interno de tu propia web (por ejemplo, una sección de contenidos o un lote de productos). Es la opción cómoda cuando el destino es una página de tu tienda, porque la dirección se toma sola de ese elemento.
• Url Destino (en la pestaña E-commerce): permite escribir a mano la dirección a la que debe llevar el banner, útil para enlazar a una página externa. Junto a ella puedes indicar si la dirección es https y si debe abrirse en una pestaña nueva.

Publicación y visibilidad avanzada

Tras guardar el banner aparece la pestaña E-commerce, con ajustes opcionales para afinar cuándo y a quién se muestra:

Vigente desde / Vigente hasta

Fechas entre las que el banner estará activo. Muy útil para campañas con fecha de inicio y de fin: pasado ese periodo deja de mostrarse solo, sin que tengas que acordarte de retirarlo.

Fecha de publicación

La fecha que figura como fecha de publicación del banner; según el diseño de tu web, puede mostrarse junto al contenido. No es lo que decide cuándo empieza a verse el banner: de eso se encargan las fechas de Vigente desde / Vigente hasta.

Perfiles de usuarios con acceso

Permite limitar qué perfiles de usuarios web ven el banner. Si no marcas ninguno en concreto, se rige por la visibilidad general del contenido. Los perfiles se gestionan en Perfiles de usuarios web.

En esta misma pestaña encontrarás también los ajustes de dirección amigable (el enlace «bonito» del banner) y de datos para buscadores (SEO). Son opciones avanzadas: si no las necesitas, puedes dejarlas como están.

Borrar un banner

Para eliminar un banner, ábrelo con Editar y usa la opción de borrar de su ficha. Los banners no dejan «huella» en otros sitios, así que puedes borrarlos con tranquilidad; al hacerlo se elimina también su imagen. Si solo quieres retirarlo temporalmente de la web sin perderlo, desactiva su interruptor de Publicar y vuelve a activarlo cuando quieras.