AprenderWP

Sitio especializado en Wordpress para principiantes

  • Principiantes
  • Tutoriales
  • Plugins
  • Temas
  • Blog
    • Novedades
    • Showcase
    • Opiniones
AprenderWP » Plugins » Cómo crear un formulario de pedido en línea en WordPress (paso a paso)

Cómo crear un formulario de pedido en línea en WordPress (paso a paso)

Varios de nuestros lectores han preguntado cómo crear un formulario de pedido en línea, para que los clientes puedan hacer sus pedidos fácilmente en el sitio web.

Si tienes un negocio como un restaurante o una tienda física, puede que no quieras crear una tienda online completa. Sin embargo, tal vez quiera ofrecer una forma fácil para que los clientes pidan comida u otros productos para que usted los entregue.

En este post, vamos a mostrarles cómo crear un formulario de pedido online en WordPress. Esto te permitirá recoger fácilmente los pedidos de los clientes sin necesidad de añadir un software de comercio electrónico completo a tu sitio web.

Video Tutorial

Suscríbase a WPBeginner

Si prefieres instrucciones escritas, sigue leyendo.

Creación de un formulario de pedido en línea en WordPress

Tal vez decidió crear un sitio web para su negocio recientemente, y se siente un poco abrumado.

Muchas empresas abren una tienda en línea no sólo para recoger pedidos, sino también para aceptar pagos y gestionar el inventario. Sin embargo, no todos los negocios necesitan un sitio web de comercio electrónico completo.

Si sólo quiere que los clientes puedan rellenar un formulario de pedido en línea, entonces puede crearlo fácilmente sin necesidad de una solución de carrito de compras.

Un simple formulario de pedido en línea le da la opción de aceptar pagos en línea, al recoger el pedido o al entregarlo.

En este tutorial, usaremos WPForms para crear un formulario de pedido en línea porque te permite hacerlo fácilmente con su interfaz de arrastrar y soltar.

WPForms es el mejor plugin de construcción de formularios de WordPress del mercado. Más de 3 millones de sitios web utilizan WPForms para crear fácilmente cualquier tipo de formulario en línea y agregarlo a su sitio web (no se requieren habilidades de codificación).

Primero, tendrás que instalar y activar el plugin WPForms. ¿Necesitas ayuda para instalar el plugin? Consulta nuestra guía sobre cómo instalar un plugin de WordPress para obtener instrucciones detalladas.

Los plugins son como aplicaciones para tu sitio web de WordPress. Si eres nuevo en WordPress, entonces echa un vistazo a nuestro artículo sobre qué son los plugins de WordPress y qué puedes hacer con ellos.

Una vez que hayas activado el plugin WPForms, verás una nueva pestaña WPForms en la barra lateral de administración de tu panel de control de WordPress.

Necesitas visitar la página WPForms » Settings para introducir tu clave de licencia. Puedes encontrar esta información bajo tu cuenta en el sitio web de WPForms.

Ahora está listo para crear su formulario de pedido en línea.

Simplemente dirígete a WPForms » Agrega una nueva página para crear tu primer formulario.

Ahora, verás la pantalla de creación de formularios. Escriba un nombre para su formulario y elija una plantilla. Te recomendamos la plantilla «Formulario de facturación/pedido».

Simplemente mueve el cursor sobre la descripción de la plantilla y haz clic en el botón «Crear un formulario de facturación/orden».

Tu formulario será creado automáticamente para ti, y serás llevado directamente al editor de formularios de WPForms.

Ahora puede editar su formulario de pedido en línea como desee. Las diferentes partes del formulario se llaman «campos». Puede cambiar, agregar o eliminar campos en su formulario con un solo clic.

La plantilla predeterminada ya incluye campos para la mayoría de la información que probablemente necesite, como el nombre, la dirección y el número de teléfono. Sin embargo, tendrás que enumerar tus productos reales.

Haz clic en el campo «Elementos disponibles» para editarlo.

Escriba el nombre y el precio de cada uno de los artículos que los clientes pueden pedirle. El precio no se mostrará automáticamente en el formulario, así que tal vez quieras añadirlo al nombre del artículo.

Para añadir más opciones, simplemente haz clic en el icono (+) donde quieras añadir los elementos adicionales.

Nota: Puedes añadir tantos elementos como quieras. Sin embargo, los clientes sólo podrán seleccionar una opción de este campo.

Si tiene varias categorías de opciones, entonces puede querer copiar el campo para crear grupos.

Puedes copiar el campo «Artículos disponibles» haciendo clic en el icono «Copiar» que aparece cuando pasas el cursor por encima de él o cuando está seleccionado.

Asegúrate de cambiar la «Etiqueta» de los campos a algo apropiado para cada grupo, también.

Si quieres que los clientes puedan seleccionar dos o más opciones dentro de un mismo campo, tendrás que usar un tipo de campo diferente.

Haga clic en la pestaña «Agregar campos» y desplácese hacia abajo hasta «Campos de pago», donde encontrará un campo «Artículos de la casilla de verificación». Arrástralo y suéltalo en la posición que desees en tu formulario.

Ahora puedes editar ese campo como antes, introduciendo nombres y precios de tus artículos. Los clientes pueden comprobar tantos artículos como quieran pedir.

Si quieres mostrar imágenes de tus productos, también es muy fácil. Simplemente haz clic en el cuadro «Usar opciones de imagen»:

Para cada elemento, haz clic en el botón «Subir imagen» para añadir imágenes desde tu ordenador o desde tu biblioteca multimedia de WordPress.

Tus imágenes no serán redimensionadas o comprimidas por WPForms, por lo que es importante subirlas con el tamaño adecuado. Todas deben tener el mismo tamaño y no más de 250×250 píxeles.

Idealmente, también deberías optimizar tus imágenes para la web.

Por último, tal vez quieras editar el campo «Comentario o mensaje» en la parte inferior del formulario, para que no sea obligatorio. No todos los usuarios querrán añadir un mensaje.

Simplemente haz clic en el campo y luego desmarca la casilla «Requerido» a la derecha para que este campo sea opcional.

Puedes seguir este proceso para cualquier campo que quieras que sea opcional. Puedes decir qué campos son obligatorios porque tendrán un asterisco rojo junto a la etiqueta del campo.

Una vez que esté satisfecho con el diseño de su forma, puede pasar a configurar sus ajustes. Es una buena idea guardar el formulario primero haciendo clic en el botón «Guardar» en la parte superior de la pantalla:

Configuración de las notificaciones que su formulario de pedido enviará

Primero, haz clic en la pestaña «Configuración» en la parte izquierda de la pantalla. Se abrirá la configuración del formulario.

A continuación, haz clic en la pestaña «Notificaciones» para cambiar las notificaciones de correo electrónico del formulario. De forma predeterminada, los formularios de pedido completados se enviarán por correo electrónico a la dirección de administración de tu sitio de WordPress.

Puede que quieras cambiar esto o hacer que los formularios de pedido se copien a más de una dirección. Simplemente escriba la dirección o direcciones de correo electrónico en el cuadro «Enviar a la dirección de correo electrónico». Si introduce más de una dirección de correo electrónico, sepárelas con una coma.

También podrías querer cambiar el tema, para que no sea el mismo para cada orden. Esto podría facilitar el seguimiento de los pedidos en un buzón de correo electrónico lleno de gente.

Aquí, hemos cambiado la línea de asunto de los correos electrónicos para que diga «Pedido de cliente de» y luego el nombre del cliente. Usamos «Mostrar etiquetas inteligentes» para insertar el campo del nombre en la línea de asunto.

También puedes cambiar cualquier otro detalle que quieras.

También recomendamos encarecidamente que se establezca una notificación por correo electrónico para sus clientes. Esto les recordará lo que han pedido y les hará saber que has recibido su pedido.

Para configurar una nueva notificación de correo electrónico, haz clic en el botón «Añadir nueva notificación».

Se le pedirá que escriba un nombre para la nueva notificación. Puedes llamarlo como quieras, ya que los clientes no verán este nombre. Sugerimos algo como «Recibo del cliente» o «Confirmación de correo electrónico del cliente».

Querrás que la «Dirección de correo electrónico de envío» sea la cuenta de correo electrónico de tu cliente. Elimina {admin_email} de esta casilla. Haz clic en «Mostrar etiquetas inteligentes» y selecciona el campo «Correo electrónico».

También querrás introducir otros detalles para el correo electrónico. Sugerimos usar una línea de asunto como «Su pedido con» y el nombre de su empresa.

En el campo «Mensaje», probablemente quieras añadir un mensaje a tu cliente. La etiqueta {all_fields} dará toda la información que el cliente introdujo en el formulario.

¿Y si sólo quieres incluir algunos datos del cliente en el correo electrónico? ¿O si quieres poner los detalles de su pedido primero e incluir sus detalles de entrega al final del correo electrónico? Simplemente puede usar las etiquetas inteligentes para agregar cualquier campo del formulario en su formulario.

Una vez que hayas terminado de configurar las notificaciones, haz clic en el botón «Guardar» en la parte superior de la pantalla.

Consejo: Para volver a la primera notificación que estabas editando, sólo tienes que desplazarte por la pantalla.

Configuración del mensaje de confirmación para sus clientes

Además de enviar a tus clientes un recibo por correo electrónico, querrás mostrarles una confirmación en pantalla, para que sepan que su pedido ha sido enviado.

Puedes hacerlo en la pestaña Configuración » Confirmación .

La confirmación por defecto dice «¡Gracias por contactarnos! Nos pondremos en contacto con usted en breve».

Puedes cambiar esto a lo que quieras, y puedes usar el editor visual aquí para formatear tu texto también.

Alternativamente, puede redirigir a los clientes a una página de «Gracias» en su sitio web, o incluso a otro sitio web en conjunto.

Una vez que hayas configurado el mensaje de confirmación, haz clic en «Guardar» en la parte superior de la pantalla.

Integración del pago con su formulario de pedido (opcional)

Si desea recibir el pago a través de su formulario de pedido, entonces tendrá que integrarlo con un procesador de pagos.

WPForms se integra muy fácilmente con dos procesadores de pago populares, PayPal y Stripe. Los clientes pueden pagar a través de su cuenta PayPal o introduciendo los datos de su tarjeta de crédito.

Vamos a usar PayPal en este tutorial, pero el proceso para Stripe es similar.

Primero, tendrás que salir del constructor de formas. Puedes hacerlo haciendo clic en la $0027X$0027 de la parte superior derecha. Se te pedirá que guardes el formulario si tienes cambios sin guardar.

A continuación, ve a la página WPForms » Addons en tu panel de control de WordPress. Desplázate hacia abajo hasta el «Addon estándar de PayPal» y haz clic en el botón «Instalar addon» que se encuentra debajo.

El addon se instalará y activará automáticamente.

Vuelve a tu formulario, que puedes encontrar en WPForms » All Forms . Ahora, haz clic en la pestaña $0027Pagos$0027.

Haga clic en $0027PayPal estándar$0027 y rellene los detalles del formulario. Primero, deberá marcar la casilla $0027Habilitar pagos estándar de PayPal$0027 e introducir la dirección de correo electrónico de PayPal de su empresa.

Deje el menú desplegable $0027Modo$0027 en $0027Producción$0027 y deje $0027Tipo de Pago$0027 en $0027Productos y Servicios$0027.

Si recoges la dirección de entrega a través del formulario de pedido, puedes cambiar «Envío» por «No pedir una dirección».

No es necesario que introduzca una «URL de cancelación», pero puede crear una página en su sitio web para enviar a los clientes si no completan el proceso de compra.

Haz clic en el botón «Guardar» cuando hayas terminado.

Ahora, cuando el usuario envíe el formulario, será dirigido automáticamente a PayPal para pagar. No necesita añadir ningún campo extra a su formulario ni hacer nada más.

Añadir el formulario de pedido a su página web

El paso final es agregar el formulario de pedido a su sitio web.

Simplemente elige la página a la que quieres añadir tu formulario, o crea una nueva página en Páginas » Añadir nuevo .

A continuación, haz clic en el icono (+) para añadir un nuevo bloque (donde quieras que esté tu formulario) y encuentra el bloque «WPForms». Se encuentra en la sección «Widgets» de los bloques, o simplemente puedes escribir «WPForms» en la barra de búsqueda para encontrarlo.

Verás un bloque de WPForms. Haz clic en el menú desplegable «Seleccionar un formulario» y elige tu formulario.

Luego verás una vista previa del formulario en el editor de WordPress.

Cuando estés listo, guarda y publica (o actualiza) tu página. Puedes verlo en vivo en tu sitio para ver tu formulario en acción. Antes de compartirlo con los clientes, le recomendamos que pruebe el formulario para asegurarse de que funciona como usted espera.

También es buena idea comprobar que recibes la notificación por correo electrónico cuando se envía el formulario. Si no es así, revisa nuestro post sobre cómo arreglar el problema de WordPress de no enviar el correo electrónico.

Incluso si pierdes un correo electrónico o lo borras accidentalmente, WPForms guarda los datos del formulario en la base de datos de WordPress. Puedes encontrar todos tus pedidos yendo a WPForm » Entradas en tu panel de control de WordPress.

Haga clic en el nombre de su formulario y verá una lista de entradas. Puedes hacer clic en «Ver» junto a cualquiera de ellas para ver los detalles.

¡Eso es! Esperamos que este artículo te haya ayudado a aprender a crear un formulario de pedido online en WordPress. También puede que te guste nuestra guía sobre los mejores servicios telefónicos para empresas, y los imprescindibles plugins de WordPress para pequeñas empresas.

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

Deja una respuesta Cancelar la respuesta

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


Sobre mi

Mi nombre es Joaquin y llevo 12 años creando sitios web en wordpress. En este blog comparto todos mis conocimientos.

Necesito ayuda con ...


Empezar un
Blog

Optimizar
Wordpress

Seguridad
Wordpress

SEO
Wordpress

Errores
Worpdress

Crear una
Tienda Online
Política de Privacidad
Política de Cookies
Aviso Legal

Copyright © 2021 · AprenderWP