Cómo agregar un botón de donación de Stripe en WordPress (con opción recurrente)

¿Está buscando agregar un botón de donación de Stripe a su sitio de WordPress?

En WPBeginner, hemos ayudado a innumerables usuarios a integrar soluciones de pago seguras y eficientes en sus sitios web. Stripe se destaca como uno de los principales procesadores de pagos en línea a nivel mundial, lo que facilita enormemente la aceptación de pagos en línea, incluidas las donaciones.

En el pasado, agregar opciones de pago requería complejos complementos de comercio electrónico. Sin embargo, para aquellos que buscan recaudar donaciones o vender algunos productos, un simple formulario de pago es todo lo que necesita.

En este artículo, lo guiaremos a través del proceso de agregar un botón de donación de Stripe a su sitio de WordPress.

Lo que necesita para aceptar donaciones de Stripe en su sitio web

Necesitará crear una cuenta de Stripe. Puede crear una cuenta gratis y solo se le cobrará por las transacciones.

También necesitará un sitio web de WordPress con SSL habilitado. SSL agrega una capa de seguridad a su sitio web, haciéndolo seguro para aceptar pagos. Para obtener más información, consulte nuestra guía sobre cómo obtener un certificado SSL gratuito para su sitio web.

Por último, necesitará una extensión de WordPress para conectar su cuenta de Stripe. Le mostraremos dos opciones diferentes, WP Simple Pay (gratis) y WPForms (Pro), para que pueda elegir la que mejor se adapte a sus necesidades.

También compartiremos un plugin adicional que ofrece funciones completas de gestión de donantes si buscas una solución más avanzada.

Dicho esto, veamos cómo agregar un botón de donación de Stripe en WordPress.

• Method 1. Adding the Stripe Donate Button in WordPress with WP Simple Pay
• Method 2. Adding the Stripe Donate Button in WordPress with WPForms
• Extra: Plugin de donación de WordPress con todas las funciones

Tutorial en video

Suscríbete a WPBeginner

Si no te gusta el video o necesitas más instrucciones, sigue leyendo.

Método 1. Agregar el botón de donación de Stripe en WordPress con WP Simple Pay

WP Simple Pay es uno de los mejores plugins de pago de Stripe para WordPress. Puedes usarlo para aceptar fácilmente donaciones únicas o recurrentes en tu sitio web.

Puedes empezar rápidamente con la versión gratuita del plugin. Pero para este tutorial, usaremos la versión premium para poder demostrar todas las funciones adicionales.

Primero, necesitas instalar y activar el plugin WP Simple Pay en tu sitio de WordPress. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez que el plugin esté activado, debes ir a la página WP Simple Pay » Ajustes y hacer clic en la pestaña Licencia.

Copia la clave de licencia de tu cuenta en el sitio web de WP Simple Pay, pégala en el campo proporcionado y presiona el botón ‘Activar’.

A continuación, necesitas conectar tu cuenta de Stripe. 

En la página de Ajustes, haz clic en la pestaña Stripe y luego en el botón ‘Conectar con Stripe’.

Después de eso, verás el sitio web de Stripe donde puedes iniciar sesión en tu cuenta.

Si no tienes una cuenta de Stripe, puedes crear una nueva.

Cuando termines de conectar tu cuenta, serás devuelto a la página de configuración en tu panel de administrador. 

No olvides hacer clic en el botón Guardar Cambios para guardar la conexión de tu cuenta de Stripe. 

Ahora, puedes crear un formulario de donación de Stripe.

Creando un formulario de donación de Stripe en WordPress con WP Simple Pay

Para crear un nuevo formulario de donación, ve a la página WP Simple Pay » Agregar Nuevo. Desde aquí, puedes seleccionar una plantilla para acelerar el proceso de creación de un formulario.

Pasa el cursor sobre la opción de plantilla Botón de Donación y haz clic en el botón ‘Usar Plantilla’.

A continuación, verás la pestaña de Configuración General para tu formulario de donación.

Aquí es donde puedes agregar un título y una descripción para el formulario, así como elegir el tipo de formulario.

Para este tutorial, elegiremos el tipo de formulario 'Incrustado'. Esto te permitirá incrustar el formulario de donación directamente en cualquier publicación o página de WordPress.

A continuación, haz clic en la pestaña de Pago. WP Simple Pay te permite agregar múltiples opciones de donación para que los donantes puedan elegir cuánto quieren donar.

Por ejemplo, puedes crear opciones de donación de $1, $5 y $10. Simplemente haz clic en el botón 'Agregar Precio' e ingresa el monto. Repite este proceso para agregar tantas opciones como desees.

Si deseas aceptar donaciones recurrentes, haz clic en la flecha desplegable junto a una opción de precio. Luego, haz clic en el botón 'Suscripción' y selecciona el período de facturación que desees.

A continuación, haz clic en la pestaña Campos del formulario.

La plantilla del formulario de donación ya incluye todos los campos que necesitas, incluyendo opciones de precios, botón de pago y botón de pago.

Si deseas agregar campos adicionales al formulario como nombre o dirección de correo electrónico, puedes elegirlo del menú desplegable y hacer clic en el botón 'Agregar campo'.

Puedes reorganizar los campos del formulario arrastrándolos y soltándolos en su lugar. También puedes hacer clic en cualquiera de los campos para personalizar el texto del botón o elegir el estilo del botón.

Agregar el formulario de donación de Stripe en WordPress con WP Simple Pay

Para agregar tu formulario de donación a cualquier publicación o página, haz clic en el botón **Publicar** en el lado derecho de la pantalla.

A continuación, necesitas copiar el shortcode simple que se encuentra encima del botón Publicar.

Se ve así: [[simpay id=”285”]]

Luego, puedes pegar el shortcode en cualquier publicación o página de WordPress.

Una vez que agregues el shortcode al editor de WordPress, el widget de shortcode se agregará automáticamente.

Luego, publica la entrada o página.

Ahora puedes visitar tu sitio web para ver cómo se ve tu formulario de donación en el front.

Método 2. Agregar el botón de donación de Stripe en WordPress con WPForms

WPForms es el mejor plugin de formularios de WordPress que utilizan más de 5 millones de propietarios de sitios web. Viene con un complemento de Stripe que te permite aceptar donaciones, pagos únicos e incluso pagos de suscripción en tu sitio web.

Necesitarás al menos su plan PRO para acceder al complemento Stripe Pro, que ofrece la opción recurrente y cero tarifas de transacción adicionales. También obtendrás funciones avanzadas como lógica condicional, formularios de varias páginas, encuestas y sondeos, más de 700 plantillas de formularios y más.

Nota: Existe una versión gratuita de WPForms que te permite cobrar pagos únicos de Stripe. Pero hay una comisión de transacción del 3% en los pagos realizados a través de tus formularios.

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

Tras la activación, necesitas visitar la página WPForms » Ajustes para introducir tu clave de licencia. Puedes encontrar esta información en tu cuenta en el sitio web de WPForms.

Una vez que introduzcas tu clave de licencia, haz clic en el botón ‘Verificar clave’.

A continuación, necesitas visitar la página WPForms » Complementos y hacer clic en el botón ‘Instalar complemento’ junto al complemento de Stripe.

WPForms ahora instalará y activará el complemento de Stripe por ti.

Ahora, conectemos WPForms a tu cuenta de Stripe para recibir pagos. Para hacerlo, necesitas visitar la página WPForms » Configuración y hacer clic en la pestaña Pagos. Desde ahí, haz clic en el botón ‘Conectar con Stripe’.

Después de eso, se te pedirá que autorices la conexión entre tus formularios y Stripe.

Lo que veas en la pantalla diferirá según si has activado tu cuenta de Stripe.

Simplemente sigue los pasos del asistente de Stripe Connect para autorizar la conexión.

Cuando termines, serás redirigido de vuelta a la página de Configuración de WPForms. Aquí, deberías ver una marca de verificación verde en la sección Estado de la conexión.

Opcionalmente, también puedes habilitar el modo de prueba desde la página de configuración de Pagos.

Esto te permitirá probar tu integración de Stripe sin pagos reales. Sin embargo, debes desmarcar esta opción cuando tu sitio web esté listo para aceptar donaciones en tu sitio web.

No olvides hacer clic en el botón ‘Guardar Configuración’ para almacenar tus cambios.

Ahora que has configurado los pagos, es hora de crear un formulario de donación de Stripe para tu sitio web.

Creando un Formulario de Donación de Stripe en WordPress con WPForms

Primero, necesitas visitar la página WPForms » Añadir Nuevo para crear un nuevo formulario. Se te pedirá que proporciones un título para tu formulario y elijas una plantilla. Necesitas seleccionar la plantilla ‘Formulario de Donación’.

Esto iniciará la interfaz del constructor de formularios de WordPress con tu plantilla de formulario de donaciones seleccionada.

Además, esta plantilla ya tendrá los campos comunes necesarios para crear un formulario de donación como nombre, correo electrónico, monto de la donación y mensaje.

Este es un constructor de formularios de arrastrar y soltar. Puedes editar los campos del formulario haciendo clic en ellos, reorganizándolos o añadiendo nuevos campos desde la columna izquierda.

Dado que estás creando un formulario de pagos de Stripe, necesitas añadir el campo ‘Tarjeta de Crédito Stripe’ a tu formulario. Lo encontrarás en la sección Campos de Pagos en la columna izquierda.

Simplemente haz clic para añadir el campo a tu formulario y luego arrastra y suelta para reorganizar su posición en el formulario.

Una vez que esté satisfecho con el formulario, haga clic en la pestaña ‘Pagos’ en la esquina izquierda para editar la configuración de pago. Desde aquí, debe seleccionar Stripe como su método de pago y luego marcar la casilla junto a la opción ‘Habilitar pagos con Stripe’.

Puede proporcionar una descripción para el pago y seleccionar el campo de correo electrónico para enviar a los donantes un recibo.

WPForms también admite pagos recurrentes de Stripe. Puede usar esta opción para configurar donaciones o suscripciones recurrentes.

Si elige habilitar los pagos de suscripción recurrentes, aparecerán configuraciones adicionales. Por ejemplo, puede elegir con qué frecuencia deben ocurrir los pagos recurrentes: Diario, Semanal, Mensual, Trimestral, Semestral o Anual.

El siguiente paso es configurar los ajustes de confirmación, que es lo que verán sus usuarios después de completar el formulario. Haga clic en la pestaña Configuración y luego seleccione la opción ‘Confirmaciones’.

Desde aquí, puede seleccionar diferentes tipos de confirmación. Por ejemplo, puede agradecer a los usuarios con un mensaje simple, o redirigirlos a una página de agradecimiento o cualquier otra URL.

Una vez hecho esto, haga clic en el botón Guardar para almacenar sus cambios.

Agregar el formulario de donación de Stripe en WordPress con WPForms

WPForms hace que sea súper fácil añadir tus formularios en cualquier lugar de tu sitio web.

Simplemente haga clic en el botón ‘Incrustar’ en la parte superior del constructor de formularios y elija una página existente o cree una nueva página. Para este tutorial, haremos clic en la opción ‘Seleccionar página existente’.

A continuación, elija en qué página existente desea incrustar el formulario usando el menú desplegable.

Luego, haga clic en el botón ‘¡Vamos!’

WPForms ahora agregará automáticamente el formulario a su editor de contenido de WordPress.

También puede hacerlo manualmente editando la publicación o página donde desea agregar el formulario de donación. A continuación, agregue el bloque WPForms a su contenido y seleccione el formulario de donación que creó anteriormente.

WPForms ahora obtendrá e incrustará el formulario por usted. Ahora puede visitar su sitio web para verlo en acción.

Además, puedes agregar el formulario de donación a la barra lateral de tu blog o a cualquier otra área lista para widgets. Dirígete a la página Apariencia » Widgets y agrega el widget de WPForms a una barra lateral.

Luego, debes seleccionar tu formulario de donación de Stripe en el menú desplegable.

No olvides hacer clic en el botón Guardar para almacenar la configuración de tu widget.

Extra: Plugin de donación de WordPress con todas las funciones

Si bien tanto WP Simple Pay como WPForms te permiten crear un botón de donación de Stripe, no ofrecen gestión completa de donantes ni otras funciones avanzadas que las organizaciones sin fines de lucro necesitan.

Si buscas un plugin de donación para WordPress completo, te recomendamos usar WP Charitable. Más de 10,000 organizaciones sin fines de lucro y propietarios de sitios web en todo el mundo utilizan Charitable para crear campañas de recaudación de fondos y obtener más dinero en línea. 

Viene con todas las funciones que necesitas, incluyendo formularios de donación totalmente personalizables, la capacidad de aceptar donaciones únicas o recurrentes, un panel de gestión de donaciones fácil de usar, cumplimiento de GDPR, recibos anuales para donantes, regalos en honor a otra persona, alivio de tarifas que permite a los donantes cubrir las tarifas de procesamiento de pagos, y más.

También puedes usar Charitable para campañas de recaudación de fondos de persona a persona, e incluso te permite crear tu propia plataforma de crowdfunding como GoFundMe o Indiegogo.

Charitable tiene integraciones de pago incorporadas para Stripe, PayPal, Authorize.net, Braintree, Mollie, GoCardless, Paystack, Payfast, Payrexx, Windcave, y más.

También puedes usar la versión gratuita de Charitable para empezar. 

Esperamos que este artículo te haya ayudado a agregar fácilmente un botón de donación de Stripe a tu sitio de WordPress. También te puede interesar nuestra guía sobre los plugins de WordPress imprescindibles para cada sitio web o nuestro tutorial sobre cómo mejorar el ranking SEO de tu WordPress.

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