En el siguiente artículo descubrirás lo rápido y sencillo que es configurar esta funcionalidad tan útil. ¡Empecemos!

Para preparar tu primer Web Layer Slider, ve a la pestaña «Onsite» y, a continuación, a la sección «Web Layer Slider».

Navega por la barra de menú amarilla que se encuentra a la derecha de la pantalla.

Paso 1: selección de la plantilla

Tienes varias plantillas para elegir. Haz clic en la que más se adapte a tus necesidades. Se te redirigirá automáticamente al siguiente paso, que es la edición y personalización de la funcionalidad que estás preparando.

Paso 2: adapta el control deslizante al estilo de tu tienda

En este paso, tienes la posibilidad de ajustar el slider al aspecto de tu página web. A la izquierda de la pantalla hay dos menús. La sección «Contenido» se encarga de configurar el texto que aparecerá en la pestaña Call To Action, es decir, en la barra del slider, desde la que se despliega todo el slider. Aquí también puedes personalizar el resto del contenido que aparecerá en el resto del banner, es decir, en el cuerpo del slider.

En la sección «General settings» hay un espacio para preparar el diseño gráfico de tu slider. Como fondo, puedes elegir una foto, un color o un degradado. La elección depende exclusivamente de ti y de tus preferencias. Aquí también puedes ajustar la fuente y colocar el enlace a la página a la que llevará al usuario el botón CTA al hacer clic en él.

Al ajustar el mensaje que quieres transmitir a tus clientes a través del control deslizante Web Layer, además de personalizar los elementos existentes en la plantilla, ¡también puedes añadir otros nuevos!

Haz clic en «Añadir elemento» y selecciona otro elemento básico, como una foto, un espacio entre elementos o un botón, o elementos adicionales que te permitan recopilar aún más información sobre tus clientes, como la fecha de cumpleaños, que puedes utilizar en un escenario de cumpleaños, el sexo o el número de teléfono, gracias al cual podrás enviar boletines informativos por SMS.

Durante todo el proceso de preparación del slider, puedes observar tu trabajo en tiempo real gracias a la vista previa disponible en esta sección. Esto te permitirá supervisar el progreso del trabajo y evaluar visualmente la funcionalidad que estás preparando. Comprueba también la vista previa in situ en dispositivos móviles, gracias a la posibilidad de cambiar fácilmente la vista previa del dispositivo.

Paso 3: elige el lugar de visualización

Si el slider que ha preparado ya tiene el aspecto deseado, es el momento de decidir dónde se colocará y en qué dispositivos se mostrará. Pueden ser tanto dispositivos de escritorio como móviles, o puede seleccionarlos individualmente.

Elige también la ubicación del Web Layer del slider, de modo que no oculte ningún otro elemento clave de tu página web.

Paso 4: ajustes adicionales del elemento

Al final del proceso de creación del slider, debe determinar cuándo, durante cuánto tiempo y en qué páginas debe mostrarse. Hay varias opciones para elegir:

Desencadenante de la aparición del slider: decide si la creación debe mostrarse inmediatamente, después de un período de tiempo seleccionado, por ejemplo, con un retraso de 5 segundos, o cuando se haya desplazado hasta el 50 % de la página.
Lugar donde se mostrará la creación: aquí indicas en qué páginas se mostrará el slider. Puede ser la página de inicio, cualquier página de tu comercio electrónico, páginas de productos o páginas con una URL específica o HTML añadido.
Periodo de tiempo durante el cual se mostrará el slider: puedes decidir si el diseño se mostrará inmediatamente o en la fecha que tú especifiques. Aquí también puedes especificar cuántas veces se mostrará el slider, por ejemplo, una vez por hora.
Estado de la suscripción: aquí puedes seleccionar los estados de suscripción de tus clientes a los que se les mostrará un slider de Web Layer específico creado por ti. Puedes elegir entre: todos (any), suscriptores (subscribed), dados de baja (unsubscribed) y dados de baja y desconocidos (unsubscribed and unknown).
Etiqueta: al desplegar la lista, puede seleccionar la etiqueta que se asignará a las personas que se registren en la base de datos mediante el control deslizante de Web Layer.
Nombre del control deslizante de Web Layer: por último, asigna un nombre adecuado al control deslizante de Web Layer que has preparado y que utilizarás en tu campaña específica.

Paso 5: ve la creación en la vista previa y publícala

Previsualiza los cambios haciendo clic en el botón Preview -> Go to store.

Si el elemento está completamente listo, haz clic en el botón Publicar para que Web Layer se muestre en tu página.

¿Necesitas ayuda adicional?