Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo crear un menú de restaurante en línea en WordPress (paso a paso)

Crear un menú de restaurante online en WordPress es una forma inteligente de atraer a más clientes.

Cuando su menú está disponible en su sitio web, facilita que la gente decida visitar su restaurante o hacer un pedido en línea. Un menú bien diseñado puede hacer que su negocio destaque.

Sin embargo, muchos propietarios de restaurantes tienen dificultades para conseguir que su menú en línea sea perfecto. La parte técnica de WordPress puede resultar confusa, sobre todo si eres nuevo. Además, si el menú no es fácil de usar o parece anticuado, los clientes pueden sentirse frustrados y marcharse.

La buena noticia es que, con las herramientas adecuadas y un poco de orientación, puede crear un menú de restaurante en línea que impresione a sus clientes.

En este artículo, te mostraremos paso a paso cómo crear el menú de un restaurante online en WordPress. Aprenderás a mostrar tus platos de forma que atraigan a la gente y te resulte fácil mantenerlos actualizados.

How to create an online restaurant menu in WordPress (step by step)

¿Qué se necesita para crear un sitio web de restaurante?

Antes de crear un menú de restaurante en línea, tendrá que establecer un sitio web. Si aún no tienes sitio web, no te preocupes.

Puedes crear fácilmente un sitio web con WordPress, que es el mejor maquetador de sitios web del mundo, utilizado por millones de pequeñas empresas, restaurantes, bares y cafeterías. Más del 43% de todos los sitios web de Internet utilizan WordPress.

Lo mejor de todo es que puede empezar a crear su sitio web sin una gran inversión inicial.

Lo primero que necesitas es un nombre de dominio y alojamiento web. Hemos llegado a un acuerdo con Bluehost, uno de los proveedores de alojamiento recomendados por WordPress, para ofrecer a nuestros lectores una gran oferta.

Obtendrá un nombre de dominio gratuito, un certificado SSL gratuito y un gran descuento en alojamiento web.

Alternativa: También recomendamos Hostinger. Sus planes también incluyen un nombre de dominio gratuito y SSL con un generoso descuento.

Además del alojamiento y el nombre de dominio, también necesitarás un tema para WordPress. Un tema es como una plantilla para tu sitio web.

Hay toneladas de grandes temas de WordPress restaurante para ayudarle a crear un sitio web profesional que animará a sus clientes a realizar un pedido / orden.

Si necesita ayuda, puede consultar nuestra guía paso a paso sobre cómo crear fácilmente un sitio web de restaurante con WordPress.

¿Por qué crear un menú en línea en WordPress?

La creación de una página de menú de restaurante en línea en su sitio de WordPress le permite crear una mejor experiencia para sus visitantes y clientes potenciales.

Cuando un visitante entra en la página web de su restaurante, lo primero que suele mirar es el menú.

Si sólo ofrece a los visitantes un menú en PDF, les dificultará ver sus opciones de comida. Además, la descarga de archivos PDF puede resultar complicada, dependiendo de los conocimientos tecnológicos, los planes de datos y las conexiones de los clientes.

A hard to read PDF menu

Al crear un menú en línea en su sitio web, sus usuarios no tendrán que descargarlo.

Además, la página de menú de su sitio web será adaptable a dispositivos móviles y tendrá un buen aspecto, para que sus visitantes puedan leerla fácilmente sin necesidad de ampliarla o reducirla.

Lo mejor de todo es que, con una página de menú, puede editar fácilmente su menú e incluso añadir pedidos en línea. En cambio, usar PDF es mucho más difícil de editar y cargar cuando necesitas hacer cambios en el menú o en los precios.

Con esto en mente, vamos a compartir 2 diferentes plugins de WordPress que pueden ayudarle a añadir un menú de restaurante en línea a WordPress. Puede utilizar los enlaces rápidos a continuación para elegir el plugin que desea utilizar:

¿Preparados? Empecemos.

Método 1: Añadir un menú de restaurante a WordPress con SeedProd

Recomendamos usar SeedProd para crear un menú de restaurante online en WordPress. Es el mejor editor de arrastrar y soltar páginas de WordPress, utilizado por más de 1 millón de sitios web.

SeedProd's homepage

SeedProd le permite crear un menú de restaurante impresionante utilizando un constructor de arrastrar y soltar. Además, puede editar fácilmente su menú a medida que cambia, y nuevas opciones de menú están disponibles.

Para este tutorial, puede utilizar la versión gratuita de SeedProd para crear su menú. Sin embargo, hay disponible una versión pro de Se edProd que cuenta con más de 320 plantillas, esquemas de color, integraciones de marketing por correo electrónico, carruseles de imágenes, bloques de medios sociales y mucho más.

Lo primero que tienes que hacer es instalar y activar el plugin SeedProd. Si necesitas ayuda, no dudes en consultar nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, vamos a navegar a SeedProd ” Páginas y haga clic en el botón “Añadir nueva página de destino”.

Add new SeedProd landing page

Esto le lleva a la pantalla de plantillas, donde puede seleccionar una plantilla de página.

Hay docenas de plantillas para diferentes nichos y propósitos, incluso para sitios web de restaurantes.

Para elegir una plantilla, sitúese sobre ella y haga clic en el icono “Marca de verificación”. Puedes elegir la plantilla que quieras, pero para este tutorial utilizaremos la plantilla ‘Página de ventas de cenas’.

Select landing page template

Se abrirá una ventana emergente en la que puedes nombrar tu nueva página de menú y editar su URL. Por ejemplo, simplemente llamaremos a nuestra página ‘Menú’.

A continuación, haga clic en el botón “Guardar y empezar a editar la página”.

Name landing page

Una vez hecho esto, accederá a la pantalla del editor de páginas.

La parte derecha de la página es la vista previa y se puede personalizar completamente. La parte izquierda de la página tiene diferentes bloques y secciones que puedes añadir a la página.

SeedProd landing page template example

Empecemos por personalizar el logotipo, para lo que deberás hacer clic en el logotipo de la página. El panel de la izquierda te mostrará las opciones de personalización, donde podrás subir el logotipo de tu restaurante.

Para añadir un nuevo logotipo, puede seguir el mismo proceso que para añadir una imagen a WordPress.

Change menu logo

A continuación, puede cambiar el botón del menú de navegación para que vuelva a su página de inicio. De esta forma, cuando tus visitantes terminen de ver el menú, podrán volver a tu sitio web.

Puede cambiar el texto y el enlace del menú de la izquierda simplemente haciendo clic en el botón del menú de navegación.

Change menu navigation button

Después, puede borrar la sección de contenido principal.

Basta con pasar el cursor sobre el titular de la página y hacer clic en el icono “Borrar bloque”.

Delete existing sections

A continuación, puede hacer lo mismo con los elementos de imagen, texto y botón.

A continuación, puedes añadir un titular para el título de tu menú arrastrando el bloque “Titular” a tu página. Al igual que el resto de elementos, el menú de la izquierda te mostrará las opciones de personalización.

Add menu headline

Después, puede editar los elementos / artículos existentes y sustituirlos por su propio texto e imágenes.

Para ello, primero puede hacer clic en la imagen y cargar su propia imagen utilizando el menú de la izquierda.

Add menu item image

A continuación, hagamos clic en el titular actual para escribir la descripción de su menú.

Puedes cambiar el texto pulsando sobre él.

Change menu item text

Una vez que haya cambiado el titular y el texto, puede añadir el precio del elemento / artículo.

Simplemente arrastre el elemento “Texto” a su página y luego personalice el texto con el menú de la izquierda.

Add menu item price

A continuación, sólo tiene que seguir los mismos pasos anteriores para el resto de elementos del menú de su restaurante.

Si desea añadir otra sección de menú con el mismo estilo, pase el ratón por encima del elemento y haga clic en “Duplicar fila”.

Esto hará una copia de la misma fila y la añadirá justo debajo.

Duplicate section

No dude en seguir personalizando el menú de su restaurante. Puede personalizar completamente cada parte de la página, incluidos los colores, el tamaño, las fuentes y mucho más.

Si no desea añadir una foto para cada elemento, puede añadir fácilmente elementos de menú mediante un bloque de lista.

Una vez que hayas terminado de crear el menú de tu restaurante online, puedes hacer clic en la flecha desplegable situada junto al botón “Guardar” y seleccionar “Publicar”.

Publish menu live

El nuevo menú de su restaurante ya está disponible para sus visitantes.

Ahora, puede añadir el menú de su restaurante al menú de navegación y a otras áreas de su sitio web.

WordPress restaurant menu

Método 2: Añadir un menú de restaurante a WordPress con menú de comida

Este método utiliza el Food Menu – Restaurant Menu & Online Ordering plugin. Este plugin le permite crear rápidamente un menú en línea en WordPress.

También se integra con WooCommerce, por lo que puede dar a sus visitantes la opción de realizar un pedido / orden en línea.

Food Menu's banner in the WordPress plugin directory

Lo primero que debe hacer es instalar y activar el plugin Food Menu – Restaurant Menu & Online Ordering. Para obtener instrucciones detalladas, puede consultar nuestra guía para principiantes sobre cómo instalar un plugin de WordPress.

Tras la activación, tendrás que ir a Menú Comida ” Añadir Comida.

Add new menu item

En esta pantalla puede introducir el nombre, la descripción y la imagen del elemento de menú.

A continuación, haga clic en el botón “Actualizar” o “Publicar” para guardar el elemento de menú.

Publish new menu item

Para añadir más elementos a su menú, sólo tiene que seguir los pasos anteriores.

Una vez que haya terminado de añadir artículos a su menú de comida, es el momento de añadirlo a su sitio web.

En primer lugar, vamos a Food Menu ” ShortCode Generator y haga clic en el botón “Add New”.

Go to shortcode generator

A continuación, querrás dar a tu shortcode un título que te ayude a recordar el tipo de elementos de menú que has añadido.

A continuación, puede personalizar cómo desea que se muestre su menú.

Name your menu shortcode

Mantendremos las opciones por defecto, pero usted puede personalizar cómo se muestra el menú con los ajustes de la sección “Disposición”.

Aquí puede seleccionar el número de elementos que desea mostrar por fila.

Change shortcode layout

En la pestaña “Filtrado”, puede elegir si desea mostrar un menú sencillo o activar los pedidos en línea.

Para activar el pedido / orden en línea, simplemente seleccione el botón de radio ‘WooCommerce’. También puede controlar qué elementos / artículos desea mostrar.

Shortcode filtering

Si planea permitir a los clientes añadir artículos de comida a sus carritos y pagar, necesita añadir sus artículos de menú como productos en su tienda WooCommerce.

Para más detalles sobre cómo añadir productos, consulte nuestra guía paso a paso sobre cómo crear una tienda online.

A continuación, puede personalizar la información que aparece para cada elemento haciendo clic en la pestaña “Selección de campos”.

Field selection shortcode

A medida que marque o desmarque las casillas, podrá ver una vista previa en tiempo real de los cambios.

Si desea cambiar el aspecto de los elementos del menú, puede pasar a la pestaña “Estilo”.

Shortcode styling

Una vez que haya terminado, asegúrese de hacer clic en el botón “Publicar”.

Esto no hará que su menú en vivo en su sitio todavía, pero se guardará el código corto que vamos a añadir a continuación.

Publish menu shortcode

Ahora, necesita crear una página donde se mostrará su menú.

Para ello, vaya a Páginas ” Todas las páginas y haga clic en “Añadir nueva”.

Add page for menu

Después de eso, puedes darle un título a tu página. Esto aparecerá a sus visitantes, por lo que querrá nombrarlo algo obvio, como ‘Menú’.

A continuación, haz clic en el icono “+” para añadir un nuevo bloque.

Add menu page block

En la barra de búsqueda, escribamos “Menú” para encontrar rápidamente el bloque “Menú de comida”.

A continuación, puede seleccionar el bloque “Menú de comida” cuando aparezca.

Select food menu block

El siguiente paso es seleccionar el shortcode que ha creado en el menú desplegable.

Esto insertará su menú en su página.

Select menu shortcode

A continuación, basta con hacer clic en el botón “Publicar” o “Actualizar” para activar el menú.

También puede añadir otros elementos a esta página, como texto, un formulario de contacto, su feed de Instagram, etc.

Publish new menu

Ahora, cuando tus visitantes vean tu menú, podrán ver elementos / artículos e incluso realizar un pedido si añades la funcionalidad de WooCommerce.

Independientemente del tamaño de la pantalla en la que se visualice el menú, éste se mostrará perfectamente.

WordPress menu example

Consejo adicional: Herramientas para promocionar el sitio web de su restaurante

Ahora que ha establecido el sitio web de su restaurante con una página de menú, puede que desee promocionarlo para hacer crecer su negocio.

A continuación se enumeran algunas de las mejores herramientas para ayudarle a promocionar y hacer crecer su negocio de restauración:

  • All in One SEO para WordPress -El mejor plugin SEO para WordPress que te ayuda a optimizar el SEO de tu sitio web para obtener más tráfico de búsqueda. Su función ‘Local SEO’ ayuda a la gente a encontrar tu restaurante en Google Maps y en los resultados de búsqueda locales.
  • WPForms – Es el mejor plugin constructor de formularios para WordPress, que le permite crear cualquier formulario para su sitio web. Estos incluyen formularios de contacto, formularios de comentarios, formularios de encuestas de clientes y mucho más.
  • OptinMonster – Le ayuda a convertir a los visitantes de su sitio web en suscriptores y clientes. Puedes usarlo para hacer crecer tu lista de correo electrónico y seguidores en redes sociales, mostrar mensajes dirigidos a clientes y mucho más.
  • PushEngage – Le ayuda a enviar avisos instantáneos a los visitantes de su sitio web, independientemente del tipo de dispositivo que utilicen. También le ayuda a enviar mensajes dirigidos a clientes y hacer que vuelvan a su sitio web.
  • MonsterInsights – El mejor plugin de Google Analytics para WordPress. Le permite realizar un seguimiento de dónde vienen los visitantes de su sitio web y lo que hacen en su sitio web.

Para obtener más recomendaciones de plugins, puede consultar nuestra selección de plugins de WordPress imprescindibles para sitios web de empresas.

Esperamos que esta entrada te haya ayudado a aprender cómo crear un menú de restaurante online en WordPress. A continuación, puede que también quieras ver nuestras guías sobre cómo crear un blog de comida y cómo hacer tarjetas de recetas.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

1 comentarioDeja una respuesta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.