Marketing

Cómo Crear un Menú de Restaurante Online en WordPress (Paso a Paso)

¿Quieres crear un menú de restaurante en línea en WordPress?

Compartir su menú en su sitio web lo ayudará a convencer a más personas para que visiten su restaurante. Es más probable que las personas ordenen o visiten cuando pueden referirse fácilmente a alimentos, bebidas y precios.

En este artículo te mostraremos paso a paso cómo crear un menú de restaurante online en WordPress.

Lo que se necesita para ejecutar un sitio web de restaurante

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

Puede crear fácilmente un sitio web con WordPress, 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 los sitios web en Internet usan WordPress.

La mejor parte 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. Hicimos un trato con uno de nuestros proveedores de alojamiento de WordPress recomendados, Bluehost, para ofrecer mucho a nuestros lectores.

Por lo general, obtiene un nombre de dominio gratuito, un certificado SSL gratuito y un 60 % de descuento en alojamiento web.

llegar ? ? ? Haga clic aquí para recibir esta oferta exclusiva de Bluehost ????

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

Hay muchos temas geniales de WordPress para restaurantes que pueden ayudarte a crear un sitio web de aspecto profesional que aliente a tus clientes a hacer sus pedidos.

Si necesita ayuda para configurar el sitio web de su restaurante, consulte nuestra guía paso a paso sobre cómo configurar un sitio web.

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

La creación de páginas de menú incrustadas en su sitio de WordPress le permite crear una mejor experiencia para sus visitantes y clientes potenciales.

Cuando los visitantes llegan al sitio web de tu restaurante, lo primero que suelen ver es tu menú. Si proporciona a sus visitantes solo un menú en PDF, será difícil para ellos ver la comida que ofrece.

Al crear un menú en línea en su sitio web, sus usuarios no tienen que descargar su menú. Según la conexión y el plan de datos del cliente, la descarga de archivos PDF puede ser difícil.

Además, la página del menú de su sitio web será compatible con dispositivos móviles y se verá bien en todos los dispositivos, por lo que sus visitantes podrán leerla fácilmente sin acercar o alejar la imagen.

Lo mejor es que con la página del menú puedes editar fácilmente el menú e incluso agregar un pedido en línea. Editar y subir PDFs es mucho más complicado cuando necesitas cambiar menús o precios.

Dicho esto, compartiremos dos complementos de WordPress diferentes que pueden ayudarlo a agregar el menú de su restaurante en línea a WordPress. Simplemente use los enlaces rápidos a continuación para seleccionar el complemento que desea usar.

  • Crea menús de restaurantes en línea con SeedProd
  • Crear un menú de restaurante en línea con un menú de comida

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

Le permite crear impresionantes menús de restaurantes con la ayuda de un constructor de arrastrar y soltar. Además, puede editar fácilmente el menú a medida que cambia y aparecen nuevas opciones de menú disponibles.

Para este tutorial, puede usar la versión gratuita de SeedProd para crear su menú. Sin embargo, hay una versión profesional de SeedProd que tiene más de 150 plantillas, combinaciones de colores, integraciones de marketing por correo electrónico, carruseles 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 a paso sobre cómo instalar complementos de WordPress.

Una vez activado, vaya a SeedProd »Páginas Luego haga clic en el botón «Agregar una nueva página de inicio de sesión».

Agregar una nueva página de inicio de SeedProd

Esto lo llevará a la pantalla Plantillas, donde puede seleccionar una plantilla de página. Hay docenas de plantillas para diferentes áreas y objetivos.

Para seleccionar una plantilla, mantenga presionado el cursor del mouse sobre ella y haga clic en el icono de marca de verificación. Puede elegir cualquier plantilla que desee, pero para este tutorial usaremos la plantilla en la página de venta de cenas.

Elija una plantilla de página de aterrizaje

Esto abrirá una ventana emergente donde puede nombrar la nueva página de menú. También puede editar la URL de la página. Nosotros solo llamamos a nuestras páginas «menús».

Luego haga clic en el botón «Guardar y comenzar a editar la página».

Nombre de la página de destino

Cuando haya terminado, accederá a la pantalla del editor de páginas.

En el lado derecho de la página hay una visualización, completamente adaptable. El lado izquierdo de la página tiene varios bloques y secciones que puede agregar a la página.

Ejemplo de una plantilla de página de destino de SeedProd

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

Aparecerá un menú a la izquierda donde podrás subir el logo de tu restaurante. Para agregar un nuevo logotipo, puede seguir el mismo proceso para agregar imágenes a WordPress.

Cambiar el logotipo del menú

A continuación, puede cambiar los botones del menú de navegación para volver a su página de inicio. De esa manera, cuando sus visitantes terminen de navegar por el menú, podrán regresar a su sitio.

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

Cambiar los botones de navegación del menú

A continuación, 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 ícono Eliminar bloque.

eliminar una pestaña existente

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

Luego puede agregar un título al título del menú arrastrando el bloque de título a la página.

Agregar un título al menú

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

Luego puede editar el feed existente y reemplazarlo con su propio texto e imágenes.

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

Agregar imágenes de los elementos del menú

Luego haga clic en el título actual para ingresar su propio texto.

También puede cambiar el texto haciendo clic en el texto y agregando una descripción.

Cambiar el texto de un elemento del menú

Después de cambiar el título y el texto, puede agregar un precio al artículo.

Simplemente arrastre el elemento Texto a su página y use el menú de la izquierda para personalizar el texto.

Agregar un precio a un elemento del menú

Luego, solo siga los mismos pasos anteriores para los otros elementos del menú en el restaurante.

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

Si desea agregar otro elemento de menú con el mismo estilo, coloque el cursor sobre el elemento y haga clic en Copiar fila.

repetir parte

Esto copiará la misma línea y la agregará directamente debajo de ella.

Siéntase libre de continuar personalizando el menú de su restaurante. Puede personalizar completamente cualquier parte de la página, incluidos colores, tamaños, fuentes y más.

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

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

Publicar un menú en vivo

El nuevo menú de tu restaurante ya está disponible para los visitantes.

Ahora puede agregar menús de restaurantes a los menús de navegación y otras áreas de su blog de WordPress.

Menú de restaurante de WordPress

Este método implica el uso de los complementos «Menú de comida – Menú de restaurante» y «Pedido en línea». Este complemento le permite crear rápidamente menús en línea en WordPress.

También se integra con WooCommerce, por lo que puede brindarles a sus visitantes la oportunidad 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 el complemento de WordPress.

Una vez activado, vaya a Menú comida »Añadir comida.

Agregar un nuevo elemento de menú

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

Luego, 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 agregado artículos al menú de alimentos, es hora de agregar ese menú a WordPress.

Primero, tienes que ir Menú de nutrición »generador de código cortoLuego haga clic en el botón «Agregar nuevo».

Ir al generador de códigos cortos

Luego puede asignar un título al código corto para ayudarlo a recordar el tipo de elemento de menú que agregó.

A continuación, puede personalizar cómo se muestra el menú.

Nombra el código corto en tu menú

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

Aquí puede seleccionar el número de elementos que se muestran por línea.

Cambiar el diseño del código corto

En la sección Filtrados puedes elegir si mostrar un menú simple o activar el pedido en línea.

Para activar su pedido en línea, simplemente seleccione el botón de opción «WooCommerce». También puede controlar qué elementos se muestran.

Filtrar códigos cortos

Si planea permitir que los clientes agreguen alimentos a su carrito y realicen pagos, debe agregar elementos de su menú como productos a 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 Seleccionar campo.

Código de selección de campo corto

Al marcar o desmarcar estas casillas, puede ver cómo se verán sus cambios en tiempo real.

A continuación, puede cambiar la apariencia de los elementos del menú haciendo clic en la opción de menú Estilo.

Menú de estilo de código corto

Cuando haya terminado de personalizar la visualización de los elementos del menú, asegúrese de hacer clic en el botón Publicar.

Esto no hará que su menú esté activo en su sitio web, pero mantendrá el código corto que luego agregaremos a su sitio web.

Código de menú corto para publicar

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

Para hacer esto, vaya a Páginas »Todas las páginas Luego haga clic en Agregar nuevo.

Agregar una página desde el menú

A continuación, puede nombrar la página. Esto se mostrará a sus visitantes, por lo que debe llamarlo «Menú».

Luego haga clic en el ícono «+» para agregar un nuevo bloque.

Agregar un bloque de página al menú

Luego ingrese «menú» en la barra de búsqueda.

Luego seleccione el bloque «Menú de comida».

seleccione un bloque del menú de comida

Luego, debe seleccionar el código corto que acaba de crear en el menú desplegable.

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

Seleccione un código del menú contextual

Luego haga clic en el botón Publicar o Actualizar para activar su menú.

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

Publicar un nuevo menú

Ahora que sus visitantes ven su menú, si agrega la funcionalidad de WooCommerce, podrán ver artículos e incluso realizar pedidos.

Mostrará perfectamente los elementos de su menú, independientemente del tamaño de la pantalla en la que vea su menú.

Ejemplo de un menú de WordPress

Esperamos que este artículo te haya ayudado a aprender cómo crear un menú de restaurante en línea en WordPress. También puede echar un vistazo a nuestras opciones de expertos para el 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 te ha gustado este artículo, suscríbete a nuestro canal de tutoriales en vídeo de YouTube para WordPress. También puede encontrarnos en Twitter y Facebook.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.