Guías

Cómo crear una web para restaurante: menú, horarios, reservas y pedidos

Una buena web de restaurante responde en segundos a cinco preguntas: qué hay en la carta, cuánto cuesta, cuál es el horario, dónde estáis y cómo reservar o pedir. Puedes crearla tú mismo con un creador de webs con IA: describes el restaurante, pegas la carta y los horarios reales, y eliges si las reservas y los pedidos pasan por tu propia web o por un servicio que ya uses. La mayor parte del esfuerzo está en mantener esa información exacta, no en el diseño.

Lo que necesita una web de restaurante

La mayoría de los visitantes llegan desde el móvil, a menudo mientras deciden dónde comer en ese momento. Diseña primero para esa persona.

ImprescindiblePor qué
Carta en formato webEl motivo principal de la visita. Incluye precios e indicaciones de dieta.
HorarioIncluyendo cierres festivos y la hora de cierre de cocina si es distinta
Dirección y enlace al mapaDirección en texto plano y un enlace que abra la app de mapas del móvil
Teléfono para llamar con un toqueMucha gente sigue llamando para reservar mesa o preguntar
Botón de reservar o pedirVisible sin hacer scroll, en todas las páginas
Fotos realesDe los platos y del local, no imágenes de archivo
DeseableCuándo merece la pena
Reservas en líneaRecibes muchas reservas y el teléfono se satura
Pedidos en línea para recoger o a domicilioTienes un volumen importante de comida para llevar
Formulario de consultas para eventos o reservas privadasOrganizas grupos, fiestas o catering
Tarjetas regaloTienes una clientela fiel y habitual
Suscripción al boletínOrganizas ofertas, noches de degustación o cartas de temporada
Carta en más de un idiomaEstás en una zona turística

Decisiones antes de empezar

Cómo vas a actualizar la carta

Esta es la decisión que más importa con el tiempo. Una carta desactualizada hace que la gente se vaya molesta. Tienes tres opciones:

  1. Carta escrita en la propia página. Lo más sencillo. La cambias editando la web (con un creador con IA, pidiéndolo en el chat). Vale si la carta cambia unas pocas veces al año.
  2. Carta guardada en una base de datos con una página de administración. El personal entra y edita platos, precios y marcas de «agotado» sin tocar el diseño. Compensa si la carta cambia cada semana o si tienes platos del día.
  3. Carta conectada a tu TPV. Posible si tu TPV tiene una API, pero es un proyecto de integración real. Hazlo solo si mantener dos cartas sincronizadas ya te da problemas.

Cómo funcionan las reservas

OpciónIdeal paraCompromiso
Enlazar a una plataforma de reservas que ya usesRestaurantes con mucha actividad y necesidades de gestión de mesasCuotas mensuales o cargos por comensal en algunas plataformas; su marca
Formulario sencillo («mesa para 4, viernes a las 20:00») guardado en una base de datos y confirmado por teléfono o correoLocales pequeños, cafeterías, reservas ocasionalesConfirmas cada una a mano
Sistema de reservas propio con disponibilidad de mesas en tiempo realRestaurantes con normas especiales (turnos fijos, menús de degustación, depósitos)Mucho más que construir y probar: aforo, no presentados, cancelaciones

Empezar con un formulario de solicitud suele ser la mejor respuesta. Es rápido de construir y así descubres cuántas reservas recibes realmente en línea antes de pagar o construir más. Nuestra guía sobre cómo crear una app de reservas explica la disponibilidad y los depósitos si los necesitas.

Cómo funcionan los pedidos

  • Enlazar a las apps de reparto. No requiere desarrollo, y ellas traen sus propios clientes. Pagas su comisión.
  • Pedidos por teléfono. Un botón claro de «llama para pedir» sigue funcionando muy bien en muchos locales de comida para llevar.
  • Tu propio sistema de pedidos para recoger. Una carta con añadir a la cesta, un pago a través de un proveedor como Stripe, y una pantalla de pedidos o un correo para la cocina. Evita la comisión por pedido, pero es un proyecto serio: opciones de los platos («sin cebolla», tamaños), reglas de horario, platos agotados, devoluciones y alguien que vigile los pedidos nuevos durante el servicio. Consulta cómo crear una tienda en línea y cómo añadir pagos a tu app antes de decidirte.

Construirla paso a paso

Paso 1: reúne primero el contenido real

Antes de abrir cualquier herramienta, recopila:

  • La carta actual en texto (una lista escrita es mejor que una foto de la carta impresa)
  • Indicaciones de dieta: vegetariano, vegano, sin gluten, y las notas de alérgenos de las que estés seguro
  • Horario, horario de cocina y cierres festivos conocidos
  • Dirección, teléfono, correo, y notas sobre aparcamiento o transporte
  • Entre 6 y 15 buenas fotos: platos estrella, el local, la fachada para que la gente la reconozca
  • Dos o tres frases sobre el sitio: la cocina, el dueño, lo que lo distingue

El contenido real produce una primera versión mejor que el texto de relleno, y te ahorra reescribir después.

Paso 2: escribe el primer prompt

Describe el restaurante, las páginas y lo que el visitante debe poder hacer:

Crea una web para Nonna Rosa, una trattoria italiana de gestión familiar en Leeds. Páginas: inicio, carta, nosotros y cómo llegar. La carta se agrupa en antipasti, pasta, platos principales y postres, con precios en libras y etiquetas pequeñas para vegetariano y sin gluten; te pegaré la lista completa a continuación. Muestra el horario de hoy en la parte superior de la página de inicio. Cómo llegar tiene la dirección, un enlace al mapa, notas de aparcamiento y un teléfono que se pueda pulsar para llamar. Añade un formulario «Reservar mesa» (nombre, teléfono, número de personas, fecha, hora, notas) que guarde las solicitudes en una base de datos, y una página de administración sencilla donde pueda verlas. Aspecto cálido y rústico con crema y rojo intenso. Debe verse muy bien en el móvil.

Después, pega la carta en el siguiente mensaje. Separar el contenido de la estructura hace que cada paso sea más fácil de revisar.

Paso 3: compruébala en el móvil, como lo haría un cliente con hambre

Abre la vista previa a tamaño móvil y comprueba tú mismo: ¿encuentras la carta, el horario de hoy y el teléfono en menos de diez segundos cada uno? Pulsa el teléfono y el enlace al mapa. Envía una reserva de prueba y encuéntrala en la página de administración.

Paso 4: añade fotos y cuida la velocidad

Las fotos grandes son el motivo más habitual por el que las webs de restaurantes cargan despacio. Pide que las imágenes se redimensionen y comprimen, y evita los vídeos de fondo con reproducción automática: consumen mucho datos en el móvil y, además, a menudo no se reproducen en los teléfonos.

Paso 5: date a conocer en tu zona

En los restaurantes, buena parte del tráfico de búsqueda llega desde los resultados del mapa y los listados locales, no solo desde tu web.

  • Pon a cada página un título y una descripción claros («Nonna Rosa | Restaurante italiano en Leeds»).
  • Mantén tu nombre, dirección y teléfono idénticos en la web, en tu perfil de Google Business y en el resto de listados.
  • Pon la carta en la página como texto para que los buscadores puedan leer los nombres de los platos.
  • Enlaza tu web desde tus listados y tus perfiles en redes sociales.

Algunos creadores con IA generan apps de una sola página que se renderizan en el navegador, que los buscadores leen peor que el HTML normal. En una web de restaurante, pide una configuración estática o renderizada en el servidor si te importa la búsqueda. Nuestra guía sobre SEO para webs creadas con IA profundiza en ello.

Paso 6: publica en tu propio dominio

Publica la web y conecta un dominio que coincida con tu nombre (consulta cómo conectar un dominio propio). Actualiza tus listados, cartas y redes sociales con la nueva dirección.

Errores habituales

  • Una carta en PDF. Difícil de leer en el móvil, invisible para los buscadores y tiende a quedarse desactualizada.
  • Horarios incorrectos. La forma más rápida de perder a un cliente. Actualiza la web el mismo día que cambies el horario o cierres por un festivo.
  • Ocultar el teléfono en el pie de página o detrás de un formulario de contacto.
  • Fotos de archivo. La gente quiere ver tu comida y tu local.
  • Afirmaciones sobre alérgenos que no puedes garantizar. Indica solo lo que tu cocina puede garantizar, y pide a la gente que consulte al personal sobre sus alergias.
  • Crear el sistema de pedidos antes de necesitarlo. Un sistema a medio funcionar es peor que un botón de «llama para pedir».

Cuánto cuesta

Para una web sencilla pagas un dominio (que se factura anualmente a través del registrador) y el alojamiento. Un creador de webs o uno con IA sustituye la mayor parte del coste de diseño y desarrollo si lo haces tú mismo. Los costes que crecen son los complementos: las plataformas de reservas, los servicios de pedidos en línea y las comisiones de pago tienen sus propias tarifas, y un sistema de pedidos a medida tiene costes de mantenimiento y tu tiempo para cuidarlo. Compara cada complemento con lo que sustituye: un formulario de reservas que te ahorra diez llamadas por noche durante el servicio vale más que una función que nadie usa.

Cuándo es mejor un producto ya hecho

  • Tu TPV ya ofrece pedidos en línea o una web. Muchos sistemas de punto de venta para restaurantes incluyen páginas de pedidos que envían directamente a la cocina. Usarlo suele ser más sencillo que construir el tuyo.
  • Necesitas una gestión completa de mesas. Las plataformas de reservas especializadas gestionan planos, listas de espera, seguimiento de no presentados e historial de clientes. No las reconstruyas.
  • Solo quieres cambiar el texto, siempre. Una plantilla estándar de un constructor web puede bastar.

Crea la tuya cuando quieras una web que parezca tu restaurante y no una plantilla, cuando quieras una carta que tu personal pueda editar fácilmente, o cuando un flujo sencillo de reservas o consultas te ahorre tiempo de teléfono. Para la versión general de esta guía, consulta cómo crear una web para pequeños negocios.

Crearla con Mythex

Mythex es un creador de apps con IA: describes el restaurante, pegas la carta y la web se construye en una vista previa en vivo que puedes revisar a tamaño móvil. Cuando pides un formulario de reservas o una carta editable, añade una base de datos al proyecto; las fotos subidas usan el almacenamiento de archivos del proyecto. Puedes publicar en el plan gratuito en una dirección tunombre.mythex.app y conectar tu propio dominio en el plan Pro. Mythex no incluye un producto propio de reservas ni de pedidos: para los pagos traes tu propia cuenta de Stripe, y los correos de confirmación usan un proveedor de correo que tú eliges.

Para empezar, puedes mirar la plantilla de web de restaurante italiano, la página del creador de webs de restaurante con IA o la documentación sobre cómo crear una página de reservas y SEO para tu app publicada.

Preguntas

¿Qué debe incluir la web de un restaurante?

Como mínimo: la carta con precios, el horario, la dirección con un enlace al mapa, un teléfono que se pueda pulsar para llamar y una forma clara de reservar o pedir. Después vienen las buenas fotos de platos reales y del local.

¿Debo poner la carta del restaurante en línea como PDF?

Es mejor una página web normal. La carta en web es más fácil de leer en el móvil, carga más rápido, la pueden encontrar los buscadores y es más rápida de actualizar que volver a exportar un PDF cada vez que cambia un precio.

¿Necesito mi propio sistema de pedidos en línea?

Normalmente no al principio. Enlazar a las apps de reparto o al servicio de pedidos que ya usas es más sencillo. Tu propio sistema de pedidos compensa cuando las comisiones se acumulan o cuando quieres que los pedidos para recoger lleguen directamente a ti, pero necesita un flujo de cocina además de una web.

¿Cuánto cuesta la web de un restaurante?

Una web sencilla puede costar poco más que el dominio y el alojamiento si la construyes tú mismo con un creador web con IA o un constructor de webs. Los costes suben cuando añades pedidos en línea, pagos y un sistema de reservas, o cuando contratas a un diseñador.

Mythex · Pricing · Crea lo que quieras con IA · Plantillas de sitios web y apps · Mythex comparado · Glosario de creación de apps con IA · Herramientas gratuitas para crear apps con IA · English

English አማርኛ العربية Български বাংলা Bosanski Català Čeština Dansk Deutsch Ελληνικά Español Eesti فارسی Suomi Français Français (Canada) ગુજરાતી हिन्दी Hrvatski Magyar Հայերեն Bahasa Indonesia Íslenska Italiano 日本語 ქართული Қазақ тілі ಕನ್ನಡ 한국어 Lietuvių Latviešu Македонски മലയാളം Монгол मराठी Bahasa Melayu မြန်မာ Norsk bokmål Nederlands ਪੰਜਾਬੀ Polski Português (Brasil) Português (Portugal) Română Русский Slovenčina Slovenščina Soomaali Shqip Srpski Svenska Kiswahili தமிழ் తెలుగు ไทย Tagalog Türkçe Українська اردو Tiếng Việt 简体中文 繁體中文(香港) 繁體中文(台灣)