Sitio web avanzado: encabezado y menú expandible

Puedes añadir un menú desplegable a tus sitios web de escritorio y tabletas, lo que facilita la creación de sitios web modernos con gran flexibilidad de diseño. Elige entre varios diseños de menú desplegable y personalízalos a tu gusto, añadiendo widgets , filas y columnas.

El menú expandible disposición para dispositivos móviles ofrece más personalizaciones y una forma de mostrar widgets en el encabezado y un menú que siempre está visible.

Puedes cambiar el disposición del encabezado a un predefinido disposición que incluye botones, clic para llamar, carrito de la tienda, íconos de redes sociales y más. Puedes agregar cualquier widget al menú expandible desde el panel de widgets.

Computadora de escritorio y tableta

Seleccione el diseño del menú expandible

Para seleccionar un diseño de menú expandible para su sitio:

1. En el panel izquierdo, haga clic en Diseño.
2. Haga clic en Diseño del sitio.
3. En la sección Escritorio, seleccione Diseño de menú expandible.
4. En la sección Tableta, seleccione el diseño de la izquierda.

Encabezado para computadoras de escritorio y tabletas

Después de seleccionar el diseño del menú desplegable, se mostrará un icono de hamburguesa en el encabezado de su sitio. Haga clic en el icono de hamburguesa () icono para ver el menú expandible.

Para editar la ubicación del menú expandible en el encabezado:

1. Coloque el cursor sobre el encabezado, haga clic en Encabezado y luego seleccione Editar diseño.
2. En la sección Diseño, haga clic en Izquierda o Derecha.

Menú expandible para computadoras de escritorio y tabletas

Para configurar el menú expandible:

1. Haga clic en la hamburguesa () para abrir el editor de diseño de menú.
2. En la pestaña Diseño, haga clic en el diseño existente para seleccionar un diseño de menú.
3. En la pestaña Estilo, tienes las siguientes opciones:
   • Ingresar desde. Seleccionar Superior o Lateral.
   • Efecto de entrada. Seleccione Cubrir o Empujar.
   • Ancho. Mueva el control deslizante para ajustar el ancho del menú expandible una vez desplegado. El ancho del menú se define en porcentajes para adaptarse a todos los tamaños de pantalla.
   • Fondo. Configure el color o la imagen de fondo.
   • Color del icono de cierre. Seleccione un color para el icono de cierre y el color de fondo.
4. En la pestaña Espaciado, cambie el relleno.

El menú expandible puede tener hasta 3 filas y cada una es totalmente personalizada.

Si no ve las funciones del encabezado mencionadas anteriormente, es posible que esté usando el encabezado anterior. Para actualizarlo, haga clic en él en la vista de escritorio y tableta. Se crea una copia de seguridad automática al actualizar el encabezado.

Encabezado móvil

Para editar el encabezado móvil:

1. Coloque el cursor sobre el encabezado, haga clic en la etiqueta Encabezado y luego seleccione Editar diseño.
2. En la pestaña Diseño, haz clic en el diseño existente para seleccionar un diseño de menú. El encabezado móvil ofrece diseños que muestran widgets como enlaces de redes sociales, números de teléfono y más. Los diseños del encabezado son fijos, por lo que no puedes añadir nuevos widgets, pero sí editarlos o eliminarlos. Al añadir una tienda o usar la función multilingüe, aparecen más opciones de diseño, como los iconos del carrito de compras y la función multilingüe. Si no tienes activada la tienda o la función multilingüe, estos diseños no aparecen.
3. Haga clic hacia la izquierda o hacia la derecha para cambiar la posición del ícono del Menú.

Navegación móvil

Para editar el menú desplegable, ábrelo en la vista móvil. El editor de menús se abrirá automáticamente para que puedas editarlo.

1. En la pestaña Diseño, haz clic en el diseño existente para seleccionar un diseño de menú. El menú expandible ofrece múltiples diseños que pueden mostrar enlaces a redes sociales, información de contacto y más. Puedes agregar cualquier widget al menú expandible, añadir columnas y ordenarlas para que estén una al lado de la otra o una encima de la otra. Sin embargo, al cambiar de un diseño a otro, se elimina todo el contenido que hayas añadido al menú, mostrando solo los widgets del diseño seleccionado.
2. En la pestaña Estilo, tienes las siguientes opciones:
   • Entrar desde. Seleccione Superior o Lateral. Si selecciona Superior, mueva el control deslizante de altura. Si selecciona Lateral, mueva el control deslizante de ancho.
   • Efecto de entrada. Seleccione Cubrir o Empujar.

Actualizaciones de diseños móviles

El 8 de septiembre de 2019, se eliminaron tres diseños móviles por su poco uso. Los dos diseños restantes son más recientes y útiles.

Si ya tienes un sitio con uno de los diseños que se eliminaron y seleccionas otro diseño, los diseños que se eliminaron desaparecerán, pero podrás restaurarlos desde la copia de seguridad del sitio.

Para actualizar el nuevo encabezado de la vista móvil, haz clic en él. Se crea una copia de seguridad automática al actualizar el encabezado.