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


¿Desea agregar un campo de código de cupón de descuento a sus formularios de pedido de WordPress??

No tiene que instalar un complemento de comercio electrónico avanzado para comenzar a ofrecer descuentos a sus clientes. En este tutorial, le mostraremos cómo habilitar un campo de código de cupón en sus formularios de pedido de WordPress.

Agregar un campo de código de cupón a sus formularios de pedido de WordPress

Si solo vende unos pocos productos en su sitio web, es posible que no desee instalar un complemento pesado como WooCommerce para cobrar pagos y ofrecer descuentos con códigos de cupón. Todo lo que tiene que hacer es instalar un complemento de formularios de WordPress, como WPForms e integrarlo con una pasarela de pago.

WPForms es el mejor complemento de formularios de contacto para WordPress. Le 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 fácil.

La mejor parte es que también puede agregar un campo de código de cupón a sus formularios de pedido con WPForms.

Sin lugar a dudas, agregar un campo de código de cupón de descuento a sus formularios de pedido lo ayudará a aumentar sus conversiones y sus ventas.

Paso 1: Instalación de WPForms

wpforms-overview-contact-form-plugin

Para agregar un código de cupón a su formulario de pedido, primero debe instalar y activar el WPForms plugin en su sitio.

Paso 2: Crear su formulario de pedido

El siguiente paso es crear su formulario de pedido con WPForms. Para crear su formulario, vaya a WPForms »Agregar nuevo. Ahora se lo dirigirá a una nueva página donde puede seleccionar una plantilla. Aquí selecciona el Facturación / Formulario de pedido modelo.

Plantillas WPForms

Ahora se lo dirigirá al generador 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, simplemente puede hacer clic en el campo y agregar su entrada al lado izquierdo de su formulario.

Campo WPForms

Si bien la plantilla de formulario de pedido le da una ventaja, la belleza de WPForms es que puede personalizarla de la manera que desee.

Paso 2: uso de lógica condicional para agregar un campo de código de cupón

Para obtener los mejores resultados, solo se recomienda mostrar el campo de 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 Desplegable campo a su formulario bajo el Campos estandar sección.

Ahora tendrá que personalizar este campo. Simplemente haga clic en la opción de campo y cambie la etiqueta a Tienes un código de cupón de descuento. A continuación, cambie el:

  • Primera opción a Seleccione
  • Segunda elección a si
  • Tercera elección a No

WPForms

A continuación, debe agregar un campo donde su usuario pueda ingresar el código de cupón de descuento. Entonces arrastre el Texto de una sola línea desde la izquierda y colóquelo justo debajo del campo Sí / No en su formulario.

Lógica condicional de WPForms

Ahora cambie el nombre de este campo como Código de cupón de descuento. Para hacer eso, simplemente haga clic en el campo y cambie el texto en el lado derecho de su pantalla.

Código de cupón de descuento de WPForms

Ahora es el momento de habilitar la lógica condicional. Para eso, desplácese hacia abajo de la pantalla para encontrar el Condicionales opción.

Código de cupón de descuento de WPForms

Justo debajo de eso, seleccione la casilla de verificación para habilitar la lógica condicional. Su lógica condicional debería indicar Mostrar este campo si “¿Tiene un código de descuento” es Sí al igual que en la captura de pantalla a continuación.

Eso significa que el Código de cupón de descuento el campo solo se mostrará si un usuario confirma que tiene un código de cupón para canjear.

Lógica Condicional, wpforms

Paso 4: Crear validaciones para su campo de código de cupón

El siguiente paso es agregar validaciones a su formulario que creó con WPForms. Con este paso, puede mostrar a sus usuarios si su código de cupón es válido o no. Para eso, ve al Campos de pago lengüeta. Ahora agregue Objeto unico campos 2 veces justo debajo de su Código de cupón de descuento campo.

Ahora haga 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, edite la etiqueta para Tu precio. Bajo la Descripción campo, explique el descuento que desea ofrecer. En el Precio del articulo, agregue el precio con descuento.

A continuación, desplácese hacia abajo hasta Condicionales pestaña y seleccione la casilla de verificación Habilitar lógica condicional opción. Aquí puedes configurar cuándo la gente debería ver esto Objeto unico campo. Ahora agregue lo que quiera que sea su código de descuento. Digamos que tu código es 100% de descuento.

Código de descuento WPForms

Puede agregar más de un código de descuento haciendo clic en el Agregar nuevo grupo opción justo debajo de ella.

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 Línea de pedido individual, agregue la etiqueta como su precio. En la Descripción, digamos Código de descuento no válido. Tenga en cuenta que este campo debe mostrarse cuando el código del cupón no sea válido. Para hacer eso, desplácese hacia abajo para Condicionales y seleccione la casilla de verificación Habilitar lógica condicional opción.

Campo de código de cupón de descuento de WPForms

Debajo de eso, deje que muestre el campo si el cupón de descuento NO ES 100% DESCUENTO Si tiene más código de cupón de descuento, agréguelos usando el Agregar nuevo grupo botón.

Lógica condicional 2

Una vez hecho esto, presiona el Salvar botón en la esquina superior derecha de su pantalla. Su formulario ya está listo para ser publicado..

Paso 5: Publica tu formulario en WordPress

El siguiente paso es publicar su formulario. Para eso, vaya a la página o al editor de publicaciones donde desea mostrar su formulario. Ahora haga clic en el + firme en la esquina superior izquierda de su pantalla. Luego, usando el botón de búsqueda, busque WPForms.

Publicación de WPforms

Cuando encuentres WPForms, Haz click en eso. Ahora puede seleccionar su formulario haciendo clic en la flecha desplegable. Su formulario ahora se agregará a su página. Luego, asegúrese de publicar el formulario actualizando su publicación.

Eso es. Has agregado correctamente un campo de código de cupón a tu formulario de pedido de WordPress.

Agregar campos de código de cupón en wp

Si le gustó este artículo, también puede consultar nuestra revisión completa sobre WPForms.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map