Permitir a los visitantes elegir un método de pago

¿Quiere permitir a los usuarios elegir entre varios métodos de pago en su formulario? Con WPForms, puede utilizar la lógica condicional para permitir a los usuarios seleccionar si desean realizar sus pagos con PayPal o con un proveedor de tarjetas de crédito.

Este tutorial le mostrará cómo permitir a sus usuarios elegir un método de pago en sus formularios.

Elegir un método de pago

Requisitos: Necesitará un nivel de licencia Pro o superior para utilizar los complementos PayPal Standard, Stripe Pro y Square. Para acceder al complemento Authorize.Net, necesitará una licencia Elite.


Antes de empezar, asegúrese de que ha instalado y activado WPForms y verificado su clave de licencia.

A continuación, puede instalar el complemento PayPal Standard. También tendrás que instalar el complemento Stripe Pro, Square o Authorize.Net (en función del procesador de pagos con tarjeta de crédito que quieras utilizar en tus formularios).

Nota: Stripe aplica una tarifa de transacción del 3% a cada pago procesado a través de su plataforma si su licencia de WPForms está inactiva.

Añadir un campo de selección de método de pago a su formulario

En este tutorial, utilizaremos lógica condicional para mostrar u ocultar determinados campos y procesar pagos a través de un determinado proveedor, en función de las selecciones de los usuarios en el formulario.

Nota: Le recomendamos que utilice el complemento PayPal Commerce si tiene una cuenta PayPal Business. Este complemento le permite aceptar pagos con PayPal y con tarjeta de crédito sin utilizar lógica condicional. Consulte nuestras preguntas frecuentes para obtener más información.

Una vez que todos sus complementos estén instalados y activados, tendrá que crear un nuevo formulario o editar uno existente.

Si aún no lo ha hecho, añada un campo de opción múltiple a su formulario, así como uno de los siguientes campos de pago:

  • Tarjeta de crédito Stripe
  • Cuadrado
  • Autorizar.Net

Puede hacer clic en un campo en el panel izquierdo del constructor o arrastrarlo y soltarlo en el área de vista previa para añadirlo a su formulario.

A continuación, tendrá que añadir opciones a su campo de opción múltiple para cada método de pago disponible en su formulario.

Edición de las opciones de un campo de opción múltiple

Nota: Para más detalles sobre cómo añadir elementos a su campo Opción múltiple, así como otras opciones disponibles para este tipo de campo, consulte nuestro tutorial sobre la personalización del campo Opción múltiple.

Para nuestro ejemplo, cambiaremos la etiqueta del campo Opción múltiple a Método de pago y etiquetaremos las opciones como PayPal y Tarjeta de crédito.

Un campo de opción múltiple personalizado para permitir a los usuarios elegir un método de pago

Le recomendamos que utilice etiquetas similares, pero puede personalizar este texto para adaptarlo a su formulario.

Para asegurarse de que los usuarios seleccionan un método de pago antes de enviar el formulario, active la opción Obligatorio en las opciones de campo del campo Opción múltiple.

Requerir un campo de método de pago de opción múltiple

Para ver esto en acción, eche un vistazo a nuestra plantilla de formulario de pago con PayPal o tarjeta de crédito, que muestra cómo ofrecer varias opciones de pago en un solo formulario.

Activación de la lógica condicional para el campo Tarjeta de crédito

A continuación, tendrá que aplicar lógica condicional al campo de pago de su formulario para ocultarlo a menos que un usuario lo seleccione como método de pago.

En nuestro ejemplo, estamos utilizando el campo de tarjeta de crédito de Stripe. Sin embargo, los pasos son esencialmente los mismos si decide utilizar el campo Square o Authorize.Net en su lugar.

Nota: Si está utilizando Stripe con WPForms Lite, no tendrá acceso a la lógica condicional en sus opciones de campo de Tarjeta de Crédito Stripe.

Para activar la lógica condicional para su campo de tarjeta de crédito, abra sus opciones de campo haciendo clic sobre él en el área de vista previa. A continuación, haga clic en la pestaña Lógica inteligente.

Acceso a las opciones de Smart Logic para un campo de tarjeta de crédito de Stripe

Desde aquí, active la opción Activar lógica condicional.

Activación de la lógica condicional para un campo de Stripe

A continuación, cree una regla para mostrar el campo de la tarjeta de crédito si un usuario selecciona la opción correspondiente de su campo de selección múltiple.

Nuestra regla de ejemplo dice, Mostrar este campo si el Método de Pago es Tarjeta de Crédito.

Creación de una regla lógica condicional para mostrar un campo de tarjeta de crédito de Stripe si un usuario selecciona "Tarjeta de crédito" en un campo de opción múltiple de método de pago

Nota: ¿Necesita ayuda para configurar su regla de lógica condicional? Nuestro tutorial para principiantes sobre el uso de la lógica condicional en WPForms tiene todos los detalles.

Configuración de las opciones de pago de su formulario

Por último, tendrás que configurar los ajustes para los métodos de pago que ofrezcas en tu formulario. En particular, tendrás que utilizar lógica condicional para procesar los pagos de los usuarios a través del método que hayan elegido.

A continuación se describen las opciones de todos los métodos disponibles.

Configuración estándar de PayPal

Para configurar los ajustes de PayPal Estándar, vaya a Pagos " PayPal Estándar en el generador de formularios. A continuación, active la opción Activar pagos de PayPal Estándar en el panel derecho.

Activación de los pagos estándar de PayPal para un formulario

Hay un puñado de opciones que debe configurar a continuación, como añadir su dirección de correo electrónico de PayPal, poner su cuenta en modo de producción y determinar si los usuarios deben proporcionar una dirección de envío.

Configuración de pagos estándar de PayPal

Nota: Para conocer los pasos completos para configurar PayPal Estándar, consulte nuestro tutorial completo sobre el complemento PayPal Estándar.

A continuación, desplácese hacia abajo hasta la opción Activar lógica condicional y actívela para ver más opciones.

Activación de la lógica condicional para pagos de PayPal estándar

Establezca la regla lógica condicional para que diga Procesar este cargo si la Forma de pago es PayPal.

Creación de una regla lógica condicional para procesar pagos de PayPal Estándar en función de las selecciones de los usuarios

Configuración de Stripe

Para configurar los ajustes de Stripe, primero vaya a la pestaña Pagos en el creador de formularios y haga clic en Stripe. A continuación, activa la opción Activar pagos de Stripe .

Habilitar pagos con Stripe

Añada una descripción del pago y asigne el campo de correo electrónico de su formulario a la opción Recibo de pago de Stripe si lo desea. A continuación, desplácese hacia abajo y active el ajuste Activar lógica condicional.

Activación de la lógica condicional para los pagos de Stripe en un formulario

Nota: Para obtener instrucciones completas de configuración de Stripe, asegúrese de consultar nuestro tutorial sobre el complemento Stripe Pro.

Configure la regla para que diga Procesar este cargo si el Método de pago es Tarjeta de crédito.

Creación de una regla lógica condicional para procesar los pagos de Stripe en función de las selecciones de los usuarios.

Ajustes cuadrados

Para configurar los ajustes de Square, vaya a Pagos " Square en el constructor de formularios y active la opción Activar pagos Square.

Permitir pagos con Square

Esto revelará varios ajustes. Introduzca una descripción del pago, asigne los campos de los que desea recopilar información y, a continuación, active la opción Activar lógica condicional.

Activación de la lógica condicional para los pagos de Square en un formulario

Nota: Para más detalles sobre cómo configurar los pagos Square para un formulario, consulte nuestra guía completa para el complemento Square.

Usando los desplegables que aparecen, configure su regla para que diga, Procesar este cargo si el Método de Pago es Tarjeta de Crédito.

Creación de una regla lógica condicional para procesar los pagos de Square en función de las selecciones de los usuarios en un formulario.

Configuración de Authorize.Net

Para configurar sus ajustes de Authorize.Net, vaya a la pestaña Pagos en el constructor de formularios y haga clic en Authorize.Net. Desde aquí, seleccione la opción Habilitar pagos de Authorize. Net.

Habilitar pagos con Authorize.Net

A continuación, añada una descripción del pago y asigne los campos relevantes de su formulario a su cuenta de Authorize.Net. A continuación, active la opción Activar lógica condicional en la parte inferior de la configuración.

Activación de la lógica condicional para los pagos de Authorize.Net en un formulario

Nota: Para obtener más información sobre cómo configurar el complemento Authorize.Net, consulte nuestro tutorial sobre Authorize.Net.

Luego, puede configurar su regla de lógica condicional para que diga Procesar este cargo si el Método de Pago es Tarjeta de Crédito.

Creación de una regla de lógica condicional para procesar pagos de Authorize.Net basados en las selecciones de los usuarios en un formulario.

Preguntas frecuentes

Estas son las respuestas a algunas de las preguntas más frecuentes sobre la posibilidad de que los usuarios elijan un método de pago.

¿Necesito utilizar lógica condicional si tengo el complemento Comercio de PayPal?

El complemento PayPal Commerce admite las opciones de pago con tarjeta de crédito y PayPal de forma predeterminada. Después de configurar el complemento, no necesitará utilizar lógica condicional para activar esta funcionalidad en su formulario. Sin embargo, deberá tener una cuenta PayPal Business para configurar el complemento.

Para confirmar que ambas formas de pago están habilitadas, haga clic en el campo PayPal Commerce para abrir sus Opciones de campo. A continuación, busque en la sección Formas de pago admitidas y asegúrese de que PayPal Checkout y Tarjeta de crédito están habilitadas para su formulario.

Métodos de pago admitidos

Para obtener más información sobre el uso de PayPal Commerce, consulte nuestra guía sobre cómo configurar y utilizar el complemento PayPal Commerce.

Ya está. Ahora puede permitir que sus usuarios elijan entre pagar con PayPal o uno de nuestros métodos de pago con tarjeta de crédito compatibles al rellenar sus formularios.

A continuación, ¿quieres asegurarte de que tu formulario y todos los pagos funcionan como esperabas antes de publicarlo? Consulte nuestro tutorial sobre cómo probar correctamente sus formularios para obtener más detalles.

El mejor plugin de WordPress para crear formularios arrastrando y soltando

Fácil, rápido y seguro. Únete a más de 6 millones de propietarios de sitios web que confían en WPForms.

Active JavaScript en su navegador para rellenar este formulario.