Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. PayPal
Code

Integración de PayPal Parte 1: Botones de Pago de PayPal

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called PayPal Integration.
PayPal Integration Part 2: PayPal REST API

Spanish (Español) translation by Eva Collados Pascual (you can also view the original English article)

Final product image
What You'll Be Creating

En la primera parte de esta serie voy a enseñarte a generar botones para recibir pagos a través de PayPal usando su Herramienta para la Creación de Botones. No tendrás que escribir ni una línea de código—simplemente copiarás y pegarás un fragmento de HTML.

Esta es la integración más sencilla para habilitar la recepción de pagos en PayPal. Funciona tanto en dispositivos móviles, como en tablets y PC. Para crear un botón de pago, tienes que acceder a la página web de PayPal, después copiar y pegar un pequeño fragmento de HTML en tu web añadiendo así un botón para el pago de un único producto o de un carrito de compra. Puedes aceptar tarjetas de crédito, tarjetas de débito o pagos PayPal con total seguridad.

Existen siete tipos de botones de pago que puedes generar con tu cuenta Business de PayPal, para crearlos accede a ella y selecciona el menú Herramientas, después en la página pulsa el enlace Abrir en la casilla Botones de PayPal para abrir la Herramienta para Creación de Botones de PayPal.

Botones Comprar Ahora: Pagos de Artículo Único 

Buy Now

Este tipo de botón es ampliamente utilizado y muy sencillo de configurar. Empieza accediendo a tu Cuenta de PayPal y en la página de Herramientas pulsa Botones de PayPal. En esta sección puedes ver todos tus botones guardados. Ten en cuenta que puedes personalizar el texto de cada botón, e incluso utilizar tus propias imágenes si te apetece. También puedes asignar un atributo de id opcional a cada botón para vincularlos con cada id de producto que tengas. Así que puedes disponer de varios botones "Comprar Ahora" en tu web si vendes múltiples productos.

Para crear un nuevo botón, en la caja de la derecha Artículos Relacionados, pulsa el enlace Crear nuevo botón, y se mostrará el siguiente formulario:

Creating a Button

Introduce aquí los detalles de pago para tu producto, así como su nombre y precio. En este ejemplo el nombre del producto es "Sample PayPal Course". Este botón viene con un menú desplegable y dos precios diferentes. Si solo tienes un precio, el desplegable no se mostrará. Ahora pulsa en Crear Botón y se abrirá Añadir el código del botón a tu página web:

Get The Button Code

Copia el código HTML generado y pégalo en el editor web en el que quieres que aparezca.

Experiencia del Proceso de Compra Con el Botón Comprar Ahora

El siguiente diagrama muestra el recorrido de navegación del usuario tras pulsar tu Botón Comprar Ahora de PayPal.

Checkout experience with buy now buttons

Como puedes observar en el diagrama, tras pulsar Comprar Ahora, tu cliente es redirigido a PayPal. Podrá acceder a su cuenta de PayPal y pagar con su saldo de PayPal (1a) o introduciendo los datos de la tarjeta de crédito (1b), método totalmente seguro.  Tras este paso, se mostrará un resumen del pedido (2), y pulsar sobre Pagar Ahora hará efectivo el pago, mostrará la página de Agradecimiento (3), y se notificará a tu cliente por email.

Seguimiento de Inventario y Realizar un Seguimiento de Ganancias y Pérdidas

Si vendes productos digitales, posiblemente no te interese esta característica, no obstante cuando vendes productos físicos es muy útil. PayPal te permite gestionar el nivel de existencias para que no lo superes con las ventas, así mismo puedes introducir el coste de cada producto y obtener de esta forma una visión rápida de los ingresos y los beneficios. Puedes habilitar esta función desde el formulario Crear Botón, paso 2.

Track Inventory Profile and Loss

Funciones Avanzadas

El proceso de compra básico deja a los clientes en la web de PayPal cuando finalizan su proceso de compra. Puedes modificar este comportamiento de forma que tus clientes vuelvan a tu web tras el proceso. Puedes configurarlo desde el formulario Crear Botón, paso 3. 

Optional Advanced Features
  • Cambiar la cantidad del pedido: Está deshabilitado por defecto, y la cantidad predeterminada es uno. Si lo habilitas, PayPal solicita a los clientes que indiquen una cantidad tras pulsar el botón Comprar Ahora.
  • Instrucciones Especiales: Puedes habilitar este campo para que tus clientes puedan dejarte un breve mensaje junto con la orden.
  • Dirección de Envío: Si estás vendiendo productos físicos, necesitarás la dirección del cliente para enviarle lo adquirido. Si estás vendiendo descargas digitales, probablemente no necesites la dirección.
  • Página web de cancelación personalizada: Puedes crear una página personal a la que tus clientes sean redirigidos si cancelan su compra. Introduce la URL de dicha página en este campo.
  • Página de Proceso de Compra Exitoso: Puedes crear una página personalizada a la que tus clientes sean redirigidos tras un pago realizado con exito. Indica la URL de la página en este campo.

Si tus necesidades para recibir pagos con PayPal no son muy complejas, posiblemente esta será la única integración que necesites, y como has podido ver no has necesitado programar.

Botones para Donativos: Pagos para Contribuciones

Donate

Los botones donativos son muy similares a los de Comprar Ahora, y normalmente se usan en sitios web para recibir pagos de contribuciones realizadas por donantes. Se pueden configurar para recibir contribuciones de una cantidad predeterminada o dejar que los donantes elijan la que deseen.

Para crear un botón Donar, tienes que abrir otra vez el formulario Crear nuevo botón

Creating a Donate Button

Selecciona Donativos en el menú desplegable Elegir tipo de botón. El resto de opciones son iguales que para el botón Comprar Ahora, excepto que en este caso no existe seguimiento de inventario ni de ganancias y pérdidas.

Botones de Subscripción: Pagos Recurrentes

Subscribe

Si quieres recibir pagos por subscripciones automáticamente de clientes para poder acceder a contenido online o servicios, este es el tipo de botón que deberías usar. Para crearlo, abre de nuevo el formulario Crear Nuevo Botón:

Subscribe Button

Tras seleccionar Suscripciones en el menú desplegable Elegir un tipo de botón, verá que el formulario es bastante similar al de otros tipos de botones, pero hay algunas pequeñas diferencias:

  • Permitir que PayPal cree los nombres de usuario y contraseñas para los clientes: Esta es una configuración avanzada, en la que PayPal genera un nombre de usuario y contraseña por suscripción.  Deberás implementar un poco de código en tu web, ya que PayPal notificará a tu sitio web de manera que puedas registrar el nombre de usuario y contraseña en tu base de datos para que los usuarios puedan acceder a tu contenido protegido. En este escenario recomiendo usar la REST API de PayPal; voy a explicar cómo funciona en el próximo capítulo de esta serie.
  • Importe de facturación para cada ciclo: Introduce la cantidad que pagarán tus clientes en cada cliclo de pago periódico. 
  • Ciclo de Facturación: Selecciona un número y unidad para la duración de los ciclos de facturación referentes a las suscripciones regulares en el menú desplegable .
  • ¿Tras qué cantidad de ciclos debería finalizar la facturación?: Opcionalmente puedes seleccionar un límite para el número de pagos.
  • Ofrece un periodo de prueba: Opcionalmente puedes ofrecer un periodo de prueba gratuito o con un descuento respecto al precio original. Selecciona la casilla para habilitar un periodo de prueba y rellena los campos, el precio y la duración del mismo. Puedes ofrecer opcionalmente un segundo periodo de prueba.

Cómo Funcionan los Ciclos de Facturación y los Pagos Periódicos

PayPal intenta ingresar los pagos periódicos de los suscriptores el día siguiente a la finalización del ciclo de facturación o expiración del periodo de prueba.  Los ciclos de facturación pueden ser diarios, semanales, mensuales o anuales, dependiendo de las condiciones de la suscripción original. Si el pago es semanal, el cargo se realizará todas las semanas en el mismo día. Si es mensual, el cargo se procesará el mismo día del mes, cada mes. Para los pagos anuales, el pago se solicita el mismo día del mes, cada año.

Cancelación de Suscripciones

Como proveedor de servicios por suscripción, puedes cancelar las suscripciones a clientes individuales desde las páginas Detalles de Suscripción en tu cuenta PayPal. Además, tus subscriptores también pueden cancelar sus subscripciones desde su propia cuenta PayPal.

Creación de un Botón de Cancelación de Suscripción

Tienes la opción de añadir este botón en tu área privada, y así cada cliente podrá cancelar su suscripción en cualquier momento. Considerando que tras la cancelación de una suscripción no te es posible reactivarla nuevamente, yo seguramente no añadiría este botón; en su lugar, añadiría un formulario en mi web para contactar con el administrador y solicitarle la cancelación del servicio. Al menos tendrás una última oportunidad de complacer y mantener al cliente. Pero si aun así quieres mantener este botón, después de crear el botón de Suscripción, en la página de confirmación, verás esto:

Create more buttons page

Pulsa Crear un Botón de Cancelación de Suscripción, y se abrirá esta página.

Unsubscribe Button

Después de pulsar en Crear Botón, obtienes el código HTML para copiar y pegar en el área privada de tu cliente:

Unsubscribe Button Code

Como ves, si quieres vender una suscripción a tus clientes, lo puedes conseguir fácilmente generando botones desde tu cuenta de empresa en PayPal.

Botones de Cobro Automático: Pagos Periódicos

Automatic Billing

El cobro automático es similar a una Suscripción, pero el cargo de cada ciclo de facturación no es fijo. Tu cliente es quien autorizará un pago con un límite máximo establecido. Luego tú, en cada periodo de facturación, mensual por ejemplo, tendrás que establecer la cantidad que tu cliente haya consumido.

Digamos que estás vendiendo suscripciones a un servicio de limpieza. Tus clientes podrían autorizarte el cobro de hasta 200 $ por mes, y algunos meses pudiese ocurrir que usasen menos horas, el cargo entonces sería inferior a los 200 $.

Para crear un botón de Facturación Automática, tienes que ir a la Herramienta de Creación de Botones, y seleccionar Facturación Automática en el menú desplegable Elegir un tipo de botón.

Gestionar los Acuerdos de Facturación Automática

Para ver los Acuerdos de Facturación Automática, dirígete al panel de control de los pagos periódicos. Es este panel puedes ver los pagos de las suscripciones, los pagos de la facturación automática, y las cuotas de pagos. Después de acceder a tu cuenta de empresa de PayPal, pulsa en Herramientas > Todas las Herramientas en la parte superior de la página, y selecciona Pagos Periódicos.

Automated Billing

Desde esta página puedes cancelar cualquier plan de facturación automática, o selecciona Pagar Ahora para recibir pagos de los clientes en el mes corriente. El enlace Pagar Ahora solo está disponible cuando el estado del plan es Pendiente de Pago. Cuando se haya realizado un pago del mes corriente, el estado cambiará a Pagado.

Botón de de Pago a Plazos: Hasta Cuatro Plazos

Installment Plan

Si quieres ofrecer el pago a plazos libre de intereses a tus clientes, puedes usar este tipo de botón. Puedes recibir el primer plazo a la finalización del proceso de compra, con hasta tres adicionales a posteriori. O puedes configurar los pagos a plazo posponiendo el primer plazo, con hasta cuatro plazos futuros. Todos los pagos deben ser recibidos dentro del plazo de un año desde la compra.

Este tipo de pago también permite que el cliente realice el pago completo en una sola vez, así que no necesitarás un botón Comprar junto a este. Sería una buena idea crear un diseño de botón personalizada, en donde dice "Comprar Ahora (paga hasta en 4 plazos sin intereses si quieres)". O usa algún otro texto que deje clara su función.

Para crear un botón de Pago a Plazos, tienes que dirigirte a las Herramienta de Creación de Botones y seleccionar Plan de Plazos en el menú desplegable Elige un tipo de botón. De esta forma puedes configurar los plazos y las características avanzadas como en los anteriores botones.

Para gestionar los planes de pagos a plazo, dirígete al panel de control de pagos periódicos. En esta lista puedes cancelar, iniciar planes de pago a plazos, ver los detalles de los plazos y modificar información básica relativa a los pagos a plazos.

Botones Añadir al Carro y Ver Carro: Carro de Compra de PayPal

Add to Cart

Esta funcionalidad te permite usar un Carro de Compra gestionado por PayPal. Tienes que generar dos tipos de botón: uno Añadir al Carro para cada tipo de producto que quieras vender, y otro Ver Carro que muestre una lista de adquisiciones en el carro de tu cliente.   

Para crear un botón Añadir al Carro, tienes que ir a la Herramienta de Creación de Botones, y seleccionar Carro de Compra en el menú desplegable Elige un tipo de botón.

Add To Cart Button

Después de crear este botón, necesitarás crear y añadir a tu web un botón Ver Carro, y solo uno, con independencia de cuantos botones Añadir al Carro hayas creado. Los botones Ver Carrito de tu sitio web permiten a los compradores ver sus carritos en los que figuran las adquisiciones que han realizado junto con sus envíos. Desde aquí pueden finalizar el proceso de compra. Para crear el botón, haz clic en Crear un botón Ver Carrito.

Saved Buttons

El formulario es bastante simple, y puedes personalizar su aspecto a tu gusto. Cuando lo tengas preparado, pulsa Crear Botón para obtener el fragmento HTML.

Create View Cart Button

Esta es una función muy útil si dispones de varios productos a la venta en tu sitio web. Si tienes un CMS o muchos productos, esta solución será muy complicada de mantener, y sería mejor usar la API de PayPal para una mejor integración, lo veremos en el próximo tutorial de esta serie.

Botón para Certificados de Regalo

Buy Gift Certificate

Este tipo de botón te permite vender Certificados de Regalo que tus clientes pueden usar para pagar en tu sitio web. Este tipo de botón no se usa mucho hoy en día, y sobre él solo tenemos disponible la antigua documentación en PDF. Te recomendaría que no lo uses, ya que no me extrañaría que lo eliminasen próximamente.

Conclusión

Como hemos visto en el tutorial, puede configurar diferentes modelos de pago con PayPala través de sus botones, simplemente copiando y pegando los fragmentos de HTML en tus sitios web, simplificando de esta manera el proceso de pagos online. En la siguiente parte de esta serie, te mostraré como recibir pagos empleando la REST API de PayPal.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.