Cómo agregar un campo de código de cupón a sus formularios de WordPress

¿Le gustaría agregar un campo de código de cupón a sus formularios en línea? Ofrecer a los usuarios de un lugar donde pueden ingresar un código para obtener un descuento en su producto o servicios es útil si utiliza códigos de descuento para su marketing en línea, lo que realmente puede ayudarlo a aumentar las ventas y el tráfico. Entonces, en este artículo, escribí una guía de paso por paso sobre cómo agregar un código de cupón a sus formularios de WordPress. Haga clic aquí para crear el formulario de código de cupón ahora ¿Por qué agregar un código de cupón a sus formularios? Hay muchas razones por las que es posible que desee agregar un lugar en sus formularios de pago para que los visitantes ingresen un código de descuento. Aquí están algunas:
Aplicar descuentos a sus formularios de pedido
Aumentar las ventas utilizando diferentes tácticas de marketing
Anime a los clientes a comprar artículos de autorización específicos
Reducir el precio total de los carritos de compras de los visitantes
Si emite pagos o créditos utilizando códigos de cupón
Recompensa a los clientes leales si otorga códigos especiales a los miembros VIP
Tal vez proporcione códigos o cupones de descuento en una campaña de marketing por correo electrónico particular para generar clientes potenciales (cumpleaños, Black Friday, etc.)
Y otra.
Con WPForms, puede crear fácilmente un formulario con un campo de cupón. No es necesario instalar un complemento separado para el código de promoción de WordPress.
WPFORMS es el mejor complemento de WordPress Form Builder. ¡Tómelo gratis!
Entonces, ahora, cuando sepa por qué agregue un código de cupón a sus formularios de WordPress, veamos cómo hacerlo. Cómo agregar un campo de código de cupón a sus formularios. Si está listo para agregar un código promocional o un código de cupón a sus formularios de WordPress, siga estos pasos. Instale el complemento WPFFORMS
Configure su formulario de código de cupón de WordPress
Agrega una pregunta Sí / No
Crear una lógica condicional
Crea tu primera validación
Crear la segunda validación
Agregue un formulario de código de cupón a su sitio web
Comencemos instalando el complemento.
Paso 1: Instale el complemento WPFFORMS Lo primero que tendrá que hacer es instalar y activar el complemento WPFORMS. Para obtener instrucciones detalladas, consulte nuestra guía Paso por paso sobre cómo instalar un complemento de WordPress. Entre sus muchas características fuertes, WPForms funciona excelente para agregar un código de cupón a sus formularios.
A continuación, le mostraremos cómo usar WPFORMS como un código de promoción de WordPress. Paso 2: Configure su formulario de código de cupón de WordPress ahora que está instalado su complemento WPFORMS, lo siguiente que desea hacer es configurar un formulario de pago. De esta manera, tendrá un formulario para agregar el campo del código de cupón.

Desde el tablero de WordPress, vaya a WPFFORMS »Agregue el panel izquierdo nuevo al panel izquierdo para crear un nuevo formulario y sírelo de todos modos de todos modos que desee en el campo Nombre del formulario, luego seleccione el formulario de facturación / orden.
En este tutorial, configuramos Stripe como una forma de pago, por lo que verá que agregué un campo para la tarjeta de crédito. Para una presentación más detallada de la configuración de su formulario de pedido, incluidas las notificaciones y la configuración de su proveedor de pagos (como Stripe o PayPal, o incluso Autorized.net), creamos una publicación sobre la creación del formulario de pedido en línea con pagos que explican más sobre la funcionalidad . Entonces, su formulario de pedido se completará con casi todos los campos que necesita para realizar pagos, incluidos:

Nombre (nombre y primer nombre)
Correo electrónico
Teléfono
Acercarse
Opción múltiple (artículos disponibles)
Valor total
Comentario o mensaje
Puede tirar de los campos hacia arriba y hacia abajo para reorganizar su pedido y puede eliminar las cosas si cree que no los necesita. Siéntase libre de sacar los campos del panel izquierdo en su formulario si desea agregar algo. De hecho, entonces agregaremos un campo de código de cupón. Para simplificar las cosas en este tutorial, hemos eliminado el cuadro o mensaje de comentarios. Lea nuestro artículo sobre las quejas ordinarias sobre los formularios de pago si está buscando más formas de optimizar su formulario.
Ahora que ha creado su formulario, para prepararse para agregar el campo del código de cupón. Paso 3: Agregue una pregunta sí / no más, agregaremos una caída. Esta caja le preguntará a un usuario si es un descuento o no. Queremos hacer esto, porque es la mejor práctica no mostrar el campo de descuento a menos que sepa que alguien tiene un código. Haremos esto con una lógica condicional inteligente. Para hacer esto, simplemente extraiga el cuadro de desplazamiento del panel izquierdo a su formulario debajo de su caja total o donde quiera colocarlo en el formulario. Entonces querrá personalizar su cuadro desplegable. Cambie la etiqueta con “¿Tienes un descuento?” y cambie las opciones a:
Sí
No

Siéntase libre de divertirse con el texto en estos lugares es su sitio web. Intente mantener en claro que las opciones son “sí” o “no”, pero si coincide con su marca, puede editarlas con algo más divertido, como “¡seguro!” ¡y no!”. Esto depende de ti. Antes de terminar, aquí hay un truco elegante. Puede agregar un sustituyente al menú Drop -down, para que ninguna de las opciones sea de forma predeterminada. Para hacer esto, haga clic en el campo Drop -down en el entrenador de formulación y extienda el panel de opciones avanzadas. Bajo el sustituto, escriba algo como seleccionar o elegir:
¡Y eso es! Ahora estamos listos para crear la lógica condicional para el campo del código de cupón. Paso 4: Cree el campo del código de cupón ahora que ha creado el cuadro desplegable, el siguiente paso es agregar un lugar para que alguien ingrese su código de promoción si selecciona “Sí” en el cuadro desplegable. Para hacer esto, dibuje el campo de texto con una sola línea desde el panel izquierdo en su formulario, justo debajo del campo tiene un descuento. Ahora, cambie el nombre de la etiqueta de campo con una sola línea en “código de descuento”, luego desplácese hacia abajo y haga clic en en el condicional.
Luego haga clic en el cuadro de selección junto a la activación lógica condicional y en el área de expansión, ingrese lo siguiente:

Su lógica condicional debe mostrarse Muestra este campo si da un código de descuento es sí. Ahora, solo las personas que seleccionan “Sí” verán el campo del código de descuento. Manteniendo su forma menos concurrida y súper organizada.

Lo estás haciendo muy bien hasta ahora, pasemos al siguiente paso. Paso 5: Cree su primera validación La siguiente cosa que hará en el formulario de código de cupón de WordPress es agregar 2 respuestas de validación. Simplemente crearemos una respuesta para mostrar a las personas si el código promocional es válido y otro para mostrar si no es así.

Para comenzar, dibuje 2 campos para un solo artículo en el panel izquierdo debajo de sus campos de pago en su formulario bajo el campo del código de descuento.


Ahora, haga clic en cada uno de los campos de elementos únicos en su formulario para mostrar la configuración para que pueda ajustarlos. Primero, querrá hacer algunos cambios en el primer campo para un solo elemento:

Actualice la etiqueta para “su precio”

Escriba una descripción explicando la reducción dada para ingresar el precio total del artículo después del descuento
Luego, desplácese hacia abajo hasta la pestaña Condicional y haga clic en ella, para que pueda configurar cuando las personas verán este elemento especial de elemento único. Haga clic en la casilla de verificación Siguiente para activar la lógica condicional y decida qué desea su código de descuento. Para este ejemplo, usaremos FREVIP.

Su lógica condicional debe mostrar mostrar este campo si el código de descuento es FREVIP (o cualquiera que sea su código de descuento). ¿Tiene más códigos de descuento que desea usar? Simplemente haga clic en el botón Nuevo grupo para repetir este proceso. Paso 6: Cree la segunda validación entonces, haremos lo mismo, pero para el elemento único del campo 2. Queremos mostrar este campo si el código de descuento no coincide con FREVIP. Haga clic en el campo de elemento único para mostrar su configuración en el panel izquierdo, luego:
Actualice la etiqueta para “su precio”
Escriba una descripción para explicar que el código de reducción no ha funcionado
Ingrese el precio total del artículo que debería ser el mismo con el precio ordinario

Luego, desplácese hacia abajo hasta la pestaña Condicional y haga clic en ella, para que pueda configurar cuando las personas verán este elemento especial de elemento único. Haga clic en el cuadro de selección junto a la activación lógica condicional e ingrese lo siguiente:

Su lógica condicional debe decir que muestre este campo si el código de descuento no es FREVIP (o cualquiera que sea su código de cupón). Finalmente, no olvide presionar rescate en la esquina superior derecha de la página.
¡Felicidades! Ahora su formulario de código de cupón de WordPress está casi listo. Sin embargo, tendrá que colocarlo en una página para que otros puedan usarlo ahora. Paso 7: Agregue un formulario de código de cupón a su sitio web para que los usuarios puedan usar el campo del código de cupón, deberá mostrarse en una de sus páginas web, como las páginas de pago. Y es muy fácil de hacer con WPForms. WPFFORMS le permite agregar formularios en muchas ubicaciones en su sitio web, incluidas publicaciones de blog, páginas e incluso widgets de la barra lateral. Echemos un vistazo a la opción de colocación más común: incorporar la página / publicaciones. Para comenzar, cree una nueva página o publique en WordPress o acceda a la configuración de actualización en una existente. Después de eso, haga clic dentro del primer bloque (el área vacía en el título de su página) y haga clic en las adiciones wpfform.widget wpfforms aparecerá dentro del bloque. Haga clic en el menú de caída WPFFORMS y elija uno de los formularios que ya ha creado que desea insertar en su página. Seleccione el formulario que ha creado que tiene el campo del código de cupón.
Ahora publique o actualice la publicación o página para que su formulario aparezca en su sitio web.