¿Quieres agregar un campo de código de cupón de descuento a tus formularios de pedido de WordPress?
No tienes que instalar un plugin avanzado de comercio electrónico para empezar a ofrecer descuentos a tus clientes. En este tutorial, te mostraremos cómo habilitar un campo de código de cupón en tus formularios de pedido de WordPress.
Agregar un campo de código de cupón a tus formularios de pedido de WordPress
Sin duda, agregar un campo de código de cupón de descuento a tus formularios de pedido te ayuda a aumentar tus conversiones y tus ventas.
Si solo vendes unos pocos productos en tu sitio web, es posible que no quieras instalar un plugin pesado como WooCommerce para cobrar pagos y ofrecer descuentos con códigos de cupón. Todo lo que tienes que hacer es instalar un plugin de formularios de WordPress, como WPForms e integrarlo con una pasarela de pago. Tenemos un tutorial paso a paso que te muestra cómo vender en línea sin una configuración de comercio electrónico.
WPForms es el mejor plugin de formularios de contacto para WordPress. Te permite crear un formulario de contacto, formulario de pago, formulario de pedido, formulario de donación, o cualquier otro formulario de WordPress de forma rápida y sencilla.
La mejor parte es que también puedes agregar un campo de código de cupón a tus formularios de pedido con WPForms. Para obtener más información sobre este plugin, consulta nuestra reseña detallada de WPForms.
Antes de comenzar, seamos claros en que este tutorial te muestra cómo agregar un código de descuento específicamente a tu formulario de WordPress. Es simple y fácil de seguir, y es más adecuado para aquellos que administran una tienda de un solo producto o venden solo un puñado de productos en línea.
Este método no viene con funciones avanzadas para agregar descuentos basados en porcentajes y condiciones de carrito para tiendas de comercio electrónico completas y grandes. Para eso, necesitarás usar una solución de WooCommerce como Advanced Coupons.
Puedes agregar BOGO, cupones por URL, condiciones de carrito, restricciones de rol de cupón, crédito de tienda y más; es totalmente gratuito. También hay una versión premium del plugin que te brinda funciones avanzadas.
Consulta nuestra reseña detallada del plugin Advanced Coupons o comienza de inmediato y aprende Cómo crear cupones correctamente con WooCommerce para obtener ganancias.
Dicho esto, veamos cómo puede agregar rápidamente una opción de descuento simple a su formulario de WordPress usando WPForms.
Paso 1: Instalando WPForms
Para agregar un código de cupón a tu formulario de pedido, primero debes instalar y activar el plugin WPForms en tu sitio.
Paso 2: Creando Su Formulario de Pedido
El siguiente paso es crear tu formulario de pedido con WPForms. Para crear tu formulario, ve a WPForms » Agregar Nuevo. Ahora serás dirigido a una nueva página donde puedes seleccionar una plantilla. Aquí selecciona la plantilla Formulario de Facturación/Pedido.
Ahora será dirigido al constructor de formularios con todos los campos a su izquierda y el formulario a su derecha. Simplemente puede arrastrar los campos del formulario y soltarlos en el formulario de pedido. Para editar un campo, puede hacer clic en el campo y agregar su entrada en el lado izquierdo de su formulario.
Si bien la plantilla de formulario de pedido le da una ventaja, la belleza de WPForms es que puede personalizarlo como desee.
Paso 2: Usando Lógica Condicional para Agregar un Campo de Código de Cupón
Para obtener los mejores resultados, solo se recomienda mostrar el campo del código de cupón al cliente que realmente tiene un código de cupón para canjear.
Creemos un campo desplegable en su formulario para preguntar si el cliente tiene un código de cupón. Para hacer eso, agregue el campo Desplegable a su formulario en la sección Campos Estándar.
Ahora tendrás que personalizar este campo. Simplemente haz clic en la opción del campo y cambia la etiqueta a ¿Tienes un código de cupón de descuento?. Luego, cambia:
- Primera opción a Seleccionar
- Segunda opción a Sí
- Tercera opción a No
A continuación, necesitas agregar un campo donde tu usuario pueda ingresar el código del cupón de descuento. Arrastra el campo Texto de una sola línea desde la izquierda y suéltalo justo debajo del campo Sí/No en tu formulario.
Ahora renombra este campo como Código de Cupón de Descuento. Para hacerlo, simplemente haz clic en el campo y cambia el texto en el lado derecho de tu pantalla.
Ahora es el momento de habilitar la lógica condicional. Para ello, desplázate hacia abajo en la pantalla para encontrar la opción Condicionales.
Justo debajo de eso, selecciona la casilla para habilitar la lógica condicional. Tu lógica condicional debería decir Mostrar este campo si "¿Tienes un código de descuento?" es Sí, tal como en la captura de pantalla a continuación.
Eso significa que el campo Código de Cupón de Descuento solo se mostrará si un usuario confirma que tiene un código de cupón para canjear.
Paso 4: Creación de validaciones para tu campo de código de cupón
El siguiente paso es agregar validaciones a tu formulario que creaste con WPForms. Con este paso, puedes mostrar a tus usuarios si su código de cupón es válido o no. Para ello, ve a la pestaña Campos de Pago. Ahora agrega campos de Artículo Único 2 veces justo debajo de tu campo Código de Cupón de Descuento.
Ahora haz clic en cada uno de estos campos. Usemos el primer campo para canjear el cupón y el segundo campo para mostrar un mensaje de error si el código del cupón no es correcto.
En el primero, edita la etiqueta a Tu Precio. Debajo del campo Descripción, explica el descuento que querías ofrecer. En el Precio del artículo, agrega el precio con descuento.
A continuación, desplázate hacia la pestaña Condicionales y selecciona la opción de casilla de verificación Habilitar lógica condicional. Aquí puedes configurar cuándo las personas deben ver este campo de Elemento único. Ahora agrega lo que quieras que sea tu código de descuento. Digamos que tu código es 100%OFF.
Puedes agregar más de un código de descuento haciendo clic en la opción Agregar nuevo grupo justo debajo.
Como se mencionó anteriormente, usemos el segundo campo para mostrar un mensaje de error si el código de cupón no es correcto.
Para hacer eso, para el segundo Elemento de línea única, agrega la etiqueta como Tu Precio. En la Descripción, digamos Código de descuento no válido. Ten en cuenta que este campo debe mostrarse cuando el código de cupón no es válido. Para hacer eso, desplázate hacia abajo hasta Condicionales y selecciona la opción de casilla de verificación Habilitar lógica condicional.
Debajo de eso, deja que muestre el campo si el cupón de descuento NO es 100%OFF. Si tienes más códigos de cupón de descuento, agrégalos usando el botón Agregar nuevo grupo.
Una vez hecho, presiona el botón Guardar en la esquina superior derecha de tu pantalla. Tu formulario ahora está listo para ser publicado.
Paso 5: Publicando tu formulario en WordPress
El siguiente paso es publicar tu formulario. Para ello, ve a la página o publicación donde deseas mostrar tu formulario. Ahora haz clic en el signo + en la esquina superior izquierda de tu pantalla. Luego, usando el botón de búsqueda, busca WPForms.
Cuando encuentres WPForms, haz clic en él. Ahora puedes seleccionar tu formulario haciendo clic en la flecha desplegable. Tu formulario ahora se agregará a tu página. Luego, asegúrate de publicar el formulario actualizando tu publicación.
Eso es todo. Has agregado exitosamente un campo de código de cupón a tu formulario de pedido de WordPress.
A medida que tu negocio en línea crezca, es posible que necesites pasar a una solución más avanzada. Entonces, es posible que necesites registrarte en Advanced Coupons. Te sugerimos que marques la página o tomes nota de este plugin para una fecha futura.
Esperamos que te haya gustado este tutorial. Si es así, también podrías querer leer más de nuestros recursos:
- 11+ Mejores Plugins de Testimonios para WordPress
- Cómo agregar notificaciones de prueba social en WordPress
- 15 herramientas de optimización de la tasa de conversión para disparar el crecimiento
Estas publicaciones te ayudarán a impulsar tu negocio en línea y a ganar la confianza de los usuarios.
Entonces, ¿solo puedes establecer un precio fijo para tu código de descuento? ¿Por qué no dar la opción de un porcentaje de descuento? ¿Por qué no hacer posible que un campo tenga una cantidad negativa que reste del total? ¿O hacer que multiplique el Total por un porcentaje para un precio con descuento del 20% o algo así? He pasado todo este tiempo creando mi formulario en WPforms y ahora estoy limitado por esta falta de capacidad.
Si necesitas un plugin de cupones completo, entonces quizás quieras probar Advanced Coupon Plugin en su lugar.
Eso es agradable, de hecho, pero el verdadero problema es cómo agregar un campo de cantidad.
La única razón por la que no tengo mi tienda en línea con WPforms simple es solo porque le falta ese campo.
Gracias por pasar, Rene,
Puedes agregar un campo de cantidad eligiendo el menú desplegable o el menú de Radio. Aquí tienes un artículo de WPForms que muestra cómo hacerlo.