Hace algún tiempo nos llegó una petición sobre como incorporar un sistema simple de donaciones vía PayPal en un sitio Web cualquiera. Luego de investigar un poco al respecto, porque en verdad no sabíamos nada sobre el proceso propiamente tal, nos dimos cuenta que es bastante simple y rápido de hacer, ya que el propio PayPal se encarga de la mayor parte del proceso, dejando que nos preocupemos de lo más importante: personalizar y recibir el dinero que los usuarios nos quieran donar.

Hoy, en CLH, veremos como implementar este simple sistema de donaciones en nuestros sitios Web. Y lo veremos en detalle, como siempre, después del salto.

Cómo implementar donaciones vía PayPal

Como siempre, lo primero:

Implementos necesarios:

1. Una cuenta de PayPal.
2. Un sitio Web (e idealmente usuarios dispuestos a hacer donaciones 😀 )

Sin más que detallar, vamos, manos a la obra:

Procedimiento:

1.- Lo primero que debemos hacer es ir al sitio de PayPal, en donde deberemos ingresar si ya tenemos una cuenta, o de lo contrario registrarnos.

2.- Una vez que hayamos ingresado a nuestra cuenta, debemos ir a la pestaña Vender en su Web:

3.- En aquella sección, podremos ver en la parte inferior un cuadro de Funciones clave. Ahí debemos seleccionar Botones comprar ahora:

4.- Esto nos llevará a un formulario proporcionado por PayPal, el cual nos dejará configurar una serie de parámetros para crear un botón de “Comprar ahora”, a través del cual los usuarios podrán hacer una compra de un determinado producto (en nuestro caso donaciones), solo haciendo click en el:

Acá debemos hacer los siguientes ajustes:

5.- En la sección Aceptar pagos por, debemos cambiar la opción Productos por Donativos. Esto cambiará las opciones que viene más adelante en el formulario.

6.- En Nombre de organización o servicio ponemos nuestro nombre o el del sitio Web donde recibiremos las donaciones y en Id. del donativo podemos fijar un código especial para identificar esas donaciones (por ejemplo si estamos recibiendo dinero en PayPal desde ese sitio por otro concepto, es bueno diferenciar). Este último es opcional.

7.- Luego, en la sección Personalizar botón, podemos definir las características gráficas del botón que se mostrará en nuestro sitio, ya sea el que nos proporciona PayPal, o uno que podemos definir nosotros mismos a partir de una imagen. Hay una serie de opciones que podemos acomodar a nuestro gusto, por lo que recomendamos probar hasta encontrar la configuración ideal:

Al parecer ahora en Chile hablamos inglés.. Get it? -> !

8.- Finalmente definiremos la divisa (o moneda) en que recibiremos los aportes, así como si dejaremos a los usuarios definir cuanto donaran o si es una cantidad por defecto y como recibiremos las notificaciones de pago:

9.- Una vez que definimos todos los parámetros, debemos presionar el botón que dice Crear botón y nos llevará a una página en donde se nos entregará el código correspondiente al botón creado:

<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="encrypted" value="-----BEG
IN PKCS7-----MIIHJwYJKoZIhvc">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donate_LG.gif" border="0"
name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/es_XC/i/scr/pixel.gif" width="1" height="1">
</form>

Este código debemos insertarlo en cualquier parte de nuestro sitio Web. De esta forma, cuando un usuario haga click en él, lo llevará a un interfaz de PayPal en donde se le preguntará cuanto desea donar y podrá hacerlo de forma rápida y sencilla.

Con lo que hemos visto ahora basta y sobra para hacer un sistema sencillo de donaciones para nuestro sitio Web. Sin embargo, antes de cerrar, veremos un pequeño truco que puede ser muy útil para darle un estilo especial a las donaciones.

Como es posible ver, el código que nos entrega PayPal no es más que un formulario con valores en campos ocultos y una imagen utilizada como botón. Los valores enviados como ocultos permiten definir a quien pertenece el botón de donación y ejecuta el script de PayPal para procesar los pagos. Lo bueno de esto, es que es posible enviar otros valores de forma oculta. Uno de los valores que se puede enviar, es return, el cual permite definir una página donde el usuario será llevado una vez que haga la donación. Esto es útil si queremos que el usuario siga navegando en nuestro sitio después de donar, así como también más comodo para el visitante, quien no querrá salir del área donde estaba originalmente. Para utilizar este valor, solo debemos incluir esta línea dentro del código anterior:

<input type="hidden" name="return" value="url de la página 
donde será llevado">

Aquí podemos diseñar una pequeña página con un agradecimiento por la donación o algo por el estilo. Sin duda que le dará un toque especial.

Ahora ojo. Este parámetro actualmente no figura de forma ‘oficial’ dentro de los botones de compra de PayPal, ya que se utilizaba anteriormente, por lo que no es seguro que siempre funcione. Nosotros lo probamos con 2 cuentas y funcionó sin problemas en una de ellas, en la otra no. Desconocemos realmente la razón, pero es bueno probar en caso de que sirva.

Y así de simple tenemos un pequeño sistema de donaciones vía PayPal para insertar en nuestros sitios Web en solo minutos. Es una forma muy práctica para recibir aportes de los usuarios que estén interesados en nuestros contenidos y sin duda que nos servirá.

Anees de terminar, les recordamos que como siempre, este tutorial ha sido:

Cualquier duda o comentario que puedan tener, los invitamos a dejarnos unas líneas en el área habilitada a continuación.

Esperamos que este tutorial haya sido de utilidad para Uds.

Muchas gracias por leer y será hasta una próxima oportunidad.

Staff CLH