¿Quieres aprender a crear una página de pago con lógica condicional para tu sitio web de WordPress?
La lógica condicional te permite crear campos de formulario que se ven diferentes para cada usuario. El formulario cambia según las respuestas que da el usuario. Agregar campos condicionales a tus formularios de WordPress puede ayudar a mejorar el proceso de pago y la experiencia general del usuario.
Además, puedes configurarlo fácilmente cuando usas Easy Digital Downloads.
🔎 En este artículo, cubriremos:
¿Por qué crear una página de pago con lógica condicional?
Quizás te preguntes, ¿qué es la lógica condicional? Los campos de lógica condicional te permiten crear formularios dinámicos con opciones personalizadas para cada usuario. Una página de pago con lógica condicional te ayuda a construir una mejor experiencia de comercio electrónico.
Puedes crear reglas y condiciones complejas dentro de los formularios que se adaptan según la entrada del usuario. Esto te permite adaptar los formularios de pago para diferentes tipos de clientes.
Digamos que quieres ofrecer varios descuentos al momento de pagar. Podrías usar la lógica condicional para variar el monto según ciertos criterios, como la cantidad de artículos en el carrito. Por ejemplo, si los clientes pagan con X artículos en su carrito, obtienen un 25% de descuento.
Hay muchos beneficios al agregar campos condicionales a tu página de pago de WordPress. Primero, puede simplificar y mejorar el diseño de tu formulario al dividir secciones largas en fragmentos más pequeños.
En lugar de mostrar todas las opciones posibles, puedes usar la lógica condicional para mostrar solo los campos relevantes según lo que los usuarios seleccionan. Entonces, los clientes no tienen que desplazarse por varias páginas de información irrelevante para completar su compra.
Los campos condicionales te permiten recopilar información más precisa. Hacen que la entrada de datos sea más fácil para ti y para tus clientes.
De manera similar, un pago con lógica condicional ayuda a reducir el abandono del carrito al ayudar a los compradores a encontrar exactamente lo que buscan. Elimina pasos innecesarios que podrían causar confusión o frustración.
Cómo agregar campos condicionales al pago de WordPress
¿Listo para empezar? En este tutorial paso a paso, te mostraré cómo agregar campos condicionales a tu página de pago de WordPress:
- Descargar Easy Digital Downloads
- Instalar el complemento Checkout Fields Manager
- Crear tu formulario de pago con lógica condicional
🌐 Nota: Este tutorial asume que ya tienes un sitio web de WordPress configurado. Si no es así, consulta el Alojamiento Gestionado EDD de SiteGround. ¡Es la forma más fácil de obtener WordPress y configurar una tienda en línea! Todos los planes incluyen herramientas de comercio electrónico y crecimiento preinstaladas, un certificado SSL gratuito, un asistente de incorporación y más.
Además, el mejor plugin y herramienta(s) de pago pueden depender del tipo de negocio que tengas. Por ejemplo, si vendes productos físicos, probablemente querrás crear una tienda WooCommerce e incluir campos de dirección y envío en tu página de pago de WooCommerce. Sin embargo, si te enfocas principalmente en productos y descargas digitales, la mejor opción es Easy Digital Downloads.
Paso 1: Descarga Easy Digital Downloads (EDD)
Si aún no usas Easy Digital Downloads, el primer paso es obtener e instalar el plugin premium:
Esta solución completa de comercio electrónico te permite administrar y vender fácilmente productos digitales. La versión gratuita crea automáticamente una página de pago para ti. Pero para agregar campos de pago condicionales y personalizados, necesitarás obtener una licencia de la versión pro desde la página de precios.
Esa es nuestra promesa. La mayoría de las soluciones de comercio electrónico limitan tu creatividad
…¡no Easy Digital Downloads!
Una vez que obtengas tu pase, puedes descargar el plugin de WordPress. Desde el panel de tu cuenta, ve a Descargas de Archivos y luego haz clic en Obtener Easy Digital Downloads:
A continuación, sube el archivo zip del plugin EDD a tu panel de WordPress (Plugins » Añadir Nuevo » Subir Plugin » Elegir Archivo):
Si necesitas ayuda para instalar un plugin en WordPress, aquí tienes un excelente tutorial.
Después de activar el plugin, aparece un elemento de menú Descargas en tu área de administrador:
Puedes encontrar la configuración de tu tienda EDD en Descargas » Ajustes:
En Pagos, puedes seleccionar tu pasarela de pago predeterminada:
Después de elegir tu tema de WordPress (Apariencia » Temas), puedes empezar a agregar productos (‘descargas’) a tu tienda. Para hacerlo, ve a Descargas y haz clic en Añadir Nuevo:
Hay muchas maneras en que puedes configurar y personalizar tu tienda. No entraré en detalles aquí.
⚙️ Pero siéntete libre de usar nuestra Guía Rápida de EDD para obtener más ayuda al configurar tu tienda.
Paso 2: Instala el Complemento Gestor de Campos de Pago
EDD crea automáticamente una página de pago para ti (Páginas » Pago). Esta página contiene el shortcode de pago de descargas. Muestra el contenido del carrito de compras del cliente, el formulario con campos predeterminados solicitando nombre y correo electrónico, la entrada de la pasarela de pago y el formulario (opcional) de inicio de sesión/registro.
A continuación, vamos a instalar la extensión Gestor de Campos de Pago:
Este complemento premium proporciona la funcionalidad para agregar campos adicionales personalizados al formulario de pago, incluida la lógica condicional.
Visita la página de descarga de la extensión y luego selecciona Descargar Ahora:
Después de que se descargue, cárguelo en su sitio de WordPress. Una vez que haga clic en los botones Instalar ahora y Activar plugin, se agregará un nuevo elemento de menú Formulario de pago a su menú Descargas:
Para obtener ayuda con este complemento, consulte la documentación de nuestro Administrador de campos de pago.
Paso 3: Cree su formulario de pago con lógica condicional
A continuación, puede crear su formulario de pago con lógica condicional. Para empezar, vaya a Descargas » Formulario de pago:
Aquí encontrará el editor de campos de pago. Tiene una interfaz de arrastrar y soltar que puede usar para organizar y agregar nuevos campos. Para agregar un nuevo campo al formulario, selecciónelo del cuadro de la derecha.
Hay 22 tipos de campos personalizados para elegir, 16 de los cuales admiten lógica condicional. Puede consultar nuestra documentación para obtener una lista completa de campos de lógica condicional.
Algunos de los más populares incluyen:
- Área de texto
- Campo de selección
- Campo de casilla de verificación
- Campo de botón de radio
- Selección múltiple
- Selector de fecha
Las opciones de configuración varían según el campo personalizado con el que esté trabajando. Por lo general, se le da la opción de mostrar el campo en el frontend y/o en el administrador y en los CSV exportados:
También puede:
- Elegir dónde se almacena la meta
- Hacer que sea un campo obligatorio
- Personalizar el texto de Etiqueta del campo
- Ingrese el Texto de ayuda y los marcadores de posición en los campos de texto respectivos para mostrar en el pago
- Agregue Opciones (si corresponde)
Más abajo, encontrará la casilla de verificación para Habilitar lógica condicional:
Cuando agregue un campo de pago condicional, puede configurar las reglas de lógica condicional. Las reglas condicionales se pueden vincular al contenido del carrito del cliente o al usuario.
Configuración de las reglas de lógica condicional
Primero, desde el menú desplegable, puede seleccionar si mostrar u ocultar el campo. Luego, elige si se deben cumplir todas o alguna de las condiciones para que la visibilidad del campo se vea afectada:
A continuación, especifique la(s) regla(s) de lógica condicional a aplicar al campo. Las opciones incluyen:
- Número de artículos en el carrito
- Subtotal del carrito (antes de impuestos o descuentos)
- Total del carrito (después de descuentos pero antes de impuestos)
- Descargas en/no en el carrito
- El usuario está/no está conectado
- Rol de usuario donde luego seleccionas el rol para la condición
Para demostrarlo, digamos que eres un diseñador freelance. Vendes principalmente plantillas que no requieren solicitudes o personalizaciones especiales.
Pero también ofreces un servicio de diseño de logotipos personalizados que requiere que solicites archivos a los usuarios. Así que quieres dar (solo) a estos clientes la opción de subir un archivo al finalizar la compra.
En este escenario, insertarías el campo personalizado de Carga de Archivo. Después de seleccionar Habilitar Lógica Condicional, podrías configurar el campo condicional de pago de la siguiente manera:
Ahora, cuando los clientes finalicen la compra con el producto de diseño de logotipos en su carrito, el formulario mostrará automáticamente el campo Carga de Archivo. A continuación, se muestra cómo aparece la página de pago para los clientes que compran una plantilla frente a un diseño de logotipo personalizado:
Puedes aplicar este flujo de trabajo a cualquier formulario de pago con lógica condicional que desees crear para tu sitio de WordPress.
Otras formas de usar la lógica condicional en WordPress
La lógica condicional es una excelente manera de crear un sitio de comercio electrónico más sofisticado y optimizado. Pero hay otras formas en que puedes usarla además de tu página de pago.
Easy Digital Downloads ofrece un puñado de extensiones relacionadas para ayudar a mejorar tu sitio.
- Correos Electrónicos Condicionales te permite enviar automáticamente correos electrónicos a los usuarios basándose en condiciones predefinidas. Por ejemplo, podrías configurar un correo electrónico para que se entregue automáticamente a los clientes o administradores del sitio cuando cambie el estado de un pago.
- Redirecciones de Éxito Condicionales de EDD te permiten crear confirmaciones para compras exitosas de forma condicional, por producto.
- Pasarelas Condicionales facilita la configuración de pasarelas de pago por producto. Esto es ideal si tienes ciertos productos digitales o descargas que los clientes solo pueden comprar a través de procesadores de pago específicos.
¡La mejor parte es que estas extensiones premium están incluidas con nuestro Pase Todo Acceso de EDD!
Añadir una Página de Pago con Lógica Condicional en WordPress
En última instancia, los campos de lógica condicional proporcionan una mejor experiencia al cliente, mayor precisión en la recopilación de datos y menos carritos abandonados. Al crear una página de pago con lógica condicional en WordPress, puedes aumentar las ventas y ofrecer una experiencia personalizada y optimizada.
Gracias a Easy Digital Downloads, puedes hacerlo en cuestión de minutos. Obtén EDD hoy mismo para personalizar tu pago con lógica condicional (¡y mucho más)!
Esa es nuestra promesa. La mayoría de las soluciones de comercio electrónico limitan tu creatividad
…¡no Easy Digital Downloads!
📣 P.S. ¡Asegúrate de suscribirte a nuestro boletín y síguenos en Facebook o Twitter para obtener más recursos de WordPress!
