E-commerce B2B

Sliders

Un slider es cada una de las diapositivas (una imagen con su texto y, si quieres, un enlace) que se van pasando dentro de un carrusel de tu tienda web B2B. Los sliders no van sueltos: cada uno pertenece a una zona, que es el hueco del carrusel donde se muestran. Esta pantalla forma parte del gestor de contenidos del complemento tienda online B2B, que es de pago.

Cómo llegarE-commerce B2BGestor de contenidosSlidersSliders

Zonas y sliders: cómo encajan

El sistema de carruseles funciona en dos niveles, y conviene tenerlos claros antes de empezar:

La zona es el carrusel en sí: el hueco de la web donde aparece la sucesión de diapositivas. Las zonas se crean en Zonas de sliders, y en cada una defines, entre otras cosas, cuántos sliders puede contener como máximo.
El slider es cada diapositiva que colocas dentro de una zona. Es aquí, en esta pantalla, donde subes la imagen, escribes los textos y decides a dónde lleva al hacer clic.

Primero crea la zona en Zonas de sliders y luego añade dentro sus sliders. Al crear un slider siempre tienes que indicar a qué zona pertenece.

El listado de sliders

Al entrar verás la lista de los sliders que ya has creado. De cada uno se muestra:

Título: el nombre del slider. Haciendo clic en él lo abres para editarlo.
Zona: el carrusel al que pertenece.
Publicar: un interruptor para activarlo o desactivarlo. Solo los sliders publicados se muestran en la web.
Mostrar texto: un interruptor que indica si, sobre la imagen, se muestran o no los textos del slider (título, subtítulo y resumen).
Orden: un número que puedes editar directamente en la propia lista y que decide en qué posición sale el slider dentro de su zona (los de número más bajo aparecen antes).
Imagen: una miniatura de la imagen del slider, para reconocerlo de un vistazo.

Si todavía no has creado ninguno, la pantalla te lo indica y te ofrece un enlace para crear el primero.

Además, dentro de la ficha de un slider tienes la pestaña Árbol de Sliders, que muestra todas las zonas con los sliders que contienen. Desde ahí puedes reordenarlos arrastrándolos, publicarlos o despublicarlos con un interruptor, y usar el botón Añadir Slider de cada zona para crear uno nuevo ya asociado a ella.

Crear o editar un slider

Para crear uno nuevo pulsa + Nuevo; para modificar uno existente, haz clic sobre su título en el listado. El proceso tiene un orden natural: primero rellenas los datos básicos y guardas, y solo entonces se habilitan la imagen y las opciones de la tienda.

Rellena los datos básicos y guarda
Elige la zona, escribe el título y ajusta el resto de campos de la pestaña General. Al guardar, el slider ya existe y aparecen las demás pestañas.
Sube la imagen
En la pestaña Imagen cargas la diapositiva. Sin imagen, el slider no se mostrará en la web.
Indica a dónde lleva
Si quieres que la diapositiva sea «clicable», define su enlace de destino.
Ajusta visibilidad y publica
Decide desde cuándo y hasta cuándo estará vigente, quién puede verlo y márcalo como publicado.

Datos del slider

Zona Obligatorio: El carrusel al que pertenece esta diapositiva. Recuerda que cada zona tiene un límite de sliders.
Título Obligatorio: El nombre del slider. Se usa como texto principal de la diapositiva y es el que ves en el listado.
Subtítulo: Un texto secundario que acompaña al título, por si quieres añadir un pequeño reclamo.
Tipo: Define si la diapositiva es variable o fija en algún punto de la web. Lo explicamos en detalle más abajo.
Lote de productos: Opcional. Te permite asociar al slider un lote de productos ya definido, para mostrar esos artículos junto a la diapositiva. Si no lo necesitas, déjalo sin seleccionar.
Mostrar textos: Marca si sobre la imagen deben verse los textos (título, subtítulo y resumen) o si prefieres que se muestre solo la imagen.
Resumen: Un texto más amplio para describir o acompañar la diapositiva.
Publicar: Activa o desactiva el slider. Si lo dejas sin publicar, no se mostrará en la web aunque tenga imagen.

La imagen

Una vez guardado el slider, en la pestaña Imagen subes la diapositiva. El tamaño recomendado es de 724 x 360 píxeles. Al cargarla puedes elegir el tratamiento:

Imagen completa: se sube tal cual, sin recortar.
Ajustar a 724 x 360 px: la adapta a la medida recomendada del slider.

Puedes subir el archivo desde tu ordenador o indicar la dirección (URL) de descarga de una imagen que esté en internet. De cada imagen puedes editar su título, su nombre, si se muestra el pie de foto y si está publicada.

Un slider sin imagen no se muestra en la web. Asegúrate de subir la diapositiva antes de darlo por terminado.

A dónde lleva el slider

Un slider puede ser simplemente informativo o llevar a algún sitio cuando el visitante hace clic. Tienes dos formas de definir ese destino:

Enlazar con… En la pestaña General, el botón «Click aquí para Enlazar con…» te permite apuntar el slider directamente a otro contenido de tu propia web (por ejemplo un producto o una sección). Así el enlace se calcula solo a partir de ese contenido.
Url Destino. Si prefieres enlazar a una dirección concreta, en la pestaña E-commerce, apartado Url Destino, escribes la dirección a mano. Ahí puedes indicar además si se abre en otra pestaña del navegador y si la dirección es segura (https).

Si has enlazado el slider con un contenido de tu web, se usará el enlace de ese contenido; si no, se usará la dirección que hayas escrito en Url Destino.

Visibilidad y vigencia

En la pestaña E-commerce, dentro de Visibilidad del contenido, controlas cuándo y para quién se muestra la diapositiva:

Vigente desde / Vigente hasta: El periodo en el que el slider estará activo. Fuera de esas fechas deja de mostrarse automáticamente, sin que tengas que despublicarlo a mano. Útil para campañas con fecha de inicio y fin.
Fecha de publicación: La fecha que se asocia a la diapositiva, con la opción de mostrarla o no.
Contenido validado y Privacidad: Marcan si el contenido está revisado y su nivel de privacidad.
Perfiles de usuarios con acceso: Si trabajas con distintos perfiles de clientes en la web, aquí eliges qué perfiles verán este slider. Así puedes reservar una diapositiva para un tipo concreto de cliente.

En esa misma pestaña, el apartado SEO te permite afinar el título, la descripción y las palabras clave de cara a los buscadores.

Tipos de slider: variable o fijo

El campo Tipo decide en qué parte de la web «vive» la diapositiva. Hay cuatro opciones:

Variable: La opción habitual. Puedes tener todos los que quieras (dentro del límite de la zona) y van rotando en el carrusel.
Fijo en toda la web: Una diapositiva fija que acompaña a todas las páginas. Solo puede haber una.
Fijo en el home: Una diapositiva fija solo para la página de inicio. Solo puede haber una.
Fijo en la web excepto el home: Una diapositiva fija para el resto de páginas, dejando fuera la de inicio. Solo puede haber una.

El sistema te ayuda a que estas reglas se cumplan. Si marcas un slider como «fijo en toda la web», cualquier otro que hubiera como fijo pasa automáticamente a variable; y si pones un segundo «fijo en el home» o «fijo en la web excepto el home», se te avisa y el que había de ese tipo pasa a variable. La única excepción: si ya existe un «fijo en toda la web» y quieres marcar otro slider como fijo, el sistema te avisa y no guarda el cambio hasta que primero le quites el carácter fijo al que ya lo tiene.

El orden y el límite de la zona

Dentro de una misma zona, el orden de los sliders lo marca el número de la columna Orden del listado, que puedes cambiar ahí mismo, o arrastrándolos en la pestaña Árbol de Sliders.

Cada zona tiene un número máximo de sliders que se define al crearla. Si al añadir uno nuevo te avisa de que se ha superado ese máximo, entra en Zonas de sliders, amplía el límite de esa zona y vuelve a intentarlo.

Borrar un slider

Puedes eliminar un slider que ya no necesites desde su ficha. Al borrarlo se elimina también su imagen. Si en su lugar solo quieres que deje de verse en la web temporalmente, es mejor despublicarlo (con el interruptor de Publicar) en vez de borrarlo, así lo conservas para reutilizarlo más adelante.

El aspecto final del carrusel en tu tienda (cómo pasan las diapositivas, la velocidad, la posición de los textos, etc.) depende del diseño de tu web y de la configuración de la zona, no de esta pantalla. Aquí decides el contenido de cada diapositiva; el escaparate que lo muestra se define en la zona.