Cómo permitir a los usuarios elegir un método de pago en los formularios de WordPress

¿Desea permitir a los usuarios elegir entre distintos métodos de pago en su sitio web o tienda en línea de WordPress?

Si permite a sus clientes elegir su método de pago preferido, la experiencia de finalizar compra será más fluida. Tener varias opciones de pago también puede ayudar a reducir el abandono del carrito, lo que en última instancia aumenta sus ventas.

En este artículo, le mostraremos cómo permitir a sus usuarios elegir un método de pago en sus 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 Internet. Cada una tiene sus pros y sus contras, y es probable que sus visitantes ya prefieran una u otra.

Por lo tanto, si vende productos o servicios en su sitio web de WordPress o solicita donaciones, es importante que permita a sus visitantes utilizar su método de pago preferido.

Ahora, puede que ya tengas una tienda online completa con un carrito de la compra.

Pero si no tiene una tienda en línea, la buena noticia es que no necesita establecer una para aceptar pagos en línea. Todo lo que necesita es un simple formulario de pedido / orden en línea con una selección de opciones de pago.

Especialmente si vende un único producto, acepta pagos por servicios o recauda dinero para una causa o una organización benéfica, la solución es sin duda la mejor idea.

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

En esta guía le mostraremos cómo ofrecer múltiples opciones de pago en su sitio web. Cubriremos tres métodos para que puedas elegir el que mejor se adapte a tus necesidades.

El método 1 es el más sencillo y no requiere un carrito de la compra completo. Deberías usar el Método 2 si tienes una tienda WooCommerce. El método 3 es el mejor si no tienes una tienda online y quieres usar PayPal o crear formularios más flexibles.

¿Preparados? Primeros pasos.

Método 1: Ofrecer múltiples métodos de pago utilizando WP Simple Pay

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

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

Ahora, lo primero que tienes que hacer es instalar y activar el plugin WP Simple Pay. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Aunque hay una versión gratuita del plugin, necesitas el plugin Pro para crear formularios de pago in situ, aceptar Apple Pay y mucho más.

Una vez activado, el asistente de configuración de WP Simple Pay se iniciará automáticamente. Solo tienes que hacer clic en el botón ‘Empecemos’ para continuar.

En primer lugar, se le pedirá que introduzca su clave de licencia. Puedes encontrar esta información en tu cuenta en el sitio web de WP Simple Pay.

A continuación, deberá hacer clic en el botón “Activar y continuar” para seguir adelante.

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

Empieza haciendo clic en el botón “Conectar con Stripe”. A partir de ahí, puede acceder a 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 hemos mencionado anteriormente, Stripe requerirá que su sitio utilice cifrado SSL/HTTPS. Si aún no dispone de un certificado SSL para su sitio web, consulte nuestra guía paso a paso sobre cómo añadir 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 para los correos electrónicos de pago y factura a sus clientes ya han sido activadas para usted. También lo está la opción de enviar correos electrónicos de aviso de pago.

Esto significa que sólo tiene que introducir la dirección de correo electrónico a la que deben enviarse los avisos.

Una vez hecho esto, debe hacer clic en el botón “Guardar y continuar”. Esto completa la configuración de WP Simple Pay.

Antes de continuar, hay un ajuste más que puede necesitar configurar. Algunas opciones de pago funcionan solo para divisas específicas, así que si no usas USD, tendrás que cambiar la divisa por defecto.

Para ello, vamos a visitar WP Simple Pay ” Ajustes.

En la pestaña “General”, abra la subpestaña “Divisa”. A continuación, puedes seleccionar tu moneda 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 un montón de maneras de personalizar el formulario, pero si necesita un control más completo sobre el aspecto de su formulario, entonces compruebe WPForms en el Método 3.

Si no ha necesitado cambiar su divisa y todavía 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 ” Añadir nuevo.

En esta área, verá un anuncio / catálogo / fichas de plantillas de formas de pago. Puedes empezar con una plantilla genérica como ‘Formulario de pago’ y luego añadir métodos de pago.

También 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’. Ahora, simplemente pase el cursor sobre la plantilla que desea utilizar y haga clic en el botón “Usar plantilla” cuando aparezca.

Esto le llevará al editor del formulario de pago.

Debe empezar por dar un nombre y una descripción al formulario de pago. A continuación, en Tipo de formulario, puede seleccionar la opción “Finalizar compra / pago con Stripe”.

A continuación, debe hacer clic en la pestaña “Pago”. Aquí puedes establecer el modo de pago en vivo o en pruebas. El modo de prueba te permitirá realizar pagos que no se cobran realmente, para que puedas asegurarte de que tu formulario funciona correctamente y de que se envían los correos electrónicos.

No olvide cambiarlo a “Activo” cuando haya terminado las pruebas y esté listo para empezar a recibir pagos de sus clientes.

También puede añadir los productos o servicios que ofrece, junto con sus precios y si son de pago único o de suscripción.

Simplemente haga clic en el botón “Añadir precio” hasta que haya añadido tantos precios como necesite. Después, para cada uno, tendrás que añadir 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 al hacer clic en la flecha pequeña de la derecha.

A continuación, pasaremos a la pestaña “Campos del formulario”. Los campos esenciales ya han sido añadidos al formulario, y puedes añadir más si es necesario.

En el menú desplegable “Campos del formulario” puede elegir campos adicionales y añadirlos al hacer clic en el botón “Añadir campo”. Las opciones incluyen nombre, número de teléfono, dirección y mucho más.

El texto por defecto del botón es “Pague con tarjeta”. Dado que aceptará varios tipos de pago, puede cambiar el texto por algo más genérico, como “Pague ahora”. Así, sus clientes no asumirán que las tarjetas de crédito son la única opción de pago.

Por último, debe hacer clic en la pestaña “Finalizar compra / pago con Stripe” y seleccionar los métodos de pago que desea ofrecer. Para este tutorial, dejaremos los ajustes por defecto.

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

Klarna y Afterpay son servicios de “compra ahora, paga después” y ofrecen flexibilidad a los clientes, ya que pueden comprar productos y pagar a plazos durante un periodo de tiempo determinado. Para más información, consulte nuestra guía práctica sobre cómo añadir planes de pago de “compra ahora, paga después” a WordPress.

Cuando esté satisfecho con su formulario de pago, haga clic en el botón “Publicar” para guardar los ajustes y activar el formulario.

El último paso es añadir el formulario a una entrada o página de su sitio web.

Añadir el formulario de pago a su sitio web

WP Simple Pay hace que sea muy fácil añadir formularios en cualquier parte de su sitio web.

Simplemente crea una nueva entrada o página o edita una existente. A continuación, haz clic en el signo más (+) de la parte superior y añade un bloque WP Simple Pay en el editor de bloques de WordPress.

A continuación, seleccione su formulario de pedido en el menú desplegable del bloque WP Simple Pay.

Una vez que hayas terminado, puedes actualizar o publicar la entrada o página y luego hacer clic en el botón de vista previa para ver tu formulario en acción.

Cuando sus usuarios hagan clic en el botón “Pagar ahora”, se mostrará el formulario de finalización de compra / pago de Stripe. Este ofrecerá todas las opciones de pago que marcó / comprobó anteriormente.

En los 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 puedes ofrecer a tus clientes usando WP Simple Pay son los pagos periódicos. Para más información, consulta nuestra guía sobre cómo aceptar pagos periódicos en WordPress.

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

Si tienes una tienda online con WooCommerce, puedes ofrecer fácilmente métodos de pago adicionales utilizando PayPal y la pasarela de pago Stripe.

Para este tutorial, asumiremos que ya tienes instalado WooCommerce. Si necesitas ayuda para establecerlo, consulta nuestra guía paso a paso sobre WooCommerce.

Añadir PayPal a su tienda WooCommerce

Es posible que ya hayas establecido PayPal al seguir el asistente de configuración de WooCommerce en esa guía. Si es así, puedes pasar a la siguiente sección y establecer Stripe.

Si no, tienes que ir a WooCommerce ” Ajustes y luego hacer clic en la pestaña ‘Pagos’ en la parte superior de la pantalla.

A continuación, desplácese por la página hasta encontrar PayPal y haga clic en el botón “Primeros pasos”.

Para empezar, escriba su dirección de correo electrónico de PayPal y seleccione su país en el menú desplegable.

Una vez introducidos estos datos, puede hacer clic en el botón “Siguiente” para continuar.

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

Por último, debe hacer clic en el botón “Aceptar y consentir” para conectar su cuenta PayPal a la tienda en línea.

Una vez hecho esto, tendrá que confirmar su dirección de correo electrónico accediendo a su bandeja de entrada y siguiendo las instrucciones del correo electrónico que se le envió. A continuación, puede descartar la ventana emergente desplazándose hasta la parte inferior y haciendo clic en el botón .

Deberías encontrarte de nuevo en la página de ajustes de Pagos de WooCommerce. Aquí, tendrás que marcar la casilla para activar la pasarela de pago de PayPal en tu tienda online.

A continuación, desplázate con cuidado por la página y asegúrate de que todos los ajustes son correctos. Cuando estés satisfecho, puedes hacer clic en el botón “Guardar cambios” al final de la página.

Al marcar / comprobar, sus clientes ahora pueden pagar utilizando PayPal como opción de pago.

Añadir Stripe a su tienda WooCommerce

Para empezar, lo primero que tienes que hacer es instalar y activar la pasarela de pago Stripe de WooCommerce. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Algunas opciones de pago solo están disponibles para determinadas divisas. Si está utilizando una moneda que no sea USD, entonces usted debe navegar a WooCommerce ” Ajustes y asegúrese de que está en la pestaña ‘General’.

Aquí puedes elegir la moneda para tu tienda online. No olvides hacer clic en el botón “Guardar” para establecer los ajustes.

A continuación, puede hacer clic en la pestaña “Pagos”.

En esta pestaña, deberá desplazarse hacia abajo hasta encontrar “Stripe” en la columna “Método”. Aviso de que hay varios métodos de pago de Stripe.

Tienes que empezar al hacer clic en el botón ‘Configurar’ al lado de ‘Stripe – Tarjeta de crédito’. Esto iniciará un asistente de configuración que te llevará a través de los pasos para conectar WooCommerce a Stripe.

En la pantalla siguiente, haga clic en el botón “Introducir las claves de la cuenta”.

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

Dentro del tablero de Stripe, debe asegurarse de que está en la pestaña “Desarrolladores” en la parte superior de la pantalla y, a continuación, seleccione “Claves API” en el menú de la izquierda.

Ahora puede copiar la “clave publicable”.

A continuación, vuelva a su escritorio de WordPress y pegue esta clave en el campo “Live publishable key”.

Ahora, tienes que hacer lo mismo con la clave secreta. Simplemente vuelve a tu panel de Stripe y haz clic en el botón “Revelar clave secreta”.

Esto mostrará tu clave secreta.

Debe copiar la clave y, a continuación, volver al escritorio de WordPress y pegarla en el campo “Clave secreta en tiempo real”.

Después, sólo tienes que enlazar el enlace “Probar conexión”.

Después de unos momentos, verás un mensaje de ‘Conexión correcta’. Esto significa que WooCommerce ya está conectado a tu cuenta de Stripe.

Ahora puedes seguir adelante y hacer clic en el botón “Guardar claves activas”.

A continuación, se le redirigirá a la pantalla “Ajustes” de Stripe.

En esta pantalla, deberá marcar la casilla “Activar Stripe”. Si lo desea, también puede hacer clic en la casilla “Activar modo de prueba”.

El modo de prueba te permite realizar pagos que en realidad no se cargan a una cuenta. Esto es útil para probar múltiples tipos de pago en tu tienda WooCommerce. Recuerda desmarcar el ajuste cuando estés listo para empezar a aceptar pagos.

Ahora puedes desplazarte hasta el final de la página y hacer clic en el botón “Guardar cambios” para establecer los ajustes.

Ahora que ha activado los pagos con tarjeta de crédito de Stripe, puede activar cualquier otro método de pago de Stripe que desee ofrecer en su tienda en línea.

Vuelve a WooCommerce ” Ajustes y haz 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, vamos a activar Alipay. Tienes que encontrar ‘Stripe Alipay’ en la lista de métodos de pago y luego hacer clic en su botón ‘Configurar’.

Aquí puede hacer clic en el botón “Activar Alipay”. Esto mostrará Alipay como opción de pago al marcar / comprobar.

A continuación, puedes hacer clic en el botón “Guardar cambios” para establecer los ajustes.

Alternativa: En lugar de usar la extensión Stripe por defecto de WooCommerce, puedes usar el plugin gratuito Stripe Payment Gateway for WooCommerce, creado por FunnelKit.

Es compatible con Stripe, Apple Pay, Google Pay, SEPA, iDEAL y más. También incluye características adicionales como un sencillo asistente de configuración, creación automática de webhooks, pagos exprés con un solo clic y mucho más.

Añadir pagos periódicos a WooCommerce

Otra forma de ofrecer acuerdos de pago flexibles a tus clientes de WooCommerce es añadir pagos periódicos, que les cobrarán automáticamente semanal, mensual, trimestral o anualmente.

Esto automatiza el proceso de facturación para ahorrarle tiempo. No tendrá que enviar facturas manualmente y los pagos periódicos suelen dar lugar a menos retrasos y errores en los pagos.

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

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

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

Método 3: Ofrecer múltiples métodos de pago utilizando WPForms

WPForms es el mejor plugin editor de arrastrar y soltar formularios para WordPress. Le permite crear un formulario de pedido / orden simple o formulario de donación sin la molestia de una plataforma de comercio electrónico en toda regla o carrito de la compra plugin.

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

Necesitarás su plan Pro para acceder a las extensiones de pago de Stripe, PayPal, Square y Authorize.Net. También ofrece una biblioteca de más de 1800 plantillas con múltiples plantillas de formularios de pedido, pagos periódicos y sin cuotas de transacción adicionales.

Existe una versión gratuita de WPForms Lite que le permite aceptar pagos únicos de Stripe. Pero hay una cuota de transacción adicional del 3% en los pagos realizados a través de sus formularios.

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

Conexión de plataformas de pago a WPForms

A continuación, conectaremos WPForms con las plataformas de pago que planea utilizar. Para ello, tendrá que dirigirse a WPForms ” Encabezados e instalar las extensiones de pago.

Una vez allí, desplácese hasta la extensión PayPal Standard y haga clic en su botón “Instalar extensión”.

Verás un mensaje diciendo que la extensión ha sido instalada y activada, y el texto del botón cambiará a “Desactivar”.

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

También tendrá que instalar una extensión para aceptar pagos con tarjeta de crédito. WPForms es compatible con Stripe, Square y Authorize.Net. Para este tutorial, vamos a establecer Stripe, pero los pasos para la configuración de las otras plataformas son similares.

Tendrá que desplazarse hasta la extensión de Stripe y hacer clic en el botón “Instalar extensión”.

Una vez instaladas y activadas las extensiones, deberá conectar WPForms a su cuenta de Stripe.

Para hacerlo, diríjase a WPForms “ página de ajustes y haga clic en la pestaña ‘Pagos’. Después de eso, tendrá que conectar su cuenta de Stripe al hacer clic en el botón ‘Conectar con Stripe’.

En la siguiente pantalla, introduzca su dirección de correo electrónico de Stripe y haga clic en el botón “Siguiente”. Una vez hecho esto, Stripe le pedirá su contraseña para acceder a su cuenta.

Después de acceder, puede seleccionar su cuenta de Stripe y hacer clic en el botón “Conectar”. Será redirigido de vuelta a la pestaña de ajustes de WPForms Payments.

Para asegurarse de que su cuenta está correctamente conectada, puede ir a los ajustes de “Estado de la conexión” en los ajustes de Stripe.

Cuando vea una marca verde, significa que su cuenta de Stripe está activa con WPForms. Siga adelante y haga clic en el botón ‘Guardar ajustes’ para establecer sus ajustes.

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

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

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

Para empezar, diríjase a la página WPForms ” Añadir nuevo formulario. A partir de aquí, es necesario proporcionar un título para el formulario y, a continuación, seleccione la plantilla “Formulario de pedido / facturación”.

WPForms precargará el maquetador de formularios con un sencillo formulario de pedido con los campos más utilizados.

Puedes editar cualquier campo al hacer clic en él. ¿Necesitas reorganizar los campos para que fluyan mejor? Basta con arrastrar y soltar un campo para desplazarlo.

Para añadir un nuevo campo, puede elegir entre los campos disponibles a la izquierda de la vista previa en vivo.

Intentemos añadir un campo de opción múltiple a su formulario para permitir a los usuarios seleccionar sus opciones de pago preferidas. Puede simplemente hacer clic en el botón del campo o arrastrarlo al formulario, como prefiera.

A continuación, arrastre el campo “Tarjeta de crédito de Stripe” al formulario.

Puede colocarlo justo debajo del campo “Opción múltiple”.

A continuación, puede hacer clic en el campo “Varias opciones” y cambiar la etiqueta y las opciones para que coincidan con los métodos de pago que ofrece.

Empiece por escribir “Forma de pago” en el campo de la etiqueta. A continuación, nombre las dos primeras opciones: “PayPal” y “Tarjeta de crédito”. A continuación, elimine la tercera opción haciendo clic en el signo menos “-“.

A continuación, deberá activar la opción “Obligatorio”. Esto asegurará que los usuarios seleccionen un método de pago antes de enviar el formulario de pedido.

Pasemos a establecer el campo ‘Tarjeta de crédito Stripe’. Ahora, queremos que esté oculto hasta que un usuario lo seleccione como su opción de pago. Entonces, necesitaremos usar la característica de lógica condicional de WPForms.

Para empezar, tendrá que hacer clic en el campo “Stripe” para poder editarlo. A continuación, abra la pestaña “Smart Logic” y active la lógica condicional haciendo clic en el conmutador en la posición ON.

Ahora verá algunas opciones adicionales que le permitirán establecer reglas para el campo.

Debe asegurarse de que la primera opción seleccionada sea “Mostrar” y, a continuación, utilizar los menús desplegables para que en los campos restantes aparezca “Pago con tarjeta de crédito”.

Una vez hecho esto, el campo “Tarjeta de crédito Stripe” solo se mostrará cuando el usuario seleccione “Tarjeta de crédito” en el campo “Método de pago”.

Activar formas de pago en el formulario de pedido

A continuación, vamos a activar PayPal y Stripe pagos para el formulario de pedido.

Primero debe ir a Pagos ” PayPal Standard en el maquetador de formularios WPForms. Luego, debe marcar la casilla ‘Activar pagos PayPal Standard’ en el panel derecho.

Se abrirán los datos del formulario de PayPal que deberá rellenar.

Sólo tiene que introducir su dirección de correo electrónico de PayPal y poner la cuenta en modo “Producción”. También tendrá que configurar si los usuarios deben proporcionar una dirección de envío.

A continuación, desplácese hasta la opción “Activar lógica condicional” y actívela.

Una vez activado / activo, revelará más ajustes.

Debe establecer la regla ‘Procesar este cargo si la Forma de Pago es PayPal’.

A continuación, tendrá que hacer clic en la sección “Stripe” de la pestaña “Pagos” y, a continuación, marcar la casilla “Activar pagos de Stripe”.

Puede añadir una descripción del pago y optar por enviar un recibo por correo electrónico si lo desea.

A continuación, debe activar el conmutador “Activar lógica condicional” para poder 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 periódicos con tarjeta de crédito, desplácese hasta la sección Suscripciones y configúrela.

Una vez que haya terminado, deberá hacer clic en el botón “Guardar” de la parte superior y salir del maquetador 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 WordPress de su sitio.

Para añadir tu formulario, simplemente edita una entrada o página o crea una nueva. A continuación, 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 continuación, deberá hacer clic en el menú desplegable del bloque WPForms y seleccionar su formulario de pedido. Cuando hayas terminado, asegúrate de guardar o publicar la página.

Ahora, puede ver su formulario en acción al hacer 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 a los usuarios elegir un método de pago en su formulario de WordPress.

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

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.