¿Desea añadir un botón de donación a su sitio WordPress? Stripe facilita la aceptación de pagos con tarjeta de crédito, lo cual es una forma conveniente para que sus visitantes puedan donar a su sitio.
Aunque hay un montón de plugins de donación con todas las funciones, vamos a centrarnos en la creación de un botón de donación muy simple en este post. Para lograrlo, compartiremos tutoriales para dos plugins gratuitos diferentes:
- WP Simple Pay: este plugin es bueno si quiere ofrecer una cantidad fija de donación. Pero tiene que pagar si quiere que sus visitantes puedan donar cantidades personalizadas. Este es el plugin de pagos por franjas más popular.
- Stripe Payments: este plugin le permite aceptar cantidades de donaciones personalizadas de forma gratuita, lo que puede hacer que sea más atractivo si se encuentra dentro de su presupuesto y desea aceptar cantidades de donaciones personalizadas de sus visitantes.
Empezaremos con un tutorial rápido sobre cómo crear su cuenta de Stripe y encontrar las claves de API que necesitará para configurar cualquiera de los dos plugins.
A continuación, veremos cómo crear un botón de donación de Stripe con WP Simple Pay o Stripe Pay.
- ¿Cómo obtener sus claves de API de Stripe?
- ¿Cómo añadir un botón Donar con WP Simple Pay?
- ¿Cómo añadir un botón Donar con Stripe Payements?
¿Cómo obtener sus claves de API de Stripe?
Independientemente de cuál de los dos plugins elija, deberá introducir las claves de la API de Stripe para crear el botón Donar a Stripe.
Estas claves de API son las que conectan su sitio WordPress con el servicio de procesamiento de pago por Stripe. Son esenciales, pero también son fáciles de crear con Stripe. Así que no se preocupe!
En lugar de tratar de explicar esto en las instrucciones paso a paso para cada plugin, sólo lo haremos una vez. De esta forma, sabrá exactamente dónde encontrar las claves de la API cuando configure cualquiera de los dos plugins.
Paso 1: Crear una cuenta de Stripe Libre
Para empezar, tendrá que registrarse para obtener una cuenta gratuita de Stripe. No hay información complicada – sólo tiene que introducir su correo electrónico, nombre y contraseña (aunque tendrá que proporcionar más información para empezar a aceptar pagos de verdad).
Para hacer eso, vaya aquí.
Paso 2: Buscar claves de API
Para encontrar sus claves de API, vaya aquí.
Preste atención a la diferencia entre las claves de la API de prueba y las claves de la API en vivo:
- Las claves de prueba de la API le ayudan a probar de forma segura el botón Donar sin enviar ningún dato de pago real.
- Las claves de API en tiempo real son para cuando realmente desea empezar a aceptar pagos en tiempo real.
Puede alternar entre ellos haciendo clic en el botón de alternar, y ambos plugins incluirán cuadros que le permitirán introducir tanto las teclas de prueba como las de directo, así como una configuración que le permitirá cambiar entre los modos de prueba y de directo:
Mantenga estas claves a mano, ya que las necesitará para configurar cualquiera de los dos plugins.
¿Cómo añadir un botón Donar con WP Simple Pay?
Para empezar, instale y active el plugin gratuito WP Simple Pay de WordPress.org.
A continuación, le indicamos cómo configurar el botón Donar….
Paso 1: Introducir claves de API
Para empezar, vaya a Simple Pay Lite → Configuración e ingrese sus claves de prueba y en vivo API. Asegúrese de que el modo de prueba permanezca Habilitado por ahora:
Paso 2: Configurar moneda (por defecto es USD)
Por defecto, WP Simple Pay utiliza USD como moneda para el botón Donar. Si desea utilizar una moneda diferente, puede modificarla pasando a la ficha Parametrizaciones generales:
Paso 3: Crear un nuevo formulario de pago
Un formulario de pago es esencialmente un botón de donación específico que desea utilizar. Para crear uno, vaya a Simple Pay Lite → Añadir nuevo.
En la pestaña Opciones de pago, introduzca el importe que desea que los visitantes puedan donar (si desea que los visitantes puedan donar su propio importe personalizado, necesitará la versión pagada del plugin):
Eso es todo lo que técnicamente necesita hacer. Pero para ofrecer un formulario más personalizado, puede cambiar el texto que se muestra en el formulario en las fichas Mostrar formulario a página y Mostrar superposición de proceso de pago.
Por ejemplo, en el área de visualización de formularios a página, puede cambiar el texto para que el botón diga «Donar con tarjeta» en lugar de «Pagar con tarjeta»:
Una vez que haya terminado, haga clic en Crear para publicar su formulario.
Para mostrar su formulario en el front-end de su sitio, deberá agregar el código abreviado al mensaje, página o widget de texto donde desee que se muestre:
Paso 4: Pruebe su formulario y active el modo en vivo
Debido a que tiene activado el modo de prueba, puede probar su formulario introduciendo algunos datos de prueba:
Una vez que esté satisfecho con el funcionamiento de todo, puede habilitar el modo Live para empezar a aceptar pagos reales visitando Simple Pay Lite → Configuración y desactivando el modo de prueba:
Y si desea editar la página que los usuarios ven después de enviar un pago, sólo tiene que editar la página de confirmación de pago que WP Simple Pay creó.
¿Cómo añadir un botón de Donación con pago con Stripe Payments?
Aunque Stripe Payments no es tan popular como WP Simple Pay, su ventaja es que puede aceptar donaciones personalizadas sin necesidad de pagar por una versión premium.
Una vez que lo hayas instalado y activado desde WordPress.org, aquí está cómo usarlo….
Paso 1: Añadir claves de API y configurar los ajustes básicos
Para empezar, vaya a Stripe Payments → Settings para agregar sus claves de API:
Asegúrese de que el modo en vivo no esté seleccionado por el momento.
También puede configurar la divisa del botón Donar en esta área, así como el texto del botón. Es probable que desee cambiar el campo Texto del botón a algo como «Donar»:
Paso 2: Añadir un nuevo producto
Luego, vaya a Stripe Payments → Agregar nuevo producto. Hay muchas opciones, pero la mayoría de ellas son innecesarias para un botón básico de donación.
Las secciones que debe configurar son:
- Descripción breve: se muestra en la ventana Pago con franjas.
- Precio y Moneda – deje el Precio en blanco si desea que los visitantes puedan ingresar una cantidad personalizada.
- URL de la página de agradecimiento – esto le permite redirigir a los usuarios a una página especial de agradecimiento después de realizar una donación.
Una vez que haya terminado de configurar las cosas, haga clic en Publicar. A continuación, copie el código abreviado desde la parte inferior del editor y añádalo al mensaje, la página o el widget de texto en el que desea mostrar el botón Donar de Stripe.
Paso 3: Pruebe el botón de donación y luego entre en funcionamiento
Como todavía está en modo de prueba, puede probar con seguridad su botón de donación introduciendo los datos ficticios de Stripe:
Una vez que haya verificado que todo funciona correctamente, puede habilitar los pagos reales yendo a Stripe Payments → Settings y activando el modo en vivo:
Resumen
No importa qué plugin escoja, añadir un botón de donación de Stripe a su sitio de WordPress es bastante simple y fácil. Ambos plugins también le permiten crear varios botones, por lo que puede crear fácilmente diferentes botones Donar para diferentes usos.
Si no está satisfecho con Stripe después de crear su propio botón, también puede considerar aceptar donaciones a través de PayPal o Bitcoin. En esta guía hemos recopilado todos los pros y contras utilizando Stripe o PayPal.
¿Tiene alguna otra pregunta sobre cómo añadir un botón de donar a su sitio WordPress? ¿O necesita una funcionalidad diferente que no cubrimos? Deje un comentario y trataremos de ayudarle!
Brian tiene una gran pasión por WordPress, lo ha estado utilizando durante más de 10 años e incluso ha desarrollado un par de plugins premium. Brian disfruta de los blogs, las películas y el senderismo. Conéctese con Brian en Twitter.
Deja una respuesta