No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Integración del SDK de PayPal en Platzi Store

9/18
Recursos

¿Cómo integrar PayPal en tu proyecto de Platzi Store?

Integrar PayPal en tu proyecto puede parecer un desafío, pero con la guía y estructura correctas, se convierte en una tarea sencilla y eficiente. Este artículo te llevará paso a paso a través del proceso de integración del SDK (Software Development Kit) de PayPal en tu aplicación, asegurando que puedas aceptar pagos de forma segura y profesional en tu tienda Platzi Store.

¿Cuál es el primer paso para la integración?

El primer paso en la integración de PayPal involucra crear una aplicación en el portal de desarrolladores de PayPal y obtener las credenciales necesarias. Este proceso ya fue completado en la clase anterior. Una vez que tienes tu aplicación configurada, puedes avanzar al siguiente paso de integración, que es clave para conectar tu proyecto con PayPal.

¿Cómo configuro los Smart Payment Buttons?

Para configurar los Smart Payment Buttons, es necesario utilizar la opción de "Basic Integration" que ofrece PayPal:

  1. Accede al portal de desarrolladores de PayPal y selecciona "checkout" para iniciar el proceso de integración.
  2. Selecciona Smart Payment Buttons como tu tipo de integración.
  3. Haz clic en la opción de Basic Integration, esto te proporcionará una serie de pasos a seguir.

Estos botones son la opción más actualizada que PayPal proporciona para las integraciones comerciales, ofreciendo una experiencia de pago moderna y fluida.

¿Cómo integro el script del SDK de PayPal en mi proyecto?

El segundo paso esencial es integrar el script del SDK de PayPal dentro de tu aplicación. Aquí te explicamos cómo hacerlo en tu proyecto de Platzi Store:

  • Copia la etiqueta script: Desde la documentación proporcionada por PayPal, debes copiar la etiqueta script que está enlazada al SDK de PayPal.
  • Coloca la etiqueta script en el archivo adecuado: Dentro de tu proyecto hay una carpeta llamada "short" en la carpeta "views". Esta carpeta contiene elementos compartidos como el header y footer de tu aplicación. Allí, coloca la etiqueta script en el header, asegurándote de que esté disponible cuando la página cargue.
<script src="https://www.paypal.com/sdk/js?client-id=YOUR_CLIENT_ID"></script>

Recuerda reemplazar YOUR_CLIENT_ID con el identificador de cliente (client ID) específico de tu aplicación.

¿Cómo obtengo y uso mi Client ID?

Para sustituir el campo client-id en la etiqueta script, necesitas el Client ID que obtuviste al crear tu aplicación:

  1. Dirígete al dashboard del portal de desarrolladores de PayPal.
  2. Haz clic en "Mis aplicaciones y credenciales" para acceder a tu aplicación Platzi Store.
  3. Localiza tu Client ID, cópialo, y pégalo en lugar de la cadena 's b clean ID' en tu script.

Con este último paso, tu integración del SDK de JavaScript de PayPal está completada y lista para ser utilizada en tu proyecto.

¿Qué más debo considerar durante la integración?

Es importante recordar que la ubicación del script en el head del documento es solo una de las formas de incluirlo; lo crucial es asegurarte de que el script esté disponible antes de crear la integración. Dependiendo de la estructura de tu proyecto, podrías querer ubicarlo en otra parte, siempre que cumplas con este requisito.

Integra PayPal con confianza y mantente al tanto de nuestras siguientes lecciones para aprender cómo crear botones PayPal específicos que se adapten a las necesidades de tu tienda. ¡Continúa tu aprendizaje para dominar la integración de pagos en línea!

Aportes 11

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Éste id estará visible en el front. Verdad? Hay problema con eso? o es solo por que es sandbox? Gracias

Y si uso wordpress/woocommerce?

gracias
no esta disponible actualmente para cuentas sandbox, da error 404 todo el tiempo. Asi que dejare el curso aca, no encuentro manera de seguirlo

Primera integracion

PayPal ha hecho cambios en su sistema. Aunque es reciente, estaría bien que se hicieran un curso actualizado, a las nuevas características de dicha plataforma.

<script src="https://www.paypal.com/sdk/js?client-id=CLIENTID"></script>
// El client ID lo podemos encontrar en desarrolladores > dashboard > el proyecto que creamos en el paso 8.

primer comentario

Etiqueta script antes de crear la integración, sustituir CLIENT_ID

<script src="https://www.paypal.com/sdk/js?client-id=sb"></script>

Como se hace si estoy haciendo mi pagina en wordpress