Aprende › Diseño de Menú › Conoce el builder

Qué es el builder de diseño

Lección 1 de 51 · 3 min

El video de esta lección llega pronto.

Mientras tanto, sigue los pasos escritos.

Al terminar sabrás

  • Ubicar el builder dentro del panel y saber qué necesitas para abrirlo
  • Entender qué significa que el lienzo sea «en vivo»
  • Reconocer las zonas de la pantalla antes de tocar nada

En el panelTu Menú › Diseño del menú

El builder es la pantalla donde diseñas el menú que ven tus clientes: colores, letras, encabezado, tarjetas de producto, carrito y pago. No escribes código ni tocas plantillas. Eliges, ves el resultado y ajustas.

Todo se ve en un lienzo que dibuja tu menú real, con los mismos componentes que usa tu menú público. No es una maqueta aparte: lo que ves ahí es lo que verá tu cliente.

El builder completo: barra superior con sede y secciones, barra de herramientas, columna Estructura a la izquierda, lienzo con el menú en el centro e Inspector a la derecha.
  1. Sede: elige la sede que estás editando.
  2. Secciones: Branding, Vitrina, Detalle, Carrito, Checkout y, si tienes más de una sede, Landing Multi-Sedes.
  3. Descartar y Guardar, con el contador de cambios sin guardar.
  4. Estructura: el esqueleto de tu Vitrina, que puedes reordenar.
  5. Lienzo: tu menú en vivo.
  6. Inspector: los ajustes de lo que tienes seleccionado.
  7. Barra de herramientas: dispositivos, zoom, buscar ajuste y más.
Las zonas del builder. En las próximas lecciones recorremos cada una.

Qué necesitas para abrirlo

El builder necesita espacio: se abre en una pantalla de 1024 px de ancho o más, es decir, una computadora o una tablet en horizontal. En un teléfono verás el aviso «El editor de diseño necesita más espacio». El resto del panel sí funciona en el celular.

La opción Diseño del menú está en el menú lateral, dentro del grupo Tu Menú. Los roles Gerente y Operador no la ven: si necesitas diseñar y no la encuentras, pídele acceso a quien administra tu cuenta.

Nada se publica hasta que guardas

Mientras editas trabajas sobre un borrador. Tu menú público sigue igual hasta que pulsas Guardar. Por eso puedes probar sin miedo: si no te gusta, Descartar devuelve todo a como estaba.

Lienzo
La vista previa de tu menú, en vivo y con las medidas reales del dispositivo elegido.
Inspector
La columna de la derecha: aquí están los ajustes de lo que tienes seleccionado.
Estructura
La columna de la izquierda en Vitrina y en Landing Multi-Sedes: el esqueleto de la página, con sus secciones y bloques.
Sección
Cada una de las pestañas del builder: Branding, Vitrina, Detalle, Carrito, Checkout y Landing Multi-Sedes.
Bloque
Una pieza que añades a tu Vitrina, como una imagen, un video, un título o un botón de WhatsApp.
OpcionalPon a prueba lo que aprendiste2 ejercicios

Ejercicios opcionales: 0 de 2 acertados

Los ejercicios son opcionales: si los haces y aciertas todos, la lección se completa sola. Si no, márcala tú.

¿Algo no coincide con lo que ves en tu panel? Cuéntanos.