¿Cómo utilizar el módulo de control deslizante segmentado?
Webayt El módulo de control deslizante seccional en el CMS se utiliza para crear áreas deslizantes avanzadas en su sitio web que incluyen imágenes, títulos, descripciones y botones. Este módulo le permite crear no solo banners visuales, sino también secciones más descriptivas con texto y áreas de navegación.
El módulo de carrusel segmentado es especialmente útil para páginas de inicio, presentaciones de servicios, áreas de campañas, introducciones de productos o paquetes y secciones de navegación llamativas. Para cada elemento del carrusel, puede gestionar la imagen, el título, la descripción, el texto del botón, el enlace del botón, la configuración de color, la selección de grupos, el orden y la información de estado.
¿Cuál es la finalidad del módulo de control deslizante segmentado?
El módulo de carrusel seccional te permite crear secciones de carrusel más completas en tu sitio web. A diferencia de las estructuras de carrusel estándar, cada elemento puede incluir no solo una imagen, sino también un título, una descripción, botones y ajustes de color.
De esta forma, en lugar de simplemente mostrar una imagen al visitante, puede proporcionar un breve mensaje que acompañe a la imagen, un texto descriptivo y un botón que lo dirija a la página correspondiente.
Por ejemplo, el módulo de control deslizante segmentado se puede utilizar para promocionar un servicio, destacar una campaña, anunciar una nueva función o dirigir a un usuario a una página específica.
¿Cómo puedo acceder a la página del módulo de control deslizante segmentado?
Para acceder al Módulo de Slider Segmentado, diríjase a la sección Módulos en el menú de la izquierda del panel de administración Webayt y acceda a la página del Módulo de Slider Segmentado .
Módulos → Módulo deslizante segmentado
Esta página muestra los elementos deslizantes que se han añadido previamente. Puedes añadir nuevos elementos, editar los existentes o eliminarlos si es necesario.
Pantalla de listado deslizante
El módulo deslizante segmentado muestra los elementos añadidos en formato de tabla en su pantalla principal. Esta lista incluye la imagen del control deslizante, el título, la información del grupo, el valor de la secuencia y la información de estado.
En general, las siguientes acciones se pueden realizar en la pantalla de listado:
- Visualización de los elementos actuales del control deslizante
- Ve a la nueva pantalla para añadir el control deslizante.
- Edición de elementos deslizantes
- Eliminar elementos del control deslizante
- Controlar el estado activo o inactivo de los controles deslizantes.
Esta pantalla le permite controlar rápidamente qué elementos se incluyen en el área deslizante segmentada y en qué orden se muestran.
¿Cómo agregar un nuevo control deslizante multisegmento?
Para añadir un nuevo elemento deslizante segmentado, utilice la pestaña Insertar deslizador . En esta pantalla, puede definir el texto, la imagen, la información de los botones, la configuración de color, la selección de grupos, el valor de orden y el estado del deslizador.
- Inicie sesión en el panel de administración Webayt.
- Abra la sección Módulos desde el menú de la izquierda.
- Dirígete a la página del módulo de control deslizante seccional .
- Haz clic en la pestaña Agregar control deslizante .
- Por favor, rellene los campos de título y descripción del control deslizante.
- Introduzca el texto del botón y, si es necesario, un enlace para el botón.
- Sube o selecciona una imagen para tu carrusel.
- Elige los colores de fondo, título y descripción.
- Si es necesario, elija un grupo.
- Establezca el valor de orden del control deslizante.
- Establezca su estado en encendido o apagado.
- Guarda el elemento deslizante haciendo clic en el botón Agregar .
Una vez añadido el control deslizante, estará disponible en el área del módulo correspondiente.
¿Cómo utilizar el campo de título?
El campo del título se utiliza para mostrar el mensaje principal resaltado en el carrusel. Dado que es uno de los primeros textos que ve un visitante, se recomienda que sea breve, claro y fácil de entender.
El campo de título se puede utilizar para destacar el servicio, la campaña, la función o el mensaje de recomendación que desea promocionar.
¿Cómo utilizar el campo de descripción?
El campo de descripción se utiliza para introducir un texto más detallado que complemente el título. Este campo puede explicar brevemente de qué trata el control deslizante, qué ofrece al usuario o por qué es importante.
Se recomienda que el texto descriptivo no sea demasiado largo. Dado que las áreas de los carruseles suelen ser secciones que deben leerse rápidamente, los textos breves y efectivos dan mejores resultados.
¿Cómo usar el texto y los enlaces de los botones?
El texto del botón se utiliza para determinar el texto que se mostrará en el control deslizante. Por ejemplo, se pueden preferir textos cortos y descriptivos como "Ver detalles", "Solicitar presupuesto", "Comenzar ahora" o "Contáctenos".
El enlace del botón especifica la página a la que se redirigirá al usuario al hacer clic en él. Este campo puede redirigir a una página de servicio, una página de paquete, una página de contacto u otro contenido.
Si no se va a utilizar un botón, el texto o el enlace pueden dejarse en blanco, según la estructura del tema. Sin embargo, si se va a utilizar un botón, asegúrese de que el enlace dirija a la página correcta.
¿Cómo utilizar el espacio visual?
En el módulo de control deslizante por secciones, se puede seleccionar una imagen para cada elemento del control deslizante. La imagen realza el impacto visual del control deslizante y proporciona una narrativa que complementa el texto.
Al subir imágenes, conviene prestar atención al tamaño del archivo y a los tipos de archivo compatibles. Se deben priorizar las imágenes que cumplan con las normas de archivo especificadas en el panel.
Para obtener información detallada sobre los procedimientos generales para cargar imágenes, puede consultar la guía "¿Cómo cargar imágenes en el panel Webayt?" .
¿Cuál es la finalidad del color de fondo?
La configuración de Color de fondo se utiliza para determinar el color de fondo del elemento deslizante correspondiente. Esto permite crear una atmósfera visual diferente para cada elemento deslizante.
Al elegir un color de fondo, conviene asegurarse de que sea compatible con los colores de la imagen, el título y el texto descriptivo. Si se utilizan colores muy oscuros o muy claros, también se debe comprobar la legibilidad del texto.
¿Cómo usar el color del título y el color del texto de la descripción?
El color del título determina el color en el que se muestra el título del control deslizante. El color del texto de la descripción controla el color del texto en el área de descripción.
Estos colores deben coincidir con el color de fondo del control deslizante. La legibilidad puede mejorarse utilizando texto claro sobre fondos oscuros y texto oscuro sobre fondos claros.
A la hora de elegir los colores, es importante tener en cuenta tanto la coherencia de la marca como la experiencia del usuario.
¿Cuál es el propósito de la selección de grupos?
La selección de grupos permite asociar un elemento deslizante a un grupo específico. Este campo se puede usar para separar elementos deslizantes segmentados según diferentes casos de uso o para mostrar los elementos deslizantes que pertenecen a un grupo específico en la visualización del módulo correspondiente.
Si desea mostrar solo los elementos del control deslizante de un grupo específico en una página, puede seleccionar ese grupo. Para uso general, puede elegir el grupo predeterminado.
Para obtener información más detallada sobre los grupos, puede consultar la guía "Cómo usar los grupos" .
¿Cuál es la finalidad de la zona de espera?
El campo de orden se utiliza para determinar el orden en que se muestran los elementos del control deslizante.
Si hay varios elementos deslizantes, su orden puede afectar su disposición en la interfaz. Los elementos deslizantes con valores de orden más bajos pueden mostrarse antes, dependiendo de la estructura del tema.
Para garantizar un flujo fluido del control deslizante, es útil planificar sistemáticamente los valores de la secuencia.
¿Cuál es la finalidad del campo Estado?
El campo Estado determina si el elemento deslizante se mostrará en el sitio web.
- Abierto: El elemento deslizante es visible en el sitio.
- Cerrado: El elemento deslizante permanece guardado en el panel, pero no se muestra en el sitio web.
En lugar de eliminar los elementos del control deslizante que desea deshabilitar temporalmente, puede configurarlos en estado cerrado. De esta manera, podrá reactivarlos más adelante.
¿Cómo actualizar un control deslizante seccional?
Para actualizar un elemento deslizante segmentado existente, puede hacer clic en el botón Editar que aparece junto al elemento en la pantalla de listado.
En la pantalla de actualización del control deslizante, puede editar el título, la descripción, el texto del botón, el enlace del botón, la imagen, la configuración de color, la selección de grupos, el orden y los campos de estado. Después de realizar los cambios, haga clic en el botón Actualizar para guardar el control deslizante.
La pantalla de actualización del control deslizante también puede incluir un campo "Listas para actualizar" . Este campo se utiliza para especificar qué listas de idiomas se deben actualizar en entornos multilingües.
Para obtener información más detallada sobre este tema, puede consultar la guía "¿Cómo usar las listas de actualización?" .
Eliminar un control deslizante segmentado
Si un elemento deslizante ya no es necesario, se puede eliminar mediante el botón Eliminar en la pantalla de listado.
Al eliminar un control deslizante, el elemento correspondiente se elimina de la lista segmentada de controles deslizantes. Si pudiera ser necesario más adelante, sería más seguro establecer su estado como "cerrado" en lugar de eliminarlo.
¿Cómo agregar un módulo deslizante seccional a las páginas?
Al crear elementos deslizantes en el módulo de control deslizante segmentado, estos elementos estarán disponibles en el sistema. Sin embargo, para que estos elementos deslizantes se muestren en una página, es posible que sea necesario utilizar el módulo de control deslizante segmentado en el área de administración de módulos de dicha página.
Para obtener información detallada sobre cómo agregar módulos a las páginas, puede consultar la guía "¿Cómo agregar módulos a las páginas?" .
La diferencia entre un control deslizante segmentado y un módulo deslizante
El módulo Slider se utiliza principalmente para gestionar banners visuales. El módulo Slider segmentado, por otro lado, ofrece áreas adicionales junto a la imagen, como un título, una descripción, botones y ajustes de color.
Brevemente:
- Módulo deslizante: Se utiliza para estructuras deslizantes visuales centradas en banners.
- Módulo deslizante seccional: Se utiliza para áreas deslizantes más descriptivas que contienen imágenes, texto, botones y ajustes de color.
¿Qué se debe tener en cuenta al utilizar un control deslizante segmentado?
Las secciones deslizantes son uno de los elementos clave para captar la atención del visitante. Por lo tanto, los elementos visuales, el texto y los colores deben armonizar entre sí.
- Escribe un título corto y pegadizo.
- No hagas que el texto descriptivo sea innecesariamente largo.
- Crea textos para botones con frases direccionales claras.
- Comprueba que el enlace del botón redirige a la página correcta.
- Asegúrese de que la imagen sea compatible con el diseño del control deslizante.
- Asegúrese de que los colores de fondo y del texto sean legibles.
- Determinar los valores de los pedidos de forma planificada.
- En lugar de eliminar los elementos deslizantes que no se utilicen, considere la posibilidad de desactivarlos.
- Si se utiliza la selección de grupos, asegúrese de seleccionar el grupo correcto.
- Tras realizar la actualización, compruebe cómo se ve la página en la interfaz de usuario.
Resumen
El módulo Segmented Slider se utiliza en Webayt CMS para crear áreas de control deslizante avanzadas que contienen imágenes, títulos, descripciones, botones y configuraciones de color.
Este módulo permite personalizar los elementos del carrusel y dirigir a los visitantes a páginas específicas. Se recomienda realizar una comprobación en la interfaz tras la actualización para asegurar que los elementos del carrusel se muestren en el orden correcto, con el color, la imagen y el enlace adecuados.
Contenido similar que podría interesarte
Cargar más contenido
¿En qué podemos ayudarle?
Puedes completar el formulario a continuación para contactar a nuestro equipo de soporte Webayt. Tu solicitud será revisada por nuestro equipo correspondiente y nos pondremos en contacto contigo lo antes posible.