Crear un tablero de menú para su restaurante

Cree un tablero de menú para restaurante en easyCMS: introduzca categorías, platos y precios en Menu Boards, coloque la plantilla lista para usar easyCMS Menu Board en un diseño, añada su logotipo y cambie los precios sin tocar el aspecto visual.

En easyCMS, un tablero de menú son dos cosas distintas. El menú son sus categorías, platos y precios, guardados en Tableros de menú dentro de la Biblioteca. La creación es un diseño que muestra en pantalla una categoría de ese menú. Una vez que existen ambos, quien está en el pase actualiza un precio o marca un plato como agotado, y nadie vuelve a abrir la creación.

Esta guía construye desde cero el tablero de abajo, con la plantilla lista para usar easyCMS Menu Board: su logotipo arriba a la izquierda, la categoría como título, una foto opcional y los precios alineados en una sola columna.

Un tablero de menú Full HD con el logotipo de un restaurante, el título Postres, cuatro postres con sus precios y una foto destacada de postres El tablero terminado a 1920 × 1080. Todo lo que aparece viene del menú, salvo el logotipo, el título y la foto, que se eligen una sola vez.

Antes de empezar

  • Esta guía utiliza easyCMS V4, en app.myeasycms.com. En easyCMS V3 las pantallas son distintas y la plantilla lista para usar no está disponible.
  • Primero suba su logotipo a Biblioteca > Medios, como PNG con fondo transparente. Suba al mismo tiempo las fotos de los platos. Primeros pasos explica cómo hacerlo.
  • La plantilla está pensada para una pantalla Full HD horizontal, 1920 × 1080. Para una pantalla vertical, consulte Montar su propia creación más abajo.

Consejo Prevea una categoría por pantalla. Un mostrador con tres pantallas suele mostrar Entrantes, Principales y Postres una al lado de otra, cada una con su propio diseño.

Paso 1: Crear el tablero de menú

  1. Vaya a Biblioteca > Tableros de menú.
  2. Haga clic en Añadir tablero de menú.
  3. Póngale un Nombre que vaya a reconocer, por ejemplo “Menú del mostrador”. Código sirve para integraciones y puede quedar vacío. Descripción es opcional y solo la ve usted.
  4. Haga clic en Guardar.

El cuadro Añadir tablero de menú con el nombre Menú del mostrador y una breve descripción rellenados Un solo tablero de menú contiene todo su menú. A continuación lo divide en categorías.

Paso 2: Añadir las categorías

  1. Abra el menú de fila del tablero de menú, los tres puntos al final de su fila, y elija Ver categorías.
  2. Haga clic en Añadir categoría.
  3. Introduzca un Nombre, por ejemplo “Postres”. Descripción y Medios son opcionales. Solo se usan si monta su propia creación.
  4. Haga clic en Siguiente para guardarla y empezar enseguida la siguiente categoría, o en Guardar para la última.

La lista de tableros de menú con el menú de fila abierto y Ver categorías visible Desde el menú de fila se pasa de un tablero de menú a sus categorías.

Paso 3: Añadir los platos y los precios

  1. En la lista de categorías, abra el menú de fila de una categoría y elija Ver productos.
  2. Haga clic en Añadir producto y rellene la pestaña General :
    • Nombre: el plato tal como deben leerlo los clientes.
    • Precio: solo el número, por ejemplo 7.90. La plantilla añade el símbolo de la moneda.
    • Orden de visualización: 1 para el primer plato, 2 para el siguiente, y así sucesivamente. Deje saltos de diez si prevé intercalar platos más adelante.
    • Medios: una foto opcional del plato tomada de su Biblioteca.
    • Disponibilidad: déjela en Activado. Desactívela cuando el plato se agote.
  3. En la pestaña Detalles, añada una breve Descripción, la Información sobre alérgenos y las Calorías si quiere que aparezcan en pantalla.
  4. Haga clic en Siguiente para guardar y añadir otro plato, o en Guardar cuando haya terminado.

La lista de categorías de Menú del mostrador con el menú de fila de Postres abierto y Ver productos visible Cada categoría tiene su propia lista de platos, a la que se accede con Ver productos.

El cuadro Añadir producto en la pestaña General con un nombre, un precio y un orden de visualización rellenados Introduzca los precios como números simples. Su aspecto en pantalla se define una sola vez, en la plantilla.

Tamaños y extras

La pestaña Opciones del producto contiene variantes con su propio precio: una o dos bolas, un vaso pequeño o grande, un topping extra. Cada opción es un nombre y un precio, y + añade otra fila.

La pestaña Opciones del producto de un Affogato con dos opciones, Dos bolas a 7 y Una bola a 5.5 Las opciones aparecen en pantalla bajo el plato, cada una con su precio.

Las opciones aparecen por orden alfabético de su nombre. Para controlar el orden, empiece los nombres por lo que deba ir primero, por ejemplo “1 bola” y “2 bolas”.

Revisar la lista

La lista de productos muestra todos los platos de la categoría, con pestañas en la parte superior para cambiar de categoría. La columna Disponibilidad muestra de un vistazo qué está disponible y qué está agotado.

La lista de productos de Postres con fotos, descripciones, información sobre alérgenos, precios y marcas de disponibilidad Una cruz en la columna Disponibilidad significa que el plato está desactivado.

Paso 4: Colocar el menú en un diseño

Cree un diseño en Creación > Diseños con Añadir diseño y póngale el nombre de la pantalla, por ejemplo “Menú del mostrador - Postres”. Deje la Resolución en 1080p HD horizontal. Su primer diseño explica el editor si aún no lo conoce.

Añadir la plantilla

  1. Abra la Caja de herramientas, el icono superior del borde izquierdo del editor.
  2. En Widgets de datos, haga clic en la pequeña flecha de la tarjeta Tablero de menú: Productos.
  3. En Plantillas estáticas, arrastre easyCMS Menu Board al lienzo.

La caja de herramientas del editor de diseños con los elementos de Tablero de menú: Productos y, en Plantillas estáticas, la tarjeta easyCMS Menu Board La plantilla está en Plantillas estáticas, debajo de los elementos individuales.

Ponerla a pantalla completa

La plantilla aparece como un pequeño cuadrado en el centro del lienzo.

  1. Con ella seleccionada, abra la pestaña Posición, el icono de cuadrícula a la derecha de Avanzado en el panel derecho.
  2. Haga clic en Poner a pantalla completa.

La pestaña Posición con Arriba e Izquierda en 0, Ancho 1920, Alto 1080 y el botón Poner a pantalla completa Hasta que elija un menú, el lienzo muestra “No hay proveedores de datos configurados”. Es lo esperado.

Elegir el menú

En la pestaña Configurar:

  1. Menú: elija su tablero de menú.
  2. Categoría: elija la categoría que muestra esta pantalla.
  3. Ordenar por: déjelo en Orden de visualización, para que los platos sigan los números que les asignó.
  4. ¿Mostrar productos no disponibles?: márquelo si un plato agotado debe seguir en el tablero, indicado como agotado. Si lo deja sin marcar, los platos agotados desaparecen de la pantalla hasta que los vuelva a activar.

No toque los límites de filas. Sirven para repartir una categoría larga entre dos pantallas.

La pestaña Configurar con Menú del mostrador y Postres seleccionados, y el tablero visible en el lienzo En cuanto se elige una categoría, el lienzo muestra los platos y precios reales.

Añadir su logotipo y darle estilo

La pestaña Apariencia reúne todo lo que hace suyo el tablero. Se configura una sola vez.

La pestaña Apariencia con los ajustes del encabezado: logotipo, foto destacada, nombre del local, título, subtítulo y línea de pie El logotipo y la foto destacada se eligen en su Biblioteca.

Ajuste Qué hace
Logotipo Su logotipo de la Biblioteca, arriba a la izquierda.
Foto destacada Un panel de foto opcional a la derecha. Déjelo vacío para una lista a todo el ancho.
Nombre del local Se muestra arriba a la izquierda cuando no hay logotipo.
Título y subtítulo El título grande y la línea que lo precede, como “Postres” y “Hechos en casa cada mañana”.
Línea de pie Letra pequeña en la parte inferior, como una nota sobre alérgenos o el IVA.
Mostrar descripciones, fotos, información sobre alergias, calorías, opciones de producto Lo que muestra cada plato bajo su nombre.
Etiqueta Agotado y etiqueta Alérgenos El texto que aparece en pantalla. Tradúzcalo aquí para un panel en francés, alemán o español.
Productos no disponibles Cómo se ven los platos agotados: atenuados, atenuados con una etiqueta Agotado o con el precio tachado.
Columnas La opción Automático pasa a dos columnas en listas largas sin foto destacada.
Elementos por página y Segundos por página Cuántos platos caben como máximo en una página y cuánto tiempo permanece visible cada página.
Símbolo de moneda, Posición del símbolo, Separador decimal 14.50 €, €14.50 o 14,50 €.
Fuente y colores Colores de fondo, de acento, del texto, del texto secundario y de los precios. Parta de los colores de su marca.

Con Mostrar fotos de productos marcado, cada plato tiene su propia imagen y la foto destacada suele dejarse vacía.

El mismo panel con una pequeña foto junto a cada postre y la información sobre alergias bajo cada descripción Fotos de productos e información sobre alergias activadas. Los platos proceden del mismo menú.

Cuando la categoría no cabe en una pantalla

La plantilla nunca comprime el texto para que quepa. Cuando una categoría tiene más platos de los que caben, los reparte en páginas y pasa a la siguiente una vez transcurrido el tiempo de Segundos por página. Mantenga la duración del diseño al menos igual a la de todas las páginas juntas, o la última página nunca se mostrará. Dos páginas de 12 segundos necesitan al menos 24 segundos.

De todos modos, menos platos por pantalla se leen mejor. Si una categoría ocupa a menudo tres páginas, repártala en dos pantallas con los límites de filas, o divídala en dos categorías.

Paso 5: Publicar y programar

Un diseño no se reproduce en ninguna parte hasta que se publica:

  1. Abra el menú de tres líneas en la parte superior derecha del editor.
  2. Elija Publicar.

Después póngalo en pantalla, ya sea como diseño predeterminado de la pantalla o con una programación. Programar su primer contenido cubre ambos casos. Para mostrar una carta de desayuno por la mañana y la de cena por la noche, programe un diseño por servicio. Consulte zonas horarias y dayparting.

Cambiar precios y platos más adelante

Vuelva a Biblioteca > Menu Boards, abra los productos de la categoría y edite el plato:

  • Nuevo precio: edite el producto, cambie Precio, Guardar.
  • Agotado: edite el producto, desactive Disponibilidad, Guardar. Vuelva a activarla cuando el plato regrese.
  • Nuevo plato: Añadir producto en la categoría correcta, con un orden de visualización que lo coloque donde quiera.

No tiene que abrir el diseño ni volver a publicar nada. Cada pantalla que muestra esa categoría recoge el cambio en su siguiente comprobación. Suele tardar unos minutos, no es instantáneo, así que cambie un precio antes del servicio y no mientras hay cola en el mostrador.

Atención La información sobre alergias en pantalla respalda su proceso. No sustituye la documentación sobre alérgenos que exige la normativa local. Mantenga actualizada la versión en papel y haga responsable de ambas a una sola persona.

Montar su propia creación

La plantilla sirve para la mayoría de los restaurantes. Para una pantalla en vertical o un diseño propio, construya en su lugar el panel a partir de elementos:

  • Menu Board: Productos tiene elementos para Nombre, Descripción, Precio, Información de alergias, Foto, Calorías, y Opciones: Nombre y Opciones: Valor.
  • Menu Board: Categoría tiene elementos para el nombre, la descripción y la foto de la categoría, útiles para los encabezados.

Arrastre los elementos que necesite al lienzo y dé estilo a cada uno en su pestaña Apariencia. Si coloca el mismo elemento varias veces, cada copia muestra el plato siguiente. Crear diseños trata los elementos con más detalle.

Si algo no se ve bien

  • El lienzo indica “No data providers configured”. Elija un Menú y una Categoría en la pestaña Configurar.
  • Falta un plato. Compruebe que su Disponibilidad está activada, o marque ¿Mostrar productos no disponibles?. Compruebe que está en la categoría que muestra esta pantalla.
  • Los precios muestran un símbolo o separador incorrecto. Cámbielos en Precios, en la pestaña Apariencia. Los precios del menú siguen siendo números simples.
  • La pantalla sigue mostrando un precio antiguo. El reproductor aún no ha hecho su comprobación. Reproductor conectado pero sin actualizarse explica qué revisar.
  • Menu Boards no aparece en su menú Biblioteca, o la plantilla no está en la caja de herramientas. Su cuenta aún no está configurada para ello. Abra una solicitud de soporte y lo activaremos.

Para la parte de diseño de un buen panel, es decir, la distancia de lectura, el tamaño de letra y cuántos platos puede mostrar una pantalla, consulte paneles de menú digitales.

Artículos relacionados: Su primer diseño, Programar su primer contenido, Contenido dinámico con DataSets, Zonas horarias y dayparting