Guía del widget de menú para restaurantes

Crea un menú de comida y bebida limpio y fácil de usar para tu sitio web. Este widget te permite crear un menú sencillo y organizado que se adapta tanto a ordenadores como a dispositivos móviles. Sigue estos pasos para personalizar tu menú sin problemas.

1. Elige un diseño

• Selecciona entre diferentes estilos:

• Vista de cuadrícula: Los elementos se muestran en recuadros (ideal para menús con muchas imágenes).

• Vista de lista: Formato sencillo de una sola columna (perfecto para menús con texto).

• Categorías con pestañas: Secciones organizadas con pestañas (por ejemplo, Entrantes, Platos principales, Bebidas).

• Cómo elegir:

• Haz clic en un diseño para obtener una vista previa.

• Haz clic en «Continuar» para finalizar tu diseño y acceder al editor.

2. Usa las tres pestañas para crear tu menú

• Pestaña de contenido:

• Añade los platos, los precios y organízalos por categorías.

• Pestaña Estilo:

• Personaliza las fuentes, los colores, el espaciado y las imágenes.

• Pestaña Ajustes:

• Controla la apariencia del menú en diferentes tamaños de pantalla y su comportamiento durante la interacción del usuario.

3. Añadir y editar tu menú

🍔 Pestaña Contenido

• Añadir artículos: Introduce el nombre, la descripción (opcional) y el precio.

• Crear categorías: Organiza los artículos en secciones como Aperitivos, Platos principales y Postres.

• Añadir imágenes: Sube imágenes para mejorar la visibilidad de los artículos.

• Artículos destacados: Resalta los artículos populares o especiales.

• Reordenar artículos: Haz clic y arrastra para reorganizar los artículos o las categorías.

🎨 Pestaña Estilo

• Ajustes de texto: Selecciona las fuentes y los tamaños para los nombres y precios de los artículos.

• Colores: Personaliza el fondo, el texto y los colores de acento.

• Espaciado: Ajusta el espacio entre los artículos y las secciones.

• Bordes y sombras: Agrega contornos o sombras para personalizar el estilo.

• Imágenes e iconos: Controla el tamaño y la alineación de las imágenes.

⚙️ Pestaña de configuración

• Secciones abiertas: Decide si las categorías están abiertas o cerradas por defecto.

• Animaciones: Configura la velocidad de apertura y cierre de las secciones.

• Vista adaptable: Asegúrate de que el menú se vea bien en dispositivos móviles.

• Código personalizado: Agrega CSS o JavaScript opcionalmente.

✅ Consejos rápidos

• Usa la pestaña Contenido para organizar los elementos.

• Utiliza la pestaña Estilo para alinear el menú con el diseño de tu sitio web.

• Accede a la pestaña Configuración para los controles de diseño adaptable.

• Haz clic en Guardar para aplicar los cambios.

  <img src="https://msgsndr-private.storage.googleapis.com/marketplace/apps/687e603dcd8b993b922db98c/5313ff08-4e6e-4f7a-8d74-7372c4fc102c.png"