Ir al contenido principal

¿Cómo agregar un menú en tu plantilla?

Conoce cómo añadir este contenido en tus campañas

Actualizado hace más de 2 meses

Los menúes son listas que permiten darle un formato determinado a un contexto acotado de elementos de texto.

Desde el editor de Woowup podrás crearlo fácilmente 😉

Añade un Menú como bloque de contenido

Desde el editor de tu campaña selecciona el bloque de contenido Menú y arrástralo hacia tu plantilla:

En la solapa Contenido podrás configurar las Propiedades de contenido del menú que has creado:

En Texto deberás colocar la palabra que figurará en las opciones:

En URL deberás asignar a cada ítem un enlace, seleccionando a su vez el tipo de comportamiento que deseas que tenga al momento de acceder a través del menú:

También podrás seleccionar la Enlazar archivo si necesitas que la opción lleve a un archivo nuevo.

En Título debes indicar el texto que se despliega al apoyar el cursor sobre el ítem en el caso que esté enlazado. Además seleccionar si el vínculo va a disparar la actividad en la misma página o en una nueva:

Editar las propiedades del menú como contenedor

Aquí podrás editar el formato, tamaño y tipo de fuente, alineación, color y espaciado de las opciones del menú:

⚠️ El espaciado entre caracteres puede ser negativo, resultando en la superposición de los mismos

Propiedades especiales

Aquí puedes acceder a propiedades que harán a tu menú más dinámico y atractivo:

Diseño: En vertical, ordena los ítem uno debajo de otro, en horizontal se irán colocando a la derecha del anterior.

Separador: Separa los ítem con un campo de texto cuando el diseño es horizontal.

Menú hamburguesa: Cambia el aspecto del contenedor para vistas mobile.

El menú se volverá una lista vertical desplegable desde el ícono, que podemos modificar en cuanto a tamaño y forma cuadrada o circular, además de los colores de lista e ítems.

Relleno de los enlaces: Agrega espacio a los ítem enlazados para facilitar su interacción.

Activando más opciones se puede adaptar cada margen individualmente.

Opciones de módulo

Editando estas opciones podrás añadir espacio entre el menú y sus márgenes para facilitar el acceso a los ítems:

Listo! desde Vista previa podrás ver cómo figurará el menú finalmente tanto como en Desktop como en Mobile:

¿Ha quedado contestada tu pregunta?