Cómo agregar el botón Stripe Donate en WordPress (con la opción recurrente)

¬ŅDesea agregar un bot√≥n de donaci√≥n de Stripe a su sitio de WordPress? Stripe es uno de los mejores procesadores de pagos en l√≠nea del mundo porque permite a cualquiera aceptar f√°cilmente pagos en l√≠nea en su sitio web, incluidas donaciones.

En el pasado, tenía que usar un complemento de comercio electrónico para aceptar pagos, pero ya no es necesario, especialmente si desea recolectar donaciones o vender algunos productos. Puede usar un formulario de pago simple para hacer el trabajo.

En este artículo, le mostraremos cómo agregar fácilmente un botón de donación de Stripe en WordPress.

Agregar un botón de donación de Stripe en publicaciones y páginas de WordPress

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

Deber√° crear una cuenta de Stripe. Puede crear una cuenta de forma gratuita y solo se le cobrar√°n las transacciones.

También necesitará un sitio web de WordPress con SSL habilitado. SSL agrega una capa de seguridad a su sitio web para que sea seguro 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. Usaremos WPForms, que es el mejor complemento de formularios de WordPress.

Viene con un complemento Stripe que le permite aceptar donaciones, pagos √ļnicos e incluso pagos de suscripci√≥n en su sitio web. Necesitar√° al menos su plan PRO para acceder al complemento Stripe.

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

Video Tutorial

Suscríbase a WPBeginner

Si no le gusta el video o necesita m√°s instrucciones, contin√ļe leyendo.

Agregar el botón Stripe Donate en WordPress

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.

Tras la activaci√≥n, debe visitar WPForms ¬ĽConfiguraci√≥n p√°gina para ingresar su clave de licencia. Puede encontrar esta informaci√≥n en su cuenta en el sitio web de WPForms.

Agregar clave de licencia de WPForms

A continuaci√≥n, debes visitar WPForms ¬ĽComplementos p√°gina y haga clic en el bot√≥n “Instalar complemento” junto al complemento Stripe.

Instalar complemento de Stripe

WPForms ahora instalar√° y activar√° el complemento Stripe por usted.

Ahora conectemos WPForms a su cuenta de Stripe para recibir pagos. Para hacer eso necesitas visitar WPForms ¬ĽConfiguraci√≥n p√°gina y haga clic en la pesta√Īa Pagos.

Configuración de pago de Stripe

Se le pedir√° que ingrese sus claves de API de Stripe, que puede encontrar en su panel de Stripe.

Simplemente inicie sesi√≥n en el panel de su cuenta de Stripe y desde el men√ļ de la izquierda seleccione Desarrolladores ¬ĽClaves API.

Stripe API keys

Necesita dos pares de claves para el sitio web publicado y para las pruebas.

Primero, ver√° las claves publicables en la pantalla. Copie y pegue la clave p√ļblica y luego haga clic en “Mostrar clave de clave” para copiar y pegar la clave secreta publicable.

Stripe de claves publicables

A continuaci√≥n, debe agregar las claves de prueba. Haga clic en el bot√≥n “Ver datos de prueba” y luego copie y pegue las claves de API de prueba.

Prueba de teclas api

Ahora que ha pegado las claves API, puede habilitar opcionalmente el modo de prueba desde la configuración de pago.

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

Teclas de banda en WPForms

No olvide hacer clic en el bot√≥n “Guardar configuraci√≥n” para almacenar sus cambios.

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

Hacer un formulario de donación de rayas en WordPress

Primero, debes visitar el WPForms ¬ĽAgregar nuevo p√°gina para crear un nuevo formulario. Se le pedir√° que proporcione un t√≠tulo para su formulario y elija una plantilla. Debe seleccionar la plantilla “Formulario de donaci√≥n”.

Crea un formulario de donación

Esto abrirá la interfaz del generador de formularios de WordPress con la plantilla de formulario de donaciones seleccionada. 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.

Edición del formulario de donación en WPForms

Este es un generador de formularios de arrastrar y soltar. Puede editar campos de formulario haciendo clic en ellos, reorganizarlos o agregar nuevos campos desde la columna izquierda.

Como est√° creando un formulario de pagos Stripe, debe agregar un campo de tarjeta de cr√©dito a su formulario. Lo encontrar√° en la secci√≥n “Campos de pago” en la columna izquierda.

Agregar campo de tarjeta de crédito Stripe a su formulario

Simplemente haga clic para agregar el campo a su formulario y luego arrastre y suelte 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 m√©todo de pago y luego marcar la casilla junto a la opci√≥n “Habilitar pagos de Stripe”.

Habilitar opción de pago

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

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

El siguiente paso es configurar los ajustes de confirmación. Esto es lo que verán los usuarios después de completar el formulario.

Haga clic en la pesta√Īa Configuraci√≥n y luego seleccione la opci√≥n de confirmaci√≥n.

Configurar confirmación

Desde aquí puede seleccionar diferentes tipos de opciones 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 y salga del generador de formularios.

Agregar el formulario de donación de Stripe en WordPress

WPForms hace que sea muy f√°cil agregar sus formularios en cualquier parte de su sitio web.

Simplemente edite 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.

Agregue un formulario de donación a su publicación o página de WordPress

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

Vista previa del formulario de donación de rayas

Tambi√©n puede agregar el formulario de donaci√≥n a la barra lateral de su blog o cualquier otra √°rea lista para widgets. Dirigirse a Apariencia ¬ĽWidgets p√°gina y agregue el widget WPForms a una barra lateral.

Agregar un formulario de donación a la barra lateral

A continuación, debe seleccionar su formulario de donación de Stripe en la configuración del widget. No olvides hacer clic en el botón Guardar para almacenar la configuración de tu widget.

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. Es posible que también desee ver nuestra guía sobre los complementos WordPress obligatorios para cada sitio web.

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