Resumen de IA
Mostrar campos de pago en función de fechas específicas es un requisito común para muchos sitios web de WordPress. Esto es particularmente útil para quienes gestionan inscripciones a eventos, reservas de temporada o servicios con plazos definidos.
Usando el complemento Cálculos de WPForms, puedes mostrar un campo de pago en tu formulario solo si tu cliente selecciona ciertas fechas en el campo Fecha / Hora.
En esta guía, te explicaré cómo mostrar un campo de pago basado en la entrada de fecha en tu sitio de WordPress.
Cómo mostrar un campo de pago basado en una fecha en WordPress
Paso 1: Instalar y Activar el Complemento WPForms
WPForms es el mejor plugin constructor de formularios de arrastrar y soltar para crear formularios básicos y avanzados en WordPress.
Desde formularios de contacto sencillos hasta funciones más avanzadas como lógica condicional, es una herramienta fiable que me ha funcionado bien en varios sitios.
La licencia Pro de WPForms incluye acceso al complemento Cálculos, que te permite realizar operaciones matemáticas simples y complejas en tus formularios de WordPress.
Una vez que hayas comprado la licencia Pro, deberías instalar y activar WPForms en tu sitio de WordPress. Si es la primera vez, consulta esta guía para aprender cómo instalar WPForms.
Crea tu formulario de WordPress ahora
Paso 2: Instalar el Complemento de Cálculos
Después de instalar el plugin WPForms, también necesitarás instalar el complemento Cálculos.
Para instalar el complemento, dirígete al área de administración de WordPress y ve a WPForms » Complementos. Luego, desplázate hacia abajo hasta que encuentres el complemento Cálculos, o usa la barra de búsqueda. Cuando lo encuentres, haz clic en Instalar Complemento.
Una vez que hayas instalado y activado el complemento Cálculos en tu sitio, procede a crear tu formulario de WordPress.
Paso 3: Crear tu Formulario de Pago
Puedes crear tu formulario desde cero, usar una plantilla de formulario o generar formularios con WPForms AI. Para este tutorial, crearé un nuevo formulario desde cero.
Para empezar, navega a WPForms » Nuevo. Luego, pasa el ratón sobre el widget Formulario en blanco y haz clic en Crear formulario en blanco.
En el constructor de formularios, añade los campos que necesites a tu formulario. Puedes arrastrar y soltar un campo o hacer clic en él para añadirlo al constructor de formularios.
Para este tutorial, asumiré que ya has añadido tus campos de pago y configurado tus ajustes de pago y de campo. Nos centraremos en implementar la lógica para ocultar/mostrar el campo de pago basándonos en la entrada de fecha.
También lee: Cómo ver el historial de tu formulario en WordPress
Paso 4: Habilitar la Lógica para Mostrar un Campo de Pago Basado en la Entrada de Fecha
En esta sección, te mostraré dos ejemplos prácticos de cómo puedes ocultar/mostrar un campo de pago en tu formulario basándote en la entrada del campo Fecha / Hora.
Mostrar un Campo de Pago Basado en la Entrada de Fecha
Para hacerlo, empezaré añadiendo un campo Fecha / Hora y 2 campos Ocultos a mi formulario. Usaré el campo Múltiples artículos como mi campo de pago. Así que, asegúrate de incluirlo también en tu formulario.
Ahora haga clic en el campo Fecha / Hora para acceder a su panel de Opciones de Campo. Luego seleccione la pestaña Avanzado.
Una vez aquí, confirme el formato de fecha. Por defecto, este se establece en m/d/Y, donde m representa el mes, d representa el día y Y representa el año.
Después de confirmar el formato de fecha, haga clic en uno de los campos Ocultos que agregó a su formulario y cambie la etiqueta del campo. Yo he llamado al mío Fecha Predeterminada, pero puede elegir el nombre que desee.
A continuación, haga clic en la pestaña Avanzado y establezca el Valor Predeterminado del campo en la fecha que desea verificar en la lógica condicional.
Después de eso, haga clic en el segundo campo Oculto en su formulario y seleccione la pestaña Avanzado. Luego, active la opción Habilitar Cálculo.
En el constructor de fórmulas de cálculo, escribiré una lógica para comparar el valor que el usuario selecciona en el campo Fecha / Hora con la fecha predeterminada que especifiqué en el primer campo Oculto. Si coinciden, estableceremos el valor del campo en 1. De lo contrario, el cálculo devolverá 0. Aquí está la fórmula para implementar esta lógica:
if ( $F12_date == $F14 ):
1
else:
0
endif;
En la fórmula anterior, la variable $F12_date hace referencia al subcampo de fecha en el campo Fecha / Hora. Mientras que $F14 representa el campo Oculto donde especifiqué una fecha predeterminada.
Deberá reemplazar los números en los nombres de las variables para que coincidan con los campos de su formulario. Consulte nuestro tutorial para obtener más información sobre cómo crear fórmulas con el complemento Cálculos.
Después de agregar la fórmula, haga clic en el campo de pago al que desea habilitar la lógica condicional. Luego seleccione la pestaña Lógica Inteligente y active la opción Habilitar Lógica Condicional.
Una vez habilitada, deberá establecer la condición para que verifique el campo Oculto con los cálculos habilitados. He establecido la lógica en Mostrar este campo si el campo Oculto es 1. Esto significa que si la fórmula que compara el valor del campo Fecha / Hora con la fecha predeterminada que especifiqué es verdadera, el campo de Pago se mostrará en el formulario.
Después de habilitar la lógica condicional, asegúrese de guardar sus cambios haciendo clic en el botón Guardar.
Cuando previsualice el formulario en el frontend de su sitio, el campo de pago estará oculto por defecto hasta que seleccione una fecha del campo Fecha / Hora.
Si la fecha que selecciona coincide con la especificada en el campo Oculto Fecha Predeterminada, el campo de pago aparecerá. Los usuarios ahora pueden proceder a seleccionar una opción de pago y completar su compra.
Mostrar Campo de Pago Basado en la Edad del Usuario
En este ejemplo, solo mostraremos el campo de pago si el usuario es mayor de 18 años. Para empezar, agregaré 2 campos Ocultos, un campo Fecha / Hora y el campo de Artículo Único.
Luego seleccione uno de los campos Ocultos y cambie la etiqueta a Fecha Actual.
A continuación, haga clic en la pestaña Avanzado y active la opción Habilitar cálculo.
En el creador de fórmulas, agregue la siguiente función.
now()
Esta función establecerá el valor del campo Oculto a la fecha y hora actuales.
A continuación, seleccione el segundo campo Oculto y establezca la Etiqueta en Calculadora de edad.
Luego seleccione la pestaña Avanzado y active la opción Habilitar cálculo. En el creador de fórmulas, agregue la siguiente función.
years( $F12, $F14 )
La función años() comprobará la diferencia de fecha entre dos fechas y devolverá la diferencia en años.
$F12 y $F14 son los nombres de las variables para los campos Fecha/Hora y Fecha actual, respectivamente. Asegúrese de reemplazar los números para que coincidan con los de sus campos.
Después de agregar la fórmula a la Calculadora de edad, seleccione el campo de pago en su formulario para abrir su panel de Opciones de campo. Luego, navegue a la pestaña Lógica inteligente y active la opción Habilitar lógica condicional.
A continuación, elija el campo Calculadora de edad en el menú desplegable de la regla de lógica condicional.
Después de eso, elija el operador mayor que en el menú desplegable.
Finalmente, introduzca 17 en el valor. La regla debería ser Mostrar este campo si la Calculadora de edad es mayor que 17. Esta lógica es útil para regular los pagos en línea y garantizar el cumplimiento del estado de pago adecuado.
Después de agregar la lógica, asegúrese de guardar sus cambios. Cuando previsualice el formulario, el campo de pago estará oculto por defecto hasta que el usuario especifique su edad.
El campo solo se mostrará si la edad del usuario es 18 años o más.
Paso 5: Publicar tu Formulario de Pago
Finalmente, agreguemos el formulario de pago a una página. Para ello, haga clic en el botón Incrustar en la esquina superior derecha del creador de formularios.
Tendrá la opción de publicar su formulario en una página nueva o existente. Para esta guía, elegiré la opción Crear página nueva .
Dale un nombre a tu nueva página y haz clic en ¡Vamos!.
Se le dirigirá al editor de páginas de WordPress con su formulario incrustado en la página. Haga clic en el botón Publicar para publicar su página.
Cuando vea esta página en el frontend, el campo de pago de su formulario estará oculto hasta que el valor del campo Fecha coincida con el especificado en su regla de lógica condicional. Tenga en cuenta que también es posible incrustar sus formularios usando un shortcode o widget.
Preguntas frecuentes: Mostrar condicionalmente un campo de pago según la entrada de fecha
Estas son las respuestas a algunas de las preguntas más frecuentes que recibimos sobre cómo mostrar un campo de pago según la entrada de fecha.
¿Qué sucede si el campo de fecha se deja vacío?
Si el campo de fecha está vacío, el cálculo devolverá 0, ocultando efectivamente el campo de pago. Recomiendo hacer que el campo de fecha sea obligatorio para evitar esta situación.
¿Cómo muestro la fecha en WordPress?
Si estás utilizando el complemento Calculations en WPForms, puedes mostrar la fecha usando la función now(). Cuando introduces la función en el constructor de fórmulas, el valor del campo se establecerá como la fecha y hora actuales.
A continuación, Aceptar pagos recurrentes en WordPress
¡Y eso es todo! Ahora has aprendido 2 formas prácticas de mostrar un campo de pago basado en la entrada de fecha en WordPress. El proceso que expliqué en este tutorial también se puede aplicar a formularios de pago basados en suscripción.
Puedes consultar nuestro tutorial para aprender cómo aceptar pagos recurrentes en WordPress para obtener detalles sobre cómo vender suscripciones con WPForms.
Crea tu formulario de WordPress ahora
¿Listo para crear tu formulario? Empieza hoy mismo con el plugin de creación de formularios de WordPress más fácil. WPForms Pro incluye muchas plantillas gratuitas y ofrece una garantía de devolución de dinero de 14 días.
Si este artículo te ha sido útil, síguenos en Facebook y Twitter para obtener más tutoriales y guías gratuitas de WordPress.
