¿Quieres crear un menú de restaurante online en WordPress?

Compartir su menú en su sitio web ayudará a convencer a más personas para que pasen por su restaurante. Cuando las personas pueden consultar fácilmente la comida, las bebidas y los precios, es más probable que hagan un pedido o una visita.

En este artículo, le mostraremos cómo crear un menú de restaurante en línea en WordPress, paso a paso.

Lo que necesita para iniciar un sitio web de restaurante

Antes de poder crear un menú de restaurante 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 utilizando WordPress, que es el mejor creador de sitios web del mundo utilizado por millones de pequeñas empresas, restaurantes, bares y cafeterías. Más del 42% de todos los sitios web en Internet utilizan WordPress.

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

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

Básicamente, obtienes un nombre de dominio gratis, un certificado SSL gratis y un 60% de descuento en alojamiento web.

→ Haga clic aquí para obtener esta oferta exclusiva de Bluehost

Más allá del alojamiento y un nombre de dominio, también necesita un tema de WordPress. Un tema es como una plantilla para su sitio web.

Hay toneladas de excelentes temas de restaurantes de WordPress para ayudarlo a crear un sitio web profesional que alentará a sus clientes a realizar un pedido.

Si necesita ayuda para configurar el sitio web 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?

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

Cuando un visitante llega al sitio web de su restaurante, lo primero que suele mirar es su menú. Si solo ofrece a los visitantes un menú en PDF, les resultará difícil ver las opciones de alimentos que ofrece.

Al crear un menú en línea en su sitio web, sus usuarios no necesitan descargar su menú. La descarga de archivos PDF puede resultar difícil según la conexión y los planes de datos de sus clientes.

Además, una página de menú en su sitio web responderá a los dispositivos móviles y se verá bien en todos los dispositivos, por lo que sus visitantes pueden leerla fácilmente sin acercar o alejar la imagen.

Lo mejor de todo es que con una página de menú, puede editar fácilmente su menú e incluso agregar pedidos en línea. Los archivos PDF son mucho más complicados de editar y cargar cuando necesitas hacer cambios en el menú o en los precios.

Dicho esto, vamos a compartir dos WordPress diferentes plugins que puede ayudarlo a agregar un menú de restaurante en línea a WordPress. Simplemente use los enlaces rápidos a continuación para elegir el plugin desea utilizar.

Método 1. Agregue un menú de restaurante a WordPress con SeedProd

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

Te permite crear un impresionante menú de restaurante usando un generador de arrastrar y soltar. Además, puede editar fácilmente su menú a medida que cambia y hay nuevas opciones de menú disponibles.

Para este tutorial, puede utilizar el versión gratuita de SeedProd para crear su menú. Sin embargo, un versión pro de SeedProd está disponible con más de 150 plantillas, esquemas de color, integraciones de marketing por correo electrónico, carruseles de imágenes, bloques de redes sociales y mucho más.

Lo primero que debe hacer es instalar y activar el plugin. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un WordPress. plugin.

Tras la activación, navegue hasta SeedProd »Páginas y luego haga clic en el botón ‘Agregar nueva página de destino’.

Agregar nueva página de inicio de SeedProd

Esto le lleva a la pantalla de la plantilla, donde puede seleccionar una plantilla de página. Hay docenas de plantillas para diferentes nichos y propósitos.

Para elegir una plantilla, coloque el cursor sobre ella y haga clic en el icono «Marca de verificación». Puede elegir la plantilla que desee, pero para este tutorial, usaremos la plantilla ‘Página de ventas de cena’.

Seleccionar plantilla de página de destino

Esto abre una ventana emergente donde puede darle un nombre a su nueva página de menú. También puede editar la URL de la página. Simplemente estamos llamando a nuestra página «Menú».

Luego, haga clic en el botón ‘Guardar y comenzar a editar la página’.

Nombre de la página de destino

Una vez que haya hecho eso, será llevado a la pantalla del editor de página.

El lado derecho de la página es la vista previa y se puede personalizar por completo. El lado izquierdo de la página tiene diferentes bloques y secciones que puede agregar a la página.

Ejemplo de plantilla de página de destino de SeedProd

Primero, haga clic en el logotipo de la página.

Aparecerá un menú a la izquierda donde puede cargar el logotipo de su restaurante. Para agregar un nuevo logotipo, puede seguir el mismo proceso que para agregar una imagen a WordPress.

Cambiar el logotipo del menú

A continuación, puede cambiar el botón del menú de navegación para volver a su página de inicio. De esa manera, cuando sus visitantes terminen de ver el menú, pueden regresar a su sitio web.

Simplemente haga clic en el botón del menú de navegación y luego podrá cambiar el texto y el enlace en el menú de la izquierda.

Cambiar el botón de navegación del menú

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

Simplemente coloque el cursor sobre el título de la página y haga clic en el icono ‘Eliminar bloque’.

Eliminar secciones existentes

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

A continuación, puede agregar un título para el título de su menú arrastrando el bloque ‘Título’ a su página.

Agregar título de menú

Al igual que los otros elementos, puede cambiar el tamaño, el color y la fuente del texto con el menú de la izquierda.

Después de eso, puede editar los alimentos existentes y reemplazarlos con su propio texto e imágenes.

Primero, haga clic en la imagen y cargue su propia imagen con el menú de la izquierda.

Agregar imagen de elemento de menú

A continuación, 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.

Cambiar el texto del elemento del menú

Una vez que haya cambiado el título y el texto, puede agregar un precio para el artículo.

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

Agregar precio de elemento de menú

Luego, simplemente siga los mismos pasos anteriores para el resto de los elementos del menú de su restaurante.

Puede personalizar todas las secciones de la plantilla de página.

Si desea agregar otra sección de menú con el mismo estilo, coloque el cursor sobre el elemento y haga clic en ‘Duplicar fila’.

Sección duplicada

Esto hará una copia de la misma fila y la agregará directamente debajo.

Siéntase libre de seguir haciendo personalizaciones en el menú de su restaurante. Puede personalizar completamente cada parte de la página, incluidos los colores, el tamaño, las fuentes y más.

Si no desea agregar una foto para cada elemento, puede usar fácilmente un bloque de lista para agregar elementos de menú.

Una vez que haya terminado de crear el menú de su restaurante en línea, haga clic en la flecha desplegable junto al botón «Guardar» y seleccione «Publicar».

Publicar menú en vivo

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

Ahora, puede agregar el menú de su restaurante a su menú de navegación y otras áreas de su blog de WordPress.

Menú de restaurante de WordPress

Método 2. Agregar un menú de restaurante a WordPress con menú de comida

Este método implica el uso de Menú de comida: menú de restaurante y pedidos en línea plugin. Esta plugin le permite crear rápidamente un menú en línea en WordPress.

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

Lo primero que debe hacer es instalar y activar el plugin. Para obtener más detalles, consulte nuestra guía para principiantes sobre cómo instalar un WordPress. plugin.

Tras la activación, navegue hasta Menú de comida »Agregar comida.

Agregar nuevo elemento de menú

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

Después de eso, asegúrese de hacer clic en el botón ‘Publicar’ para guardar su elemento de menú.

Publicar un nuevo elemento de menú

Para agregar más elementos a su menú, simplemente siga los mismos pasos anteriores.

Una vez que haya terminado de agregar elementos a su menú de comida, es hora de agregar este menú a WordPress.

Primero, debes ir a Menú de comida »Generador de códigos cortosy luego haga clic en el botón ‘Agregar nuevo’.

Ir a shortcode generador

A continuación, puede dar su shortcode un título para ayudarlo a recordar el tipo de elementos de menú que agregó.

Luego, puede personalizar cómo desea que se muestre su menú.

Nombra tu menú shortcode

Mantendremos las opciones predeterminadas, pero puede personalizar cómo se muestra el menú con la configuración en la sección ‘Diseño’.

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

Cambio shortcode diseño

En la pestaña ‘Filtrado’, puede elegir si desea mostrar un menú simple o si desea habilitar los pedidos en línea.

Para activar los pedidos en línea, simplemente seleccione el botón de opción ‘WooCommerce’. También puede controlar qué elementos desea mostrar.

Filtrado de shortcode

Si planea permitir que los clientes agreguen alimentos a sus carritos y paguen, debe agregar los elementos de su menú como productos en su tienda WooCommerce.

Para obtener más detalles sobre cómo agregar productos, consulte nuestra guía paso a paso sobre cómo iniciar una tienda en línea.

A continuación, puede personalizar la información que se muestra para cada elemento haciendo clic en la pestaña ‘Selección de campo’.

Selección de campo shortcode

Al marcar o desmarcar las casillas, puede ver una vista previa en tiempo real de cómo se verán los cambios.

Después de eso, puede cambiar la apariencia de los elementos de su menú haciendo clic en la opción de menú ‘Estilo’.

Menú de estilo de código corto

Una vez que haya terminado de personalizar cómo se muestran los elementos de su menú, asegúrese de hacer clic en el botón «Publicar».

Esto no hará que su menú esté activo en su sitio todavía, pero guardará el shortcode que agregaremos a su sitio web a continuación.

Publicar menú shortcode

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

Para hacer esto, navegue hasta Páginas »Todas las páginas y luego haga clic en ‘Agregar nuevo’.

Agregar página para el menú

Después de eso, puedes darle un título a tu página. Esto se mostrará a sus visitantes, por lo que querrá ponerle un nombre como «Menú».

Luego, haga clic en el ícono ‘+’ para agregar un nuevo bloque.

Agregar bloque de página de menú

A continuación, escriba «Menú» en la barra de búsqueda.

Luego, seleccione el bloque ‘Menú de comida’.

Seleccionar bloque de menú de comida

Después de eso, debe seleccionar el shortcode que acaba de crear en el menú desplegable.

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

Seleccione el menú shortcode

Luego, haga clic en el botón ‘Publicar’ o ‘Actualizar’ para que su menú esté activo.

También puede agregar otros elementos a esta página como texto, un formulario de contacto, su feed de Instagram y más.

Publicar nuevo menú

Ahora, cuando sus visitantes vean su menú, podrán ver los elementos e incluso realizar un pedido si agregó la funcionalidad de WooCommerce.

No importa el tamaño de pantalla en el que se esté viendo su menú, mostrará los elementos de su menú perfectamente.

Ejemplo de menú de WordPress

Esperamos que esta publicación te haya ayudado a aprender a crear un menú de restaurante en línea en WordPress. Es posible que también desee ver nuestras selecciones de expertos del mejor software de nómina de recursos humanos para pequeñas empresas, o nuestra comparación de los mejores servicios telefónicos comerciales para pequeñas empresas.

Si le gustó este artículo, suscríbase a nuestro Canal de Youtube . También puedes encontrarnos en Twitter y Facebook.

.

Fuente: wpbeginner

Entradas relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *