: )

QR Menú dinámico para restaurantes

menú dinámico para restaurantes o bares

Cumple los estándares de schema.org*, es accesible, es, multi idioma, es sencillo de usar, permite gestionarlo desde cualquier lugar y además tus clientes pueden compartir desde su móvil las creaciones de tu local, cócteles, primeros platos, segundos platos, especialidades, postres...

Esta página es apta para generar resultados enriquecidos "rich snippets"
Esta página es apta para generar resultados enriquecidos

Es algo que ya hemos visto, un código QR que nos lleva a ver la carta de un restaurante... del siglo pasado.

¿Por qué digo esto? Porque la mayoría de los menús que he visto son archivos pdf o imágenes.

El menú dinámico

Es una forma de llamarlo, (tal vez no sea la más acertada, ya veré). La idea PRINCIPAL es que resulte SUPER FÁCIL de gestionar; y con gestionar, me refiero a organizarte a tu gusto el menú, añadir algún elemento y si te sientes inspirad@, contar algo más de esa creación culinaria..

Ventajas

Super fácil de usar

  1. Añades una entrada y le asignas el nombre
  2. Le asignas la categoría a la que pertenece
  3. Especificas el precio
  4. Si quieres añades una descripción (opcional)
  5. Seleccionas la imagen destacada (opcional)
  6. Especificas los alérgenos (opcional)
  7. Traduce a otro idioma para tener la carta para clientes de otros países (opcional)

Y ya está!!! Si quieres contar algo más, simplemente lo haces, como si estuvieras escribiendo un documento en Word; podrás añadir texto con formato, más imágenes... (opcional)

Si tienes interés en que te muestre como funciona, contacta conmigo.

¿Y si quieres cambiar algo de la carta? ¿Cuánto tiempo se tarda en actualizar?

Buf... todo depende de lo que tardes en entrar en tu carta con tu usuario y contraseña. Si estás en un sitio sin cobertura, olvídate! 😀

Bromas aparte y como decía algún amigo: ¡En cero coma!. (demostrable)

Acceso inmediato al modo edición de todos los elementos del menú
Acceso inmediato al modo edición de todos los elementos del menú

¿He dicho antes que la premisa principal era que fuese SUPER FÁCIL para el usuario final? Pues eso. Una vez que has entrado, en la página del menú dispones de acceso inmediato a todos los elementos que lo conforman. Simplemente pulsa en la palabra MODIFICAR que aparece junto al elemento que quieras modificar y te abrirá una ventana nueva para que puedas:

  • quitarlo de la carta, cambiando su estado a borrador
  • volverlo a poner, cambiando su estado a publicado
  • modificar alguna de sus propiedades como el precio, descripción, imagen destacada, categoría...
  • contar algo más sobre el plato: guarnición, alérgenos
  • ilustrarlo con más fotos, o vídeo...
  • Corregir una traducción.
elemento del menú en modo edición
Detalle de un elemento del menú

Extras

¡Da a conocer tu restaurante desde el menú!

elemento de la carta del menú de Foodloose Siam Mall

Y si has puesto una imagen destacada para contar algo más... Eso es que quieres compartirlo con los demás, ¿no?

Por eso, hemos integrado una serie de enlaces para que los clientes puedan compartirlo con sus familiares y amigos a través de sus redes sociales.

Una forma de recomendar lo que te gusta a la gente que te importa. 😉

Y ya que estamos... pues ¡¡¡compartamos las novedades!!! Así que incluimos la posibilidad de implementar notificaciones web (push notifications).

¿Qué te parecería comunicara tus suscriptores que se ha incorporado un nuevo elemento al menú? ¿O enviarles una notificación porque se celebra una ocasión especial?

[Testeado en diferentes plataformas]

Notificaciones push en el menú dinámico desarrollado para Foodloose Siam Mall
Solicitar permiso para notificciones PUSH en Safari MacOS

¿Se puede disponer del código QR?

qr-menuwp#primary

Por supuesto. Incluso podemos ir un poco más allá y hacer analítica web.

¿Quieres saber cual es la mesa que más movimiento tiene? ¿Saber si escanean el QR de la entrada, de las mesas o el que tienes en el baño?

Códigos QR personalizados.

Que prefieres el papel...

¡Sin problema! Se puede crear una versión personalizada lista para imprimir 🙂

Versión impresa del menú online de Foodloose siam mall

Y ¿respecto al diseño?

El tema del diseño es un tanto personal, "para gustos los colores" se puede hacer prácticamente lo que uno quiera.

Otra disposición, otro tipo de letra... Otro menú

Por cierto,,, que sepas que el menú que he confeccionado para Foodloose lo puedes ver diferente según tengas configurada tu pantalla: Tema claro (por defecto) o tema oscuro. Un detallito de nada : )

¿Claro u Oscuro? según tengas configurado tu dispositivo 🙂

¿Cómo está hecho?

¡Con mucho amor 💖, pensando en el cliente final! : ) Y con WordPress. No busques el theme por ningún sitio, este me lo he currado yo. Son unas cuantas horas de escribir código, y realizar validaciones. Luego ver que el código se puede simplificar, volver a escribirlo y seguir haciendo pruebas.

Al principio lo había dejado listo. Pero pensé que podía mejorar la parte que no se veía, la que ven los buscadores y después de seguir escribiendo código y hacer pruebas de validación., he de decir que estoy bastante contento con el resultado.

  • Es rápido. 🏹
  • Es muy fácil de gestionar. ⌛🥰
  • Es accesible. 😎
  • Es 100% SEO compatible. 📣 🤗
  • Está validado por schema.org como página apta para generar resultados enriquecidos. 🧐🥇

Instalación

Se puede instalar en un subdominio, por ejemplo elmenu.nombredelrestaurante.com sin que afecte al funcionamiento de la web existente.

Si se puede instalar WordPress, se puede tener este menú.

Un ejemplo:

Puedes verlo online https://foodloose.estravagancia.com/

Puedes comprobar que valida, que no miento: https://validator.schema.org/#url=https%3A%2F%2Ffoodloose.estravagancia.com%2F

Y si quieres puedes comprobar su rendimiento y si es accesible también : )

A mi me ha dados estos resultados en modo incógnito en el test lighthouse de Chrome:


* El menú online cumple con los estándares de textos enriquecidos proporcionados por schema.org.

https://schema.org/Restaurant

https://schema.org/Menu

https://schema.org/MenuItem


Schema.org wikipedia



si se puede hacer mejor, hazlo
subir
load time : 0,200 & 72 queries