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

¿Le gustaría crear un menú de restaurantes en línea en WordPress? Distribuir el menú en su sitio web ayudará a convencer a más personas de pasar por su restaurante cuando las personas puedan verificar fácilmente la comida, las bebidas y los precios, es más probable que ordene o visite. En este artículo, le mostraremos cómo crear un menú de restaurantes en línea en WordPress, paso a paso.

¿Por qué necesita iniciar un sitio web de restaurantes antes de poder crear un menú de restaurantes en línea? Deberá configurar un sitio web. Si aún no tiene un sitio web, no se preocupe.
Puede iniciar fácilmente un sitio web usando WordPress, que es el mejor constructor de sitios web del mundo, utilizado por millones de pequeñas empresas, restaurantes, bares y cafés. Más del 42% de todos los sitios web en Internet usan WordPress. Lo mejor de todo es que puede comenzar a construir su sitio sin una gran inversión inicial. Lo primero que necesita es un nombre de dominio y alojamiento web. Hemos establecido un acuerdo con BlueHost, uno de los proveedores anfitriones recomendados por WordPress, para brindar a nuestros lectores una excelente oferta. Básicamente, recibe un nombre de dominio gratuito, un certificado SSL gratuito y un descuento del 60% en alojamiento web.
→ Haga clic aquí para obtener esta oferta exclusiva de Bluehost ← Más allá de alojamiento y un nombre de dominio, también necesita un tema de WordPress. Un tema es como una plantilla para su sitio web. Hay muchos temas excelentes para los restaurantes de WordPress que lo ayudarán a crear un sitio web profesional para alentar a sus clientes a ordenar. Si necesita ayuda para configurar el sitio de su restaurante, consulte nuestra guía paso a paso sobre cómo crear un sitio web. ¿Por qué crear un menú en línea en WordPress? Creando un menú en línea en su menú Si ofrece a los visitantes solo un menú PDF, entonces es difícil ver las opciones de comida que ofrece. Al crear un menú en línea en su sitio, ningún usuario necesita descargar su menú. La descarga de archivos PDF puede ser difícil de acuerdo con los planes de datos y la conexión a sus clientes. Una página de menú en su sitio web responderá a los dispositivos móviles y se verá bien en cada dispositivo, por lo que sus visitantes pueden leerlo fácilmente sin ampliar ni encogerse.
Lo mejor de todo, con una página de menú, puede editar fácilmente su menú e incluso agregar pedidos en línea. Los PDF son mucho más difíciles de editar y cargar cuando tiene que hacer cualquier menú o cambio de precio. Dicho esto, distribuiremos dos complementos diferentes de WordPress que pueden ayudarlo a agregar un menú de restaurantes en línea a WordPress. Simplemente use los enlaces rápidos a continuación para elegir el complemento que desea usar. Cree un menú de restaurantes en línea con SeedProd
Cree un menú de restaurantes en línea con el menú de comida
Método 1. Agregue un menú de restaurante a WordPress con SeedProd, recomendamos usar Seedprod para crear un menú de restaurantes en línea en WordPress. Es el mejor constructor de páginas de arrastrar y soltar de WordPress utilizados por más de 1 millón de sitios web.
Le permite crear un increíble menú de restaurantes con un constructor de arrastrar y soltar. Además, puede editar fácilmente su menú ya que están disponibles nuevas opciones de menú. Para este tutorial, puede usar la versión gratuita de SeedProd para crear su menú. Sin embargo, está disponible una versión Pro SEEDProd, que tiene más de 150 plantillas, esquemas de color, marketing de correo electrónico, caruses de imágenes, bloques de redes sociales y más. Lo primero que debe hacer es instalar y activar el complemento. Para obtener más detalles, consulte nuestra guía paso por paso sobre cómo instalar un complemento de WordPress.
Después de activar, navegue en las páginas de SeedProd “y luego haga clic en el botón” Agregar una nueva página de destino “.
Esto lo lleva a la pantalla de plantilla, donde puede seleccionar una plantilla de página. Hay docenas de plantillas para diferentes nichos y propósitos. Para elegir una plantilla, cruce el cursor sobre él y haga clic en el icono “BIF”. Puede elegir cualquier plantilla que desee, pero para este tutorial utilizaremos la plantilla “Página de venta de ventas”. Esto muestra una ventana emergente en la que puede dar un nombre a la página del nuevo menú. También puede editar la URL de la página. Simplemente llamamos a nuestra página de “menú”.
Luego, haga clic en “Guardar y comenzar a editar la página”.

Una vez que haya hecho esto, se le dirigirá a la pantalla del editor de la página. El lado derecho de la página es la vista previa y puede ser completamente personalizada. El lado izquierdo de la página tiene diferentes bloques y secciones que puede agregar a la página.

Primero, haga clic en el logotipo de la página. Esto mostrará un menú a la izquierda, donde puede cargar el logotipo del restaurante. Para agregar un nuevo logotipo, puede seguir el mismo proceso que agregar una imagen a WordPress.
Luego puede cambiar el botón del menú de navegación para volver a su página de inicio. De esta manera, cuando sus visitantes han terminado de ver el menú, pueden regresar a su sitio web.

Simplemente haga clic en el botón Menú de navegación, luego puede cambiar el texto y el enlace desde el menú a la izquierda.

Después de eso, puede eliminar la sección de contenido principal. Simplemente pase el mouse sobre el título de la página y haga clic en el icono “Limpiar el bloque”.

Luego puede hacer lo mismo para imágenes, texto y elementos de botones. Luego puede agregar un título para el título de su menú sacando el bloque “Título” sobre su página.
Al igual que los otros elementos, puede cambiar el tamaño del texto, el color y la fuente con el menú a la izquierda. Después de eso, puede editar la comida existente y puede reemplazarlas con su propio texto e imágenes. Primero, haga clic en la imagen y cargue su propia imagen con el menú a la izquierda.

Luego haga clic en el título actual para ingresar su propio texto. También puede cambiar el texto haciendo clic en él y agregando una descripción.

Una vez que haya cambiado el título y el texto, puede agregar un precio para el artículo. Simplemente extraiga el elemento de “texto” en su página y luego personalice el texto con el menú a la izquierda.

Luego, simplemente siga los mismos pasos que el anterior para el resto de los artículos en el menú del restaurante. Puede personalizar todas las secciones de la plantilla de página. Si desea agregar otra sección de menú del mismo estilo, pase el mouse sobre el elemento y haga clic en “Fila de duplicación”.
Esto hará una copia de la misma fila y la agregará directamente debajo. Siéntase libre de continuar personalizando el menú del restaurante. Puede personalizar completamente cada parte de la página, incluidos colores, dimensiones, fuentes y más. Si no desea agregar una foto para cada elemento, puede usar fácilmente un bloque de lista para agregar elementos del menú. Después de haber terminado de crear el menú de su restaurante en línea, haga clic en la flecha vertical junto al botón “Guardar” y seleccione “Publicar”.

El nuevo menú de restaurantes ahora está en vivo para los visitantes. Ahora puede agregar el menú del restaurante al menú de navegación y otras áreas de su blog de WordPress.

Método 2. Agregue un menú de restaurante al menú de WordPress con el menú de comida Este método implica usar el menú de alimentos: menú del restaurante y complemento para pedidos en línea. Este complemento le permite crear rápidamente un menú en línea en WordPress. También se integra con WooCommerce, por lo que puede dar a los visitantes la opción de realizar un pedido en línea. Lo primero que debe hacer es instalar y activar el complemento. Para obtener más detalles, consulte nuestra guía para principiantes sobre cómo instalar un complemento de WordPress. Después de la activación, navegue por el menú de alimentos »Agregar comida. En esta pantalla, puede ingresar el nombre del elemento del menú, la descripción y la imagen. Después de eso, asegúrese de hacer clic en el botón “Publicar” para guardar el elemento del menú.


Para agregar más elementos al menú, simplemente siga los mismos pasos que anteriormente. Una vez que haya terminado de agregar elementos a su menú de comida, es hora de agregar este menú a WordPress. Primero, debe acceder al menú de alimentos »Generador de código corto y luego hacer clic en el botón” Agregar nuevo “.

Luego puede darle al código corto un título para ayudarlo a recordar el tipo de elementos del menú que ha agregado. Luego puede personalizar cómo desea mostrar el menú.

Mantendremos las opciones predeterminadas, pero puede personalizar cómo se muestra el menú con la configuración en la sección “Apariencia”. Aquí puede seleccionar el número de elementos que se mostrarán en una fila.

En la pestaña “Filtrar”, puede elegir si desea mostrar un menú simple o si desea activar el pedido en línea. Para activar el pedido en línea, simplemente seleccione el botón de radio “WooCommerce”. También puede controlar qué artículos desea mostrar. Si tiene la intención de permitir que los clientes agregue alimentos en sus canastas y pagan, entonces debe agregar artículos en el menú como productos a su tienda WooCommerce. Para obtener más detalles sobre la adición de productos, consulte nuestra guía paso por paso sobre cómo iniciar una tienda en línea. Luego puede personalizar la información que se muestra para cada elemento haciendo clic en la pestaña “Selección de campo”.

A medida que verifica o desmarca las casillas, puede ver una vista previa de tiempo real de los cambios. Después de eso, puede cambiar la apariencia de los elementos del menú haciendo clic en la opción de menú “Styling”.

Después de haber terminado el menú personalizado, asegúrese de hacer clic en el botón “Publicar”. Esto no hará que su menú esté en vivo aún en su sitio, pero guardará el código corto que agregaremos a su sitio a continuación.

Ahora debe crear una página donde se mostrará el menú. Para hacer esto, navegue por las páginas »todas las páginas y luego haga clic en” Agregar un nuevo “.

Después de eso, puede darle a la página un título. Esto aparecerá a sus visitantes, por lo que querrá nombrarlo como un “menú”. Luego haga clic en el icono “+” para agregar un nuevo bloque.

Luego escriba “menú” en la barra de búsqueda. Luego seleccione el bloque “Menú de alimentos”.

Después de eso, debe seleccionar el código corto que acaba de crear en el menú desplegable. Esto ingresará a su menú en su página, haga clic en el botón “Publicar” o “Actualizar” para activar el menú. También puede agregar otros elementos a esta página, como texto, un formulario de contacto, su flujo de Instagram y más.

Ahora, cuando sus visitantes vean su menú, podrán ver elementos e incluso hacer un pedido si ha agregado la funcionalidad de WooCommerce. Independientemente del tamaño de la pantalla en la que se ve su menú, mostrará perfectamente los elementos del menú.

Esperaba que esta publicación lo ayudara a aprender cómo crear un menú de restaurantes en línea en WordPress. También recomendamos que veas nuestras opciones especializadas del mejor software de nómina de recursos humanos para pequeñas empresas o nuestra comparación con los mejores servicios telefónicos para pequeñas empresas. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para los tutoriales de video de WordPress. También puede encontrarnos en Twitter y Facebook.