Tutoriales WordPress

Cómo Permitir a los Usuarios Elegir un Método de Pago en los Formularios de WordPress

¿Quieres permitir a los usuarios elegir entre diferentes métodos de pago en un formulario de WordPress? Cuando permitas a tus clientes elegir su método de pago preferido, generarás confianza y aumentarás las conversiones en tu sitio web.

En este artículo, te mostraremos cómo permitir a tus usuarios elegir un método de pago en tus formularios de WordPress.

¿Por qué ofrecer varios métodos de pago en WordPress?

PayPal y las tarjetas de crédito son dos formas populares de pagar las compras en línea. Cada una de ellas tiene sus pros y sus contras, y es probable que tus visitantes ya tengan preferencia por una u otra. Por lo tanto, si usted está vendiendo productos o servicios en su sitio web de WordPress, o pidiendo donaciones, entonces es importante permitir a sus visitantes a utilizar su método de pago preferido.

No es necesario configurar una tienda online completa con un carrito de la compra para aceptar pagos online. Todo lo que necesita es un simple formulario de pedido en línea con una selección de opciones de pago. Esto tiene mucho sentido, especialmente si vende un solo producto, acepta pagos por servicios o recauda dinero para una causa o una organización benéfica.

Tendrá que habilitar HTTPS/SSL en su sitio web para poder aceptar pagos de forma segura. Dicho esto, veamos cómo puedes ofrecer múltiples opciones de pago en tu sitio web.

Cómo configurar un formulario de pago en WordPress

Lo primero que debe hacer es instalar y activar el plugin WPForms. Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

WPForms es el mejor plugin de construcción de formularios de arrastrar y soltar para WordPress. Le permite crear un simple formulario de pedido o de donación sin la molestia de una plataforma de comercio electrónico completa o un plugin de carrito de compras. Aunque tienen una versión Lite que es gratuita, necesitarás su plan Pro para acceder a los complementos de pago y a la plantilla del formulario de pedido.

Tras la activación, debe visitar la página WPForms > Settings para introducir su clave de licencia. Puede encontrar esta información en el área de su cuenta de WPForms.

Conexión de plataformas de pago con WPForms

A continuación, conectaremos WPForms con las plataformas de pago que piensa utilizar. Para hacer esto, necesita dirigirse a WPForms > Addons e instalar los addons de pago.

Una vez allí, necesita desplazarse hacia abajo hasta PayPal Standard Addon y luego hacer clic en su botón Install Addon.

Desplácese hacia abajo hasta el complemento estándar de PayPal y haga clic en el botón Instalar complemento.

Verás un mensaje diciendo que el addon ha sido instalado y activado, y el texto del botón cambiará a Deactivate (Desactivar).

Más adelante en el tutorial configuraremos los datos de tu cuenta de PayPal.

También necesitará instalar un complemento para aceptar pagos con tarjeta de crédito. WPForms soporta Stripe, Square y Authorize.net. Para este tutorial, configuraremos Stripe, pero los pasos para configurar las otras dos plataformas son similares. Tendrá que desplazarse hasta el complemento de Stripe y hacer clic en el botón Install Addon.

Haga clic en el botón de instalación del complemento

Una vez que los complementos han sido instalados y activados, necesitará conectar WPForms a su cuenta de Stripe.

Para ello, diríjase a la página de WPForms > Settings y haga clic en la pestaña ‘Payments‘. Después de eso, necesitará conectar su cuenta de Stripe haciendo clic en el botón ‘Connect with Stripe‘.

Haga clic en el botón Conectar con Stripe

En la siguiente pantalla, puede introducir su dirección de correo electrónico de Stripe y hacer clic en el botón “Next” (Siguiente).

Introduzca su dirección de correo electrónico de Stripe

Una vez hecho esto, Stripe le pedirá su contraseña para poder entrar en su cuenta. Después de iniciar sesión, puede seleccionar su cuenta de Stripe y luego hacer clic en el botón “Connect“.

Seleccione su sitio web y conéctelo con Stripe

A continuación, será redirigido de nuevo a la pestaña de configuración de WPForms Payments. Para asegurarse de que su cuenta está conectada con éxito, puede ir a la configuración del estado de la conexión en la configuración de Stripe.

Cuando vea una marca de verificación verde, significa que su cuenta de Stripe está ahora en vivo con WPForms. Siga adelante y haga clic en el botón “Save” (Guardar) para almacenar su configuración.

Conectar con éxito su cuenta de Stripe

WPForms ya está listo para aceptar pagos con tarjeta de crédito.

Creación de un formulario de pedido con múltiples métodos de pago

Ahora crearemos un formulario de pedido en línea que pueda aceptar tanto pagos con PayPal como con tarjeta de crédito.

Para comenzar, diríjase a la página WPForms > Add New. Desde aquí, necesita proporcionar un título para su formulario y luego seleccionar la plantilla ‘Billing / Order Form‘.

Seleccione la plantilla Formulario de facturación/pedido.

WPForms precargará el constructor de formularios con un sencillo formulario de pedido con los campos más utilizados. Puede editar cualquier campo haciendo clic en él.

WPForms precargará el constructor de formularios con un simple formulario de pedido

Puede añadir nuevos campos desde la columna de la izquierda mediante la función de arrastrar y soltar. Tendrá que arrastrar un campo de Multiple Choice al formulario para que sus clientes puedan seleccionar entre varias opciones de pago.

Añadir un campo de opción múltiple

Después de eso, debe arrastrar el campo Stripe Credit Card al formulario justo debajo del campo Multiple Choice.

Añadir un campo de tarjeta de crédito de Stripe

A continuación, debe cambiar las opciones del campo Multiple Choice para que coincida con los métodos de pago que ofrece.

Empiece por dar al campo la etiqueta Payment Method (Método de pago). Después, debe nombrar las dos primeras opciones como PayPal y Credit Card (Tarjeta de crédito).

Opciones de campos de elección múltiple

Simplemente puede eliminar la tercera opción haciendo clic en el botón rojo menos .

Después de eso, debe activar la opción Required (Requerido). Esto asegurará que los usuarios seleccionen un método de pago antes de enviar el formulario de pedido.

Ahora tenemos que configurar el campo Stripe Credit Card (Tarjeta de crédito de Stripe), para que esté oculto hasta que el usuario lo seleccione como opción de pago. Podemos conseguirlo utilizando la función de lógica condicional de WPForms.

Deberá hacer clic en el campo Stripe para poder editarlo. Luego, debe hacer clic en la pestaña Smart Logic y luego habilitar la lógica condicional haciendo clic en el interruptor a la posición de encendido.

Haga clic en la pestaña Smart Logic y active la lógica condicional

Ahora verá algunas opciones adicionales que le permiten establecer reglas para el campo. Debe asegurarse de que la primera opción esté seleccionada en Show (Mostrar) y luego utilizar los menús desplegables para que los campos restantes digan Payment is Credit Card (El pago es con tarjeta de crédito).

Establezca algunas reglas para el campo

Ahora el campo Stripe Credit Card sólo se mostrará después de que el usuario seleccione la tarjeta de crédito en el campo de método de pago.

Habilitación de métodos de pago para el formulario de pedido

El siguiente paso es habilitar los pagos de PayPal y Stripe para el formulario de pedido.

Primero debe navegar a Payments » PayPal Standard en el constructor de formularios WPForms. Una vez allí, debe marcar la casilla Enable PayPal Standard payments (Habilitar pagos de PayPal Estándar) en el panel derecho.

Marque la casilla Activar pagos estándar de PayPal

A continuación, deberá rellenar el resto de los campos. Introduzca su dirección de correo electrónico de PayPal y ponga la cuenta en modo de producción. También debe configurar si los usuarios deben proporcionar una dirección de envío.

Activar la opción de lógica condicional

Después de eso, necesita desplazarse hacia abajo hasta la opción de Enable Conditional Logic y activarla en la posición ON. Esto revelará más ajustes.

Activar la opción de lógica condicional

Debe configurar la regla para Procesar el cargo si el Método de Pago es PayPal.

A continuación, debe hacer clic en la sección de Stripe de la pestaña Payments y luego marcar la casilla Enable Stripe payments (Habilitar pagos de Stripe).

Marque la casilla Habilitar pagos de Stripe.

Puede añadir una descripción del pago y optar por enviar un recibo por correo electrónico si lo desea. Después de eso, necesita cambiar el interruptor de Enable Conditional Logic a la posición de encendido para que pueda crear una regla para esta opción de pago.

Activar la opción de lógica de condiciones

Debe configurar la regla para que diga Procesar este cargo si el Método de Pago es Tarjeta de Crédito.

Si desea aceptar pagos de suscripción recurrentes con tarjeta de crédito, puede desplazarse hasta la sección Subscription y configurarla.

Suscripciones a Stripe

Una vez que haya terminado, debe hacer clic en el botón Save en la parte superior y salir del constructor de formularios.

Añadir el formulario de pedido a su sitio WordPress

Su formulario de pedido online con múltiples opciones de pago ya está listo, y puede añadirlo a cualquier página de WordPress de su sitio.

Para añadir su formulario, simplemente edite una entrada o página o cree una nueva. Luego, haga clic en el signo más + a la derecha de la página y añada un bloque WPForms en su editor de WordPress.

Añadir un bloque WPForms

Después de eso, tiene que hacer clic en el menú desplegable en el bloque WPForms y seleccionar su formulario de pedido.

Seleccione su formulario de pedido en el menú desplegable

Ahora puede guardar o publicar su página y hacer clic en el botón de vista previa para ver su formulario en acción.

Vista previa del formulario de pedido

Esperamos que este tutorial te haya ayudado a aprender cómo permitir a los usuarios elegir un método de pago en tu formulario de WordPress.

Publicidad

Síguenos en Facebook