Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo Configurar Pedidos de Comida en Línea para Restaurantes en WordPress

Cada dueño de restaurante sabe que las opciones de pedido convenientes hacen que los clientes regresen.

Cuando las personas pueden hacer pedidos en línea fácilmente y saber exactamente cuándo estará lista su comida, es más probable que se conviertan en clientes habituales que piden con frecuencia.

Crear tu propio sistema de pedidos en línea a través de WordPress te pone al mando de esta experiencia del cliente.

Hemos probado varios plugins de WordPress para sistemas de pedidos de restaurantes para encontrar los que ofrecen una funcionalidad fluida y resultados profesionales para diferentes tipos de restaurantes.

En esta guía paso a paso, aprenderás a crear un sistema de pedidos en línea que se adapte a las necesidades únicas de tu restaurante.

Configuración de pedidos de comida en línea para restaurantes

Qué necesitas para configurar pedidos de comida en línea

Necesitarás un sitio web para configurar pedidos de comida en línea para tu restaurante.

Si aún no tienes un sitio web, no te preocupes. Puedes iniciar fácilmente un sitio web usando WordPress, que es el mejor creador de sitios web del mundo utilizado por millones de pequeñas empresas.

Crear un sitio web de WordPress tampoco va a mermar demasiado tu margen de beneficio. Bluehost, uno de los proveedores de hosting recomendados por WordPress, está ofreciendo a nuestros lectores una gran oferta.

Código de cupón de Bluehost

Básicamente, puedes obtener un nombre de dominio gratuito, SSL gratuito y un gran descuento en alojamiento web.

También hay muchísimos temas geniales de WordPress para restaurantes disponibles. Un tema es como una plantilla para tu sitio web. Elegir uno bueno ayudará a que tu sitio se vea profesional y confiable, animando a los clientes a pedirte.

Dicho esto, veamos cómo agregar fácilmente pedidos de comida en línea a tu sitio web.

Agregar pedidos de comida en línea a tu sitio web

Una vez que tengas tu sitio web de WordPress configurado, puedes agregar fácilmente un formulario en línea para que los clientes puedan pedir comida.

La forma más fácil de hacer esto es usando WPForms, que es el mejor plugin constructor de formularios de WordPress. Te permite crear fácilmente formularios en línea en tu sitio web (sin necesidad de codificación).

Además, durante nuestras pruebas, descubrimos que el plugin hace que sea súper fácil ver todas las entradas de tus formularios directamente desde el panel. Esto significa que nunca perderás la pista de ningún pedido realizado en tu sitio. Para saber más sobre nuestra experiencia, consulta nuestra reseña de WPForms.

Primero, necesitas instalar y activar el plugin WPForms. Si no estás seguro de cómo hacerlo, consulta nuestras instrucciones completas sobre cómo instalar un plugin de WordPress.

Una vez activado, visita la página WPForms » Ajustes desde la barra lateral de administración de WordPress para ingresar tu clave de licencia.

Puedes encontrar esta información en tu cuenta en el sitio web de WPForms.

Ingresa tu clave de licencia para WPForms

A continuación, visita la página WPForms » Agregar Nuevo en tu panel de WordPress para crear tu formulario de pedido de comida en línea.

Primero, necesitas escribir un nombre para tu nuevo formulario. Puede ser cualquier cosa que tenga sentido para ti, ya que los clientes no verán este título a menos que tú quieras.

A continuación, desplázate hacia abajo hasta la sección 'Seleccionar una plantilla' y localiza la 'Formulario de pedido para llevar'.

Agregar la plantilla de formulario de pedido para llevar

Una vez que lo localices, simplemente haz clic en la plantilla para abrirla en el constructor de formularios.

Una vez que el formulario se abra, notarás que está diseñado para pedidos de pizza para llevar. Sin embargo, puedes cambiarlo como quieras. Simplemente haz clic en un campo (una parte del formulario) para editarlo.

El formulario de entrega de pedidos para llevar recién creado, con campos predeterminados

Vamos a editar el campo '¿Qué tipo de pizza te gustaría?' en la parte superior del formulario.

Puedes cambiar la etiqueta del campo. Esta es la pregunta o indicación que el cliente debe responder.

También puedes cambiar las opciones y eliminarlas o agregarlas usando los botones (+) y (-).

Cambiar la etiqueta y las opciones de un campo

También puedes agregar más campos a tu formulario. Por ejemplo, probablemente querrás agregar un campo para que los clientes especifiquen a qué hora quieren su entrega.

Para agregar un campo, haz clic en la pestaña 'Agregar Campos' en el lado izquierdo de tu pantalla. Luego, desplázate hacia abajo hasta la sección 'Campos Elegantes' y busca el campo 'Fecha / Hora'.

Arrastra y suelta este campo donde quieras en tu formulario.

Agregar un campo de fecha / hora a WPForms

Como antes, puedes hacer clic en el campo para editarlo.

Luego puedes cambiar la etiqueta, el formato o la descripción del campo según tu preferencia.

Cambiar el campo de fecha / hora para que solo muestre la hora

En las opciones 'Avanzadas' para el campo, puedes elegir cambiar los diferentes intervalos ofrecidos. Las opciones son 15 minutos, 30 minutos o 1 hora.

Es una buena idea hacer que el campo 'Dirección' de tu formulario sea obligatorio. Al establecer un campo como 'Requerido', evitas que el cliente envíe el formulario hasta que lo complete.

Simplemente haz clic en el campo 'Dirección' para editarlo, luego marca la casilla 'Requerido' en el lado izquierdo de la pantalla.

Hacer que la dirección sea un campo obligatorio en su formulario

Cuando hayas terminado de crear tu formulario, haz clic en 'Guardar' en la parte superior de la pantalla antes de pasar al siguiente paso.

Configuración de Notificaciones para tu Formulario de Pedido de Comida

Necesitarás asegurarte de que los pedidos lleguen a las personas correctas. WPForms envía automáticamente un correo electrónico al administrador de tu sitio web, pero es posible que los pedidos no deban ir allí.

Primero, necesitas hacer clic en la pestaña 'Configuración' en el lado izquierdo de tu pantalla.

Luego, cambia a la pestaña 'Notificaciones', donde verás la notificación predeterminada a la derecha.

Ver las notificaciones de tu formulario de pedido de comida en línea

Desde aquí, puedes cambiar la ‘Dirección de correo electrónico a la que se enviará’ para que sea diferente del correo electrónico de tu administrador del sitio web.

Simplemente puedes eliminar {admin_email} e ingresar una o más direcciones de correo electrónico aquí. Asegúrate de separar varias direcciones de correo electrónico con una coma.

Ingresa las direcciones de correo electrónico a las que deseas que se envíe el formulario, separadas por comas

También es posible que desees cambiar la línea de asunto para que tus pedidos no tengan todos el mismo asunto. Puedes incluir fácilmente el nombre del cliente en la línea de asunto usando Etiquetas Inteligentes.

Simplemente haz clic en ‘Etiquetas Inteligentes’ y desplázate hacia ‘Nombre’. Haz clic en eso, y WPForms insertará el código correcto para ello en tu línea de asunto. En este caso, es {field_id="3"}.

Para obtener instrucciones detalladas, consulta nuestro tutorial sobre cómo enviar correos electrónicos de confirmación después del envío de un formulario en WordPress.

Cambia la línea de asunto del correo electrónico para tu notificación

Una vez que estés satisfecho con la notificación, simplemente haz clic en ‘Guardar’ en la parte superior de la pantalla.

💡 Consejo: WPForms guarda las entradas del formulario en la base de datos de WordPress, así que no te preocupes si eliminas accidentalmente un pedido de tu bandeja de entrada de correo electrónico.

Para ver todos los pedidos, ve a WPForms » Entradas en tu panel de control. Haz clic en el nombre de tu formulario para ver los pedidos.

También puedes configurar una notificación por correo electrónico para tus clientes haciendo clic en el botón ‘Agregar Nueva Notificación’.

Haz clic en el botón 'Agregar Nueva Notificación' para crear una nueva notificación

Esto abrirá un cuadro de diálogo en tu pantalla pidiéndote que ingreses un nombre para una nueva notificación.

Puedes usar lo que tenga sentido para ti aquí, ya que el cliente no lo verá.

Ingresar un nombre para la notificación que se enviará al cliente

Ahora, para enviar el correo electrónico de confirmación del pedido al cliente, tendrás que eliminar {admin_email} de la casilla ‘Enviar a la dirección de correo electrónico’.

Después de eso, haz clic en la opción ‘Mostrar etiquetas inteligentes’ en la parte superior del campo y agrega la etiqueta inteligente ‘Correo electrónico’.

Tu mensaje de confirmación ahora se enviará a los usuarios en lugar del administrador de tu sitio de WordPress.

Configurar el recibo del cliente para que se envíe por correo electrónico al cliente

A continuación, querrás cambiar el asunto del correo electrónico y tus datos. Simplemente escribe lo que quieras usar aquí.

También puedes agregar los detalles de los pedidos de tu cliente en el campo 'Mensaje' usando etiquetas inteligentes.

Para obtener instrucciones detalladas, consulta nuestro tutorial sobre cómo crear un formulario de contacto con varios destinatarios.

Edita el nombre y la dirección de correo electrónico que los clientes verán en tus correos electrónicos

Una vez que estés satisfecho con la notificación al cliente, haz clic en 'Guardar' en la parte superior de la pantalla.

Consejo: Para volver a la primera notificación que estabas editando, simplemente desplázate hacia abajo.

Edición del Mensaje de Confirmación que Ve Tu Cliente

Cuando tu cliente complete el formulario, WPForms le mostrará un mensaje para confirmar que el formulario se envió correctamente.

Puedes editar este mensaje yendo a Configuración » Confirmaciones. Simplemente escribe el mensaje que desees en el cuadro. Incluso puedes usar el editor visual para formatear este mensaje.

Creando un mensaje de confirmación que tu cliente verá después de enviar el formulario

También puedes optar por cambiar el 'Tipo de confirmación' y enviar al cliente a una página de agradecimiento si lo deseas.

Una vez que hayas terminado, no olvides hacer clic en el botón ‘Guardar’ para almacenar tu configuración.

Recibir Pagos a Través de Tu Formulario de Pedido de Comida

El formulario estándar para llevar no está configurado para pagos. Eso está bien si solo aceptas efectivo contra entrega. Sin embargo, en algunas situaciones, podrías preferir que el cliente realice un pago en línea por adelantado.

Si deseas recibir pagos, deberás configurar tu formulario con campos especiales que calculen lo que el cliente debe y usarlo con un procesador de pagos como PayPal.

Para hacer esto, ve a la pestaña 'Campos' en la columna izquierda y desplázate hacia abajo hasta la sección 'Campos de pago'.

A continuación, reemplaza cualquiera de tus campos que listen precios con uno de los campos 'Artículo'.

Los diversos campos de pago disponibles en WPForms

En nuestro formulario, hemos eliminado el campo original '¿Para cuántas personas es el menú?' que estábamos usando.

Lo hemos reemplazado con el campo de pago 'Artículos Múltiples'.

Agregando un campo de pago de múltiples artículos a tu formulario

Cuando uses campos de pago en tu formulario, también debes asegurarte de incluir un campo de 'Total'. Esto es para que tu formulario pueda mostrarle al cliente el total que pagará.

De nuevo, simplemente arrastra y suelta el campo 'Total' desde 'Campos de pago' a donde quieras en tu formulario.

Agregando el campo 'Total' a tu formulario de pedido

Asegúrate de guardar tu formulario después de hacer cambios.

A continuación, deberás elegir un procesador de pagos para usar con tu formulario. WPForms se integra perfectamente con PayPal y Stripe. Para agregar cualquiera de estos, visita la página WPForms » Addons desde tu panel de WordPress.

Usaremos el 'Complemento PayPal Standard' para nuestro formulario.

Simplemente localiza y haz clic en el botón 'Instalar Complemento' para la pasarela de pago.

Instalando el complemento de PayPal para WPForms

Ahora, regresa a tu formulario de pedido de comida desde la página WPForms » Todos los Formularios en tu área de administración de WordPress.

Una vez que estés allí, simplemente haz clic en la pestaña 'Pagos' de tu formulario y selecciona la integración de pago que deseas usar.

Selecciona el(los) servicio(s) de pago con el(los) que integrar tu formulario

Asegúrate de marcar la casilla 'Habilitar pagos PayPal Standard' para activar esta función para tu formulario.

A continuación, debes ingresar la dirección de correo electrónico de PayPal que estás utilizando para tu restaurante. Deja 'Modo' configurado en 'Producción' y 'Tipo de pago' configurado en 'Productos y Servicios'.

La página de configuración de pagos de PayPal para tu formulario

Puedes cambiar 'Envío' a 'No solicitar una dirección' si lo deseas, ya que el cliente ya habrá completado su dirección en el formulario de pedido.

Continúa y haz clic en 'Guardar' en la parte superior de la pantalla.

Tu formulario ahora redirigirá automáticamente a los clientes a PayPal después de que envíen su pedido.

Agregar el formulario de pedido de comida en línea a tu sitio

Finalmente, necesitas agregar el formulario que has creado a tu sitio web.

Primero, deberás elegir una página existente o crear una nueva página donde irá el formulario. Para crear una página, ve a Páginas » Añadir Nueva en tu panel de WordPress.

Una vez allí, haz clic en el botón ‘Añadir Bloque’ (+) para abrir el menú de bloques. Luego, simplemente busca y añade el bloque WPForms a la página.

Agregar formulario de pedido en línea

Después de eso, tendrás que seleccionar el formulario de pedidos en línea que creaste en el menú desplegable del propio bloque.

Luego se agregará automáticamente a tu página. Simplemente publica (o actualiza) tu página para poner el formulario en vivo en tu sitio web.

Te recomendamos probar tu formulario para asegurarte de que funciona como esperas. Verifica que recibes la notificación por correo electrónico. Si no es así, puedes seguir nuestras instrucciones para solucionar el problema de que WordPress no envía correos electrónicos.

Extra: Crear un menú de restaurante en línea en WordPress

Si has configurado pedidos de comida en línea, entonces también es una buena idea crear una página de menú en tu sitio web de restaurante.

Esto facilitará que los clientes naveguen por tus productos y tomen una decisión. Incluir elementos del menú y descripciones en tu sitio web puede incluso impulsar el SEO. Esto significa que cuando los visitantes busquen un restaurante en tu área, tu sitio web aparecerá en los primeros resultados de búsqueda.

Puedes crear fácilmente un atractivo menú de restaurante con SeedProd. En nuestra opinión, es el mejor constructor de páginas de WordPress del mercado. Viene con un constructor de arrastrar y soltar, integración con servicios de marketing por correo electrónico y más de 300 plantillas prediseñadas.

Incluso hemos usado SeedProd para construir sitios completos de comercio electrónico y hemos tenido una gran experiencia con él. Para más detalles sobre el plugin, consulta nuestra reseña de SeedProd.

SeedProd

Una vez instalado el plugin, simplemente visita la pantalla SeedProd » Landing Pages donde deberás hacer clic en el botón ‘Add New Landing Page’.

Esto te llevará a la pantalla ‘Select a Template’ donde puedes seleccionar cualquiera de las plantillas prediseñadas que te gusten.

Seleccionar plantilla de página de destino

Una vez que lo hagas, la página de destino se lanzará en el constructor de arrastrar y soltar.

Desde aquí, puedes usar los bloques de encabezado, párrafo e imagen en la columna izquierda para crear un menú de restaurante visualmente agradable para tu sitio web.

Agregar precio del elemento del menú

Para instrucciones más detalladas, puedes ver nuestro tutorial sobre cómo crear fácilmente un menú de restaurante en línea en WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo configurar pedidos de comida en línea para restaurantes. También podrías estar interesado en nuestra guía para principiantes sobre configuración de comercio electrónico en WordPress y nuestra gran lista de formas de usar la lógica condicional en formularios de WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

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

Interacciones del lector

8 CommentsLeave a Reply

  1. He estado ayudando a algunos restaurantes locales con los pedidos en línea y ¡nunca se me había ocurrido usar WPForms para esto!
    Gracias por las instrucciones paso a paso para usar WPForms para crear un formulario de pedido personalizable.
    Tengo WPForms instalado en los sitios web pero nunca he creado un formulario de pedidos. Construiré uno.
    También probaré la lógica condicional dentro de WPForms para mostrar u ocultar ciertos elementos del menú según las selecciones anteriores del cliente. Esto puede ayudar a agilizar el proceso de pedido y reducir la confusión.
    Este artículo me ha dado algunas ideas para probarlas.
    ¡GRACIAS WPBeginner! ¡Son los mejores!

  2. gracias por esta guía.
    Creo que wpform es tan potente que se puede usar para tareas relacionadas con formularios multipropósito.
    podemos crear formularios basados en encuestas donde uno puede enviar la encuesta relacionada con algo, podemos crear formularios de comentarios y otros.
    Estaba pensando que podría haber algún plugin dedicado para esta tarea, pero gracias a wpforms que esta tarea se puede lograr fácilmente a través de wpforms.

  3. Hola,

    Primero que nada, gracias por este video.

    Necesito un sitio web de WordPress para mi restaurante, ¿es posible descargar una aplicación en la tableta de mi restaurante para que mi equipo pueda ver todos los pedidos?

    • Por el momento, querrás incluir el impuesto en el costo de cada producto con este método.

      Administrador

    • El método que cubrimos en esta guía es para usar la versión de pago del plugin y no sería para la versión gratuita.

      Administrador

Deja una respuesta

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