¿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. Añadir 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 crear 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 finalizar la compra. Podrías usar la lógica condicional para variar el importe según ciertos criterios, como el número de artículos en el carrito. Por ejemplo, si los clientes finalizan la compra con X artículos en su carrito, obtienen un 25% de descuento.
Hay muchos beneficios al añadir 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 seleccionen los usuarios. Así, 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, una página de 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 añadir campos condicionales al pago de WordPress
¿Listo para empezar? En este tutorial paso a paso, te mostraré cómo añadir 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 administrado de SiteGround para EDD. ¡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 complemento y las mejores herramientas de pago que utilices 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 centras principalmente en productos digitales y descargas, la mejor opción es Easy Digital Downloads.
Paso 1: Descargar 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 gestionar y vender fácilmente productos digitales. La versión gratuita crea automáticamente una página de pago para ti. Pero para añadir campos de pago condicionales y personalizados, necesitarás obtener una licencia de la versión pro en la página de precios.
Esa es nuestra promesa. La mayoría de las soluciones de comercio electrónico limitan tu creatividad
…¡Easy Digital Downloads no!
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 gran tutorial.
Después de activar el plugin, aparece un elemento de menú Descargas en tu área de administración:
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 añadir productos ('descargas') a tu tienda. Para hacerlo, ve a Descargas y haz clic en Añadir nuevo:
Hay muchas maneras de configurar y personalizar tu tienda. No entraré en todas ellas aquí.
⚙️ Pero no dudes en usar nuestra Guía de inicio rápido de EDD para obtener más ayuda en la configuración de tu tienda.
Paso 2: Instalar el complemento Checkout Fields Manager
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 (opcionalmente) el formulario de inicio de sesión/registro.
A continuación, vamos a instalar la extensión Checkout Fields Manager:
Este complemento premium proporciona la funcionalidad para añadir 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, súbelo a tu sitio de WordPress. Una vez que hagas clic en los botones Instalar ahora y Activar plugin, se añadirá un nuevo elemento de menú Formulario de pago a tu menú Descargas:
Para obtener orientación sobre el uso de este complemento, consulta nuestra documentación de Checkout Fields Manager.
Paso 3: Crear tu formulario de pago con lógica condicional
A continuación, puedes crear tu formulario de pago con lógica condicional. Para empezar, ve a Descargas » Formulario de pago:
Aquí encontrarás el editor de campos de pago. Tiene una interfaz de arrastrar y soltar que puedes usar para organizar y agregar nuevos campos. Para agregar un nuevo campo al formulario, selecciónalo del cuadro de la derecha.
Hay 22 tipos de campos personalizados para elegir, 16 de los cuales admiten lógica condicional. Puedes consultar nuestra documentación para ver 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 opción
- Selección múltiple
- Selector de fecha
Las opciones de configuración varían según el campo personalizado con el que estés trabajando. Normalmente, se te da la opción de mostrar el campo en el frontend y/o en el administrador y en los CSV exportados:
También puede:
- Elige dónde se almacenan los metadatos
- Haz que sea un campo obligatorio
- Personaliza el texto de Etiqueta del campo
- Introduce Texto de ayuda y marcadores de posición en los campos de texto correspondientes para mostrarlos en el pago
- Añade Opciones (si procede)
Más abajo, encontrarás la casilla de verificación para Habilitar lógica condicional:
Cuando agregues un campo de pago condicional, puedes 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, puedes seleccionar si mostrar u ocultar el campo. Luego eliges si se deben cumplir todas o alguna de las condiciones para que la visibilidad del campo se vea afectada:
A continuación, especifica 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
- Usuario conectado/no conectado
- Rol de usuario donde luego seleccionas el rol para la condición
Para demostrar esto, 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 pagar.
En este escenario, insertarías el campo personalizado de Carga de archivos. Después de seleccionar Habilitar lógica condicional, podrías configurar el campo de pago de lógica condicional de la siguiente manera:
Ahora, cuando los clientes paguen con el producto de diseño de logotipo en su carrito, el formulario mostrará automáticamente el campo de Carga de archivos. 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 las que puedes usarla aparte 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
…¡Easy Digital Downloads no!
📣 P.D. ¡Asegúrate de suscribirte a nuestro boletín y síguenos en Facebook o Twitter para obtener más recursos de WordPress!
