Cómo permitir que los usuarios elijan un método de pago en los formularios de WordPress

¿Desea permitir que los usuarios elijan entre diferentes métodos de pago en su sitio web de WordPress o tienda en línea?

Cuando permita que sus clientes elijan su método de pago preferido, generará confianza y aumentará las conversiones en su sitio web.

En este artículo, le mostraremos cómo permitir que sus usuarios elijan un método de pago en sus formularios de WordPress.

¿Por qué ofrecer múltiples 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 uno tiene sus pros y sus contras, y es probable que sus visitantes ya tengan preferencia por uno u otro.

Por lo tanto, si está vendiendo productos o servicios en su sitio web de WordPress, o solicitando donaciones, entonces es importante permitir que sus visitantes utilicen su método de pago preferido.

Es posible que ya tenga una tienda en línea completa con un carrito de compras, pero no necesita configurar uno para aceptar pagos en línea. Todo lo que necesita es un formulario de pedido en línea simple con una selección de opciones de pago.

Esto tiene sentido si está vendiendo un solo producto, aceptando pagos por servicios o recaudando dinero para una causa u organización benéfica.

Antes de que pueda aceptar pagos en su sitio web, deberá habilitar HTTPS/SSL en su sitio web para que pueda aceptar pagos de forma segura. Para obtener más detalles, puede seguir nuestra guía sobre cómo obtener un certificado SSL gratuito para su sitio de WordPress.

Dicho esto, veamos cómo puede ofrecer múltiples opciones de pago en su sitio web. Cubriremos tres métodos para que pueda elegir el que mejor se adapte a sus necesidades.

El método 1 es el más simple y no requiere un carrito de compras lleno. Debe usar el Método 2 si tiene una tienda WooCommerce. Y el Método 3 es mejor si no tiene una tienda en línea y desea usar PayPal o crear formularios más flexibles.

Método 1: Ofreciendo Múltiples Métodos de Pago Usando WP Simple Pay

WP Simple Pay es una manera fácil de ofrecer múltiples métodos de pago en su sitio. Es un complemento de pagos de WordPress líder que le permite recibir pagos sin configurar una tienda de comercio electrónico o un sitio de membresía con todas las funciones.

Utiliza Stripe, una pasarela de pago popular, para aceptar pagos con tarjetas de crédito, Apple Pay, Google Pay, débito bancario ACH, débito directo SEPA, Alipay, Giropay, iDEAL y más.

Lo primero que debe hacer es instalar y activar el complemento WP Simple Pay. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Si bien existe una versión gratuita del complemento, necesita el complemento Pro para crear formularios de pago en el sitio, aceptar Apple Pay y más.

Tras la activación, el asistente de configuración de WP Simple Pay se iniciará automáticamente. Simplemente necesita hacer clic en el botón 'Empecemos' para continuar.

Primero, se le pedirá que ingrese su clave de licencia. Puede encontrar esta información desde su cuenta en el sitio web de WP Simple Pay.

Después de eso, debe hacer clic en el botón 'Activar y continuar' para continuar.

A continuación, deberá conectar WP Simple Pay a Stripe.

Comience haciendo clic en el botón 'Conectar con Stripe'. Desde allí, puede iniciar sesión en su cuenta de Stripe o crear una nueva. Cualquier persona con un negocio legítimo puede crear una cuenta de Stripe y aceptar pagos en línea.

Como mencionamos anteriormente, Stripe requerirá que su sitio use encriptación SSL/HTTPS. Si aún no tiene un certificado SSL para su sitio web, consulte nuestra guía paso a paso sobre cómo agregar SSL en WordPress.

Una vez que se haya conectado a Stripe, se le pedirá que configure sus correos electrónicos de WP Simple Pay.

Las opciones de pago y envío de facturas a tus clientes ya están habilitadas para ti. También tiene la opción de enviar correos electrónicos de notificación de pago. Solo necesita ingresar la dirección de correo electrónico donde se deben enviar las notificaciones.

Una vez que haya hecho eso, debe hacer clic en el botón 'Guardar y continuar'. Esto completa su configuración de WP Simple Pay.

Hay una configuración más que puede necesitar configurar antes de continuar. Algunas opciones de pago solo funcionarán para monedas específicas, por lo que si no está utilizando USD, deberá cambiar la moneda predeterminada.

Simplemente visite WP Simple Pay » Configuración , luego haga clic en 'General' y luego en 'Moneda', luego seleccione la moneda correcta en el menú desplegable.

Crear un formulario de pago en WordPress

Ahora es el momento de crear su formulario de pago. WP Simple Pay ofrece muchas formas de personalizar el formulario, pero si necesita un control más completo sobre la apariencia de su formulario, consulte WPForms en el Método 3.

Si no necesitaba cambiar su moneda y aún puede ver la última página del asistente de configuración, simplemente haga clic en el botón 'Crear un formulario de pago'. De lo contrario, debe navegar a la página WP Simple Pay » Agregar nuevo .

Se le mostrará una lista de plantillas de formularios de pago. Puede comenzar con una plantilla genérica como "Formulario de pago" y luego agregar métodos de pago. Alternativamente, puede buscar una plantilla más específica, como 'Afterpay/Clearpay' o 'Apple Pay/Google Pay'.

Para este tutorial, elegiremos la plantilla 'Formulario de pago'. Simplemente coloque el cursor sobre la plantilla que desea usar y haga clic en el botón 'Usar plantilla' cuando aparezca.

Esto lo llevará al editor de formularios de pago.

Debes comenzar por darle a la forma de pago un nombre y una descripción. Después de eso, puede seleccionar la opción 'Stripe Checkout' en Tipo de formulario.

A continuación, debe hacer clic en la pestaña 'Pago'. Aquí puede configurar el modo de pago en vivo o de prueba. El modo de prueba le permitirá realizar pagos que en realidad no se cobran para que pueda asegurarse de que su formulario funcione correctamente y de que se envíen los correos electrónicos.

No olvide cambiar esto a 'En vivo' cuando haya terminado de probar y esté listo para comenzar a recibir pagos de sus clientes.

También puede agregar los productos o servicios que ofrece, junto con sus precios y si son un pago único o una suscripción.

Simplemente haga clic en el botón 'Agregar precio' hasta que haya agregado tantos precios como necesite. Luego, para cada uno, deberá agregar una etiqueta y un precio. También puedes seleccionar otras opciones, como si el precio es una suscripción, o el usuario puede determinar el precio, como en una donación.

Puede mostrar u ocultar un precio haciendo clic en la flecha pequeña a la derecha.

A continuación, pasaremos a la pestaña 'Campos de formulario'. Los campos esenciales ya se agregaron al formulario y puede agregar más si es necesario.

Usando el menú desplegable 'Campos de formulario', puede elegir campos adicionales y agregarlos haciendo clic en el botón 'Agregar campo'. Las opciones incluyen nombre, número de teléfono, dirección y mucho más.

El texto predeterminado en el botón es 'Pagar con tarjeta'. Dado que aceptará múltiples tipos de pago, puede cambiar el texto a algo más genérico, como simplemente "Pagar ahora". Entonces sus clientes no asumirán que las tarjetas de crédito son la única opción de pago.

Finalmente, debe hacer clic en la pestaña 'Stripe Checkout' y seleccionar los métodos de pago que desea ofrecer. Para este tutorial, simplemente dejaremos la configuración predeterminada.

Los métodos de pago adicionales, como Apple Pay, se ofrecerán automáticamente en los dispositivos compatibles. Para obtener más información, consulte nuestra guía sobre cómo aceptar Apple Pay en WordPress.

Klarna y Afterpay son servicios de 'compre ahora, pague después' y ofrecen flexibilidad a los clientes, ya que pueden comprar bienes y pagar a plazos durante un período de tiempo específico. Para obtener más información, consulte nuestra guía sobre cómo agregar planes de pago "compre ahora y pague después" a WordPress.

Cuando esté satisfecho con su formulario de pago, haga clic en el botón 'Publicar' para almacenar su configuración y publicar el formulario.

El paso final es agregar el formulario a una publicación o página en su sitio web.

Agregar el formulario de pago a su sitio web

WP Simple Pay hace que sea muy fácil agregar formularios en cualquier lugar de su sitio web.

Simplemente cree una nueva publicación o página, o edite una existente. Luego, haga clic en el signo más (+) en la parte superior y agregue un bloque WP Simple Pay en el editor de bloques de WordPress.

Después de eso, seleccione su formulario de pedido del menú desplegable en el bloque WP Simple Pay.

Una vez que haya terminado, puede actualizar o publicar la publicación o la página y luego hacer clic en el botón de vista previa para ver su formulario en acción.

Cuando sus usuarios hagan clic en el botón 'Pagar ahora', se mostrará el formulario de pago de Stripe. Esto ofrecerá todas las opciones de pago que marcó anteriormente.

En dispositivos y navegadores compatibles, también se ofrecerán automáticamente opciones de pago adicionales como Apple Pay.

Un método de pago adicional que puede ofrecer a sus clientes utilizando WP Simple Pay son los pagos recurrentes. Para obtener más información, consulte nuestra guía sobre cómo aceptar pagos recurrentes en WordPress.

Método 2: ofrecer múltiples métodos de pago en WooCommerce

Si tiene una tienda en línea con WooCommerce, puede ofrecer fácilmente métodos de pago adicionales mediante PayPal y la pasarela de pago de Stripe.

Para este tutorial, asumiremos que ya tienes instalado WooCommerce. Si necesita ayuda para configurarlo, consulte nuestra guía paso a paso sobre WooCommerce.

Agregar PayPal a su tienda WooCommerce

Es posible que ya haya configurado PayPal cuando siguió el asistente de configuración de WooCommerce en esa guía. Si es así, puede pasar a la siguiente sección y configurar Stripe.

De lo contrario, debe dirigirse a WooCommerce » Configuración y luego hacer clic en la pestaña 'Pagos' en la parte superior de la pantalla.

Después de eso, desplácese hacia abajo en la página hasta que encuentre PayPal y haga clic en el botón 'Comenzar'.

Debe comenzar escribiendo su dirección de correo electrónico de PayPal y luego seleccionando su país en el menú desplegable.

Después de eso, debe hacer clic en el botón 'Siguiente' para continuar.

Si ya tiene una cuenta de PayPal con esa dirección de correo electrónico, se le pedirá que proporcione su contraseña e inicie sesión. De lo contrario, primero se le pedirá que proporcione sus datos personales y cree una nueva cuenta.

Finalmente, debe hacer clic en el botón 'Acepto y consentimiento' para conectar su cuenta de PayPal a la tienda en línea.

Una vez que haya hecho eso, deberá confirmar su dirección de correo electrónico yendo a su bandeja de entrada y siguiendo las instrucciones en el correo electrónico que le enviaron. A continuación, puede cerrar la ventana emergente desplazándose hasta la parte inferior y haciendo clic en el botón.

Debería volver a la página de configuración de pagos de WooCommerce. Aquí deberá marcar la casilla para habilitar la pasarela de pago de PayPal en su tienda en línea.

Después de eso, desplácese con cuidado hacia abajo en la página y asegúrese de que todas las configuraciones sean correctas. Cuando esté satisfecho, puede hacer clic en el botón "Guardar cambios" en la parte inferior de la página.

Al pagar, sus clientes ahora pueden pagar usando PayPal como opción de pago.

Agregar Stripe a su tienda WooCommerce

Lo primero que debe hacer es instalar y activar WooCommerce Stripe Payment Gateway. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Algunas opciones de pago solo están disponibles para ciertas monedas. Si está utilizando una moneda que no sea USD, debe navegar a WooCommerce » Configuración y asegurarse de estar en la pestaña 'General'.

Aquí puede elegir la moneda para su tienda en línea. Asegúrese de hacer clic en el botón 'Guardar' para guardar la configuración.

Después de eso, debe hacer clic en la pestaña 'Pagos'. Una vez allí, debe desplazarse hacia abajo hasta encontrar 'Stripe' en la columna 'Método'. Tenga en cuenta que hay varios métodos de pago de Stripe.

Debe comenzar haciendo clic en el botón 'Configurar' junto a 'Stripe - Tarjeta de crédito'. Esto iniciará un asistente de configuración que lo guiará a través de los pasos para conectar WooCommerce a Stripe.

En la siguiente pantalla, haga clic en el botón 'Ingresar claves de cuenta'.

WooCommerce ahora le pedirá las claves de su cuenta de Stripe. Para obtener esta información, debe iniciar sesión en su panel de Stripe en una nueva pestaña.

Dentro del panel de control de Stripe, debe asegurarse de estar en la pestaña "Desarrolladores" en la parte superior de la pantalla y luego seleccionar "Claves de API" en el menú de la izquierda.

Ahora puede copiar la 'Clave publicable'.

Luego, vuelva a su panel de control de WordPress y pegue esta clave en el campo 'Clave publicable en vivo'.

Ahora debe hacer lo mismo con la clave secreta. Simplemente vuelva a su panel de control de Stripe y haga clic en el botón 'Revelar clave en vivo'.

Esto mostrará su clave secreta.

Debe copiar la clave y luego regresar a su panel de control de WordPress y pegarla en el campo 'Clave secreta en vivo'.

Después de eso, simplemente haga clic en el enlace 'Probar conexión'.

Después de unos momentos, verá un mensaje de 'Conexión exitosa'. Esto significa que WooCommerce ahora está conectado a su cuenta de Stripe.

Ahora puede continuar y hacer clic en el botón 'Guardar claves en vivo'.

Esto lo llevará a la pantalla "Configuración" de Stripe.

En esta pantalla, debe marcar la casilla 'Habilitar banda'. Si lo desea, también puede hacer clic en el cuadro 'Habilitar modo de prueba'.

El modo de prueba le permitirá realizar pagos que en realidad no se cargan a una cuenta. Esto es útil cuando se prueban múltiples tipos de pago en su tienda WooCommerce. No olvide regresar y desmarcar la configuración cuando esté listo para comenzar a recibir pagos.

Ahora puede desplazarse hasta el final de la página y hacer clic en el botón 'Guardar cambios' para almacenar su configuración.

Ahora que ha habilitado los pagos con tarjeta de crédito de Stripe, puede habilitar cualquier método de pago de Stripe adicional que le gustaría ofrecer en su tienda en línea.

Regrese a WooCommerce » Configuración y haga clic en la pestaña 'Pagos'. Una vez allí, puedes explorar los métodos de pago que funcionan con la moneda de tu tienda.

Para este tutorial, habilitaremos Alipay. Debe encontrar 'Stripe Alipay' en la lista de métodos de pago y luego hacer clic en el botón 'Configurar'.

Aquí puede hacer clic en el botón 'Habilitar Alipay'. Esto mostrará Alipay como una opción de pago al pagar.

A continuación, debe hacer clic en el botón 'Guardar cambios' para almacenar su configuración.

Agregar pagos recurrentes a WooCommerce

Otra forma de ofrecer arreglos de pago flexibles a sus clientes de WooCommerce es agregar pagos recurrentes para que a sus clientes se les cobre automáticamente de forma semanal, mensual, trimestral o anual.

Esto automatiza el proceso de facturación para ahorrarle tiempo. No tendrá que enviar facturas manualmente y los pagos recurrentes generalmente generan menos demoras y errores en los pagos.

Para obtener más información, consulte el Método 4 en nuestra guía sobre cómo aceptar pagos recurrentes en WordPress.

Ahora, cuando sus clientes paguen, podrán elegir su método de pago preferido. Aquí hay una captura de pantalla de ejemplo de nuestra tienda de demostración WooCommerce.

Nuestros clientes pueden realizar pagos con tarjetas de crédito, PayPal y Alipay.

Método 3: Ofreciendo Múltiples Métodos de Pago Usando WPForms

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

WPForms es el mejor complemento de creación de formularios de arrastrar y soltar para WordPress. Le permite crear un formulario de pedido simple o un formulario de donación sin la molestia de una plataforma de comercio electrónico completa o un complemento de carrito de compras.

Si bien tienen una versión Lite que es gratuita, necesitará su plan Pro para acceder a los complementos de pago y la plantilla del formulario de pedido. Admite tarjetas de crédito y PayPal.

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

Conexión de plataformas de pago a WPForms

A continuación, conectaremos WPForms con las plataformas de pago que planea usar. Para hacer esto, debe dirigirse a WPForms » Complementos e instalar los complementos de pago.

Una vez allí, debe desplazarse hacia abajo hasta el Complemento estándar de PayPal y luego hacer clic en el botón Instalar complemento.

Verá un mensaje que indica que el complemento se instaló y activó, y el texto del botón cambiará a Desactivar.

Configuraremos los detalles de su cuenta de PayPal más adelante en el tutorial.

También deberá instalar un complemento para aceptar pagos con tarjeta de crédito. WPForms es compatible con Stripe, Square y Authorize.net. Para este tutorial, configuraremos Stripe, pero los pasos para configurar las otras dos plataformas son similares.

Deberá desplazarse hasta el complemento de Stripe y hacer clic en el botón Instalar complemento.

Una vez que se hayan instalado y activado los complementos, deberá conectar WPForms a su cuenta de Stripe.

Para hacer eso, diríjase a la página WPForms » Settings y haga clic en la pestaña 'Pagos'. Después de eso, deberá conectar su cuenta de Stripe haciendo clic en el botón 'Conectar con Stripe'.

En la siguiente pantalla, puede ingresar su dirección de correo electrónico de Stripe y hacer clic en el botón 'Siguiente'. Una vez hecho esto, Stripe le pedirá su contraseña para poder iniciar sesión en su cuenta.

Después de iniciar sesión, puede seleccionar su cuenta de Stripe y luego hacer clic en el botón 'Conectar'. Luego será redirigido a la pestaña de configuración de Pagos de WPForms.

Para asegurarse de que su cuenta se haya conectado correctamente, puede ir a la configuración de Estado de conexión en la configuración de Stripe.

Cuando vea una marca de verificación verde, significa que su cuenta de Stripe ahora está activa con WPForms. Continúe y haga clic en el botón 'Guardar configuración' para almacenar su configuración.

WPForms ahora 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 puede aceptar pagos con PayPal y con tarjeta de crédito.

Para comenzar, diríjase a la página WPForms » Agregar nuevo . Desde aquí, debe proporcionar un título para su formulario y luego seleccionar la plantilla 'Facturación / Formulario de pedido'.

WPForms precargará el generador de formularios con un formulario de pedido simple con campos de uso común.

Puede editar cualquier campo haciendo clic en él.

Puede agregar nuevos campos desde la columna de la izquierda usando arrastrar y soltar.

Deberá arrastrar un campo de opción múltiple al formulario para permitir que sus clientes seleccionen entre múltiples opciones de pago.

Después de eso, debe arrastrar el campo Tarjeta de crédito de Stripe al formulario justo debajo del campo Opción múltiple.

A continuación, debe hacer clic en el campo Opción múltiple y cambiar las opciones para que coincidan con los métodos de pago que ofrece.

Comience asignando al campo la etiqueta Método de pago. Después de eso, debe nombrar las dos primeras opciones PayPal y Tarjeta de crédito.

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

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

Ahora necesitamos configurar el campo Tarjeta de crédito de Stripe. Queremos que esté oculto hasta que un usuario lo seleccione como su opción de pago. Tendremos que usar la función de lógica condicional de WPForms.

Tendrás que hacer clic en el campo Stripe para poder editarlo y luego hacer clic en la pestaña 'Smart Logic'. Simplemente habilite la lógica condicional haciendo clic en el interruptor de palanca en la posición de encendido.

Ahora verá algunas opciones adicionales que le permiten configurar reglas para el campo. Debe asegurarse de que la primera opción esté seleccionada en 'Mostrar' y luego usar los menús desplegables para que los campos restantes digan 'Pago con tarjeta de crédito'.

Ahora, el campo Tarjeta de crédito de Stripe solo se mostrará después de que un usuario seleccione Tarjeta de crédito en el campo Método de pago.

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

Ahora habilitaremos los pagos de PayPal y Stripe para el formulario de pedido.

Primero debe navegar a Pagos » Estándar de PayPal en el generador de formularios de WPForms. Una vez allí, debe marcar la casilla 'Habilitar pagos estándar de PayPal' en el panel derecho.

Después de eso, debe completar el resto de los campos. Escriba su dirección de correo electrónico de PayPal y coloque la cuenta en modo Producción. También debe configurar si los usuarios deben proporcionar una dirección de envío.

Después de eso, debe desplazarse hacia abajo hasta la opción Habilitar lógica condicional y cambiarla a la posición ON. Esto revelará más configuraciones.

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 Stripe de la pestaña Pagos y luego marcar la casilla 'Habilitar pagos Stripe'.

Puede agregar una descripción de pagos y optar por enviar un recibo por correo electrónico si lo desea. Después de eso, debe cambiar el interruptor Habilitar lógica condicional a la posición de encendido para que pueda crear una regla para esta opción de pago.

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 hacia abajo hasta la sección Suscripción y configurarla.

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

Agregar el formulario de pedido a su sitio de WordPress

Su formulario de pedido en línea con múltiples opciones de pago ya está listo y puede agregarlo a cualquier página de WordPress en su sitio.

Para agregar su formulario, simplemente edite una publicación o página o cree una nueva. Luego, haga clic en el signo más + a la derecha de la página y agregue un bloque WPForms en su editor de WordPress.

Después de eso, debe hacer clic en el menú desplegable en el bloque WPForms y luego seleccionar su formulario de pedido. Cuando haya terminado, asegúrese de guardar o publicar la página.

Ahora puede ver su formulario en acción haciendo clic en el botón "Vista previa" en la parte superior de la pantalla.

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

También es posible que desee ver nuestra selección experta de las mejores aplicaciones de números de teléfono comerciales virtuales para pequeñas empresas, y nuestra guía paso a paso sobre cómo elegir el mejor proveedor de VoIP comercial.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress. También puede encontrarnos en Twitter y Facebook.