Me pasa algo curioso, y es que cuando intento crear la transacción se cierra inmediatamente la ventana emergente que genera PayPal. Alguien tiene alguna idea de cómo puedo solucionarlo, o a qué se deba?
Conocer los conceptos básicos de los pagos en línea
Implementación de Procesadores de Pago Online con PayPal
Pagos en Línea: Funcionamiento y Comparación con Pagos Tradicionales
Opciones de Procesadores de Pago en Línea
Configuración del proyecto del curso
Implementación de eCommerce con Git, Node y PayPal
Integración de PayPal en Aplicaciones Node.js con Express
Aceptar pagos con PayPal
Creación y Conversión de Cuenta de Negocios en PayPal
Herramientas de PayPal para Negocios y Empresas
Creación y Configuración de Aplicaciones en PayPal Sandbox
Integración del SDK de PayPal en Platzi Store
Creación de Botones de Pago PayPal con JavaScript SDK
Creación de Transacciones con PayPal en Platzi Store
Captura de Transacciones con PayPal y Envío a Backend
Creación de Suscripciones con PayPal paso a paso
Personalización y Mejores Prácticas de Botones PayPal
Analizar e interpretar Dashboards
Gestión de Transacciones y Transferencias en PayPal Sandbox
Administrar situaciones especiales
Transición de PayPal Sandbox a Producción para Comercios en Línea
Manejo de Disputas y Herramientas Avanzadas de PayPal para Comercio Electrónico
Integración de PayPal en Comercio Electrónico
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Personalizar la integración del SDK de PayPal es el primer paso crucial para crear una transacción satisfactoria. Esta guía te mostrará cómo hacerlo de forma efectiva, ayudándote a establecer una configuración segura y adaptada a tus necesidades.
Para comenzar, es importante personalizar la integración añadiendo ciertos parámetros en el archivo header.ejs
dentro de la carpeta views/chart
. Asegúrate de incluir:
mxn
para pesos mexicanos o USD
para dólares estadounidenses.true
para asegurar que la conexión entre el SDK y el backend de PayPal sea segura. Esto es esencial para la creación de suscripciones futuras.Estos parámetros ayudan a configurar una integración más personalizada y segura.
// Ejemplo de adición de parámetros en header.ejs
<script>
// Parámetros existentes
client-id: 'YOUR_CLIENT_ID',
// Nuevos parámetros
currency: 'MXN',
vault: true
</script>
El siguiente paso es crear la transacción dentro del archivo product.ejs
donde ya se ha integrado el botón. Aquí se incluirá la lógica para establecer el valor del producto.
product
para referenciar tus productos y asigna el precio correcto. Esto evita errores comunes al establecer el precio del producto.// Asignación del precio correcto al producto
product.price
onApprove
. Este método puedes integrarlo pasando una función anónima que ejecute una alerta.// Código para capturar el éxito de la transacción
onApprove: function () {
alert('Transacción creada exitosamente.');
}
Un componente esencial para probar transacciones es tener una cuenta de buyer en el entorno Sandbox de PayPal. Sigue estos pasos para configurar una:
Al finalizar la creación de la cuenta, tendrás todas las herramientas necesarias para probar la integración y realizar transacciones simuladas de manera efectiva, asegurándote de que todo esté funcionando perfectamente antes de la implementación real.
Una vez creada y aprobada la transacción, asegúrate de que todos los detalles sean los correctos al volver a tu tienda e intentar adquirir un producto con la cuenta de prueba. Aquí deberías poder ver:
100 MXN
.Elegir "pagar ahora" completará la transacción y confirmará que la integración es correcta. Después del pago, si todo está configurado correctamente, te debería aparecer la alerta de éxito configurada anteriormente.
Sirve recordar que la educación y la práctica son esenciales en el ámbito del desarrollo, ¡continúa aprendiendo y perfecciona tus habilidades en integraciones en línea!
Aportes 16
Preguntas 4
Me pasa algo curioso, y es que cuando intento crear la transacción se cierra inmediatamente la ventana emergente que genera PayPal. Alguien tiene alguna idea de cómo puedo solucionarlo, o a qué se deba?
Hola marcos. Tengo una duda. Si el tipo de moneda en mi cuenta es USD, pero quiero que mis clientes me paguen con su tdc o débito extranjera, ya sea con pesos chilenos, colombianos, mexicanos, soles, etc. ¿Paypal transforma ese saldo que ellos transfieren a saldo USD en mi cuenta?.. Esto con la intención de que me puedan pagar quienes no tengan una cuenta paypal, sean de cualquier país, pague con moneda nacional con su tarjeta y a la vez yo reciba esto en USD.
Como selecciono que quiero pagar con mi balance de Paypal y no con la tarjeta?
// EL parametro de la moneda y la conección segura para creación de subscripciones lo tenemos que agregar directamente al script de CLIENTID
<script src="https://www.paypal.com/sdk/js?client-id=CLIENTID¤cy=USD&vault=true"></script>
// Para pasar el monto del boton, lo hacemos durante el button render.
<div id="paypal-button-container"></div>
<script>
paypal.Buttons({
createOrder: function(data, actions){
return actions.order.create({
purchase_units:[{
amount: {value: 5}
}]
});
}, onApprove: function(){
alert 'transaccion creada';
}
}).render('#paypal-button-container');
</script>
<script src="https://www.paypal.com/sdk/js?client-id¤cy=USD&vault=true"></script>
Hace unos años hackeé un sitio que vendía boletos para un evento que usaba paypal para pagar y donde estaban todas las validaciones eran en el front, compré 3 boletos por .50 centavos MXN y en concepto de pago puse mi correo por si acaso querían que me contrataran para hacer bien su página… no me contactaron.
config para transacciones de pagos
Config adicional en el script del SDK
disculpa el proyecto esta echo con node.js y puro react. js ?? o me equivoco??
primer comentario
¡Está increíble!.
Muy bueno , pero lo hubieras echo en react XP
Genial
Hola A todos!
PAYPAL permite pagos con TARJETA en el modo tradicional sin que el cliente tenga que crear una cuenta en PAYPAL??
Si es posible, se llega a ver algo de esto en este curso?
Slds.
Mi problema es que no sé cómo ingresar a esa parte de mi web, a mi no me sale eso. Yo no sé programación 😦
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?