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 una semana

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?