1. MercadoLibre
Developers Conference
12 de abril del 2013, Buenos Aires
Pagos
Administración de pagos: formas de integrarse con MercadoPago.
Hernán Di Chello
@d_hernan
#MeliDevConf

2. Hobbies: Navegar, Snowboard y la
tecnología

3. Eres desarrollador

4. Eres desarrollador

5. ¿Qué es MercadoPago?

6. ¿Qué es MercadoPago?

7. ¿Qué es MercadoPago?

8. Basta de humo. ¡A los bifes!

9. § Iniciar un flujo de pago (checkout)
§ Conectando el FrontEnd
§ Notificaciones de pagos
§ Búsqueda de pagos
§ Devoluciones de pagos
§ Sandbox
§ SDKs
Índice

10. Iniciar un flujo de pago (checkout)
Preferencia
Render
Pago
Zona segura

11. Iniciar un flujo de pago (checkout)

12. Iniciar un flujo de pago (checkout)
POST /checkout/preferences
developers.mercadopago.com/documentacion/recibir-pagos

13. Iniciar un flujo de pago (checkout)
developers.mercadopago.com/documentacion/recibir-pagos
{
”init_point”: “init_point_URL”
...
}
JSON response

14. § Iniciar un flujo de pago (checkout)
§ Conectando el FrontEnd
§ Notificación de pagos
§ Búsqueda de pagos
§ Devoluciones de pagos
§ Sandbox
§ SDKs
Índice

15. Conectando el Front End
Preferencia
Render
Pago
Zona segura

16. Conectando el Front End
developers.mercadopago.com/documentacion/recibir-pagos
{
”init_point”: “init_point_URL”
...
}
JSON response

17. Conectando el Front End
developers.mercadopago.com/documentacion/recibir-pagos
Enviar un email
<a href = ”init_point_URL”>

18. Conectando el Front End
developers.mercadopago.com/documentacion/recibir-pagos
Conectar el checkout con un app nativo
<a href = ”init_point_URL”>

19. Conectando el Front End
developers.mercadopago.com/documentacion/recibir-pagos
Colocar un boton de pago en tu site.
<a href = “init_point_URL”>
<script>
...
</script>

20. Conectando el Front End
developers.mercadopago.com/documentacion/recibir-pagos
¿Puedo customizar el botón?
¡Claro!
§ Modos de apertura (lightbox, popup, redirect, blank)
§ Texto y aparencia

21. Conectando el Front End
Preferencia
Render
Pago
Zona segura

22. § LightBox
Conectando el Front End

23. § Iframe
Conectando el Front End

24. § Redirect
Conectando el Front End

25. § Mobile
Conectando el Front End

26. § Iniciar un flujo de pago (checkout)
§ Conectando el FrontEnd
§ Notificaciones de pagos
§ Búsqueda de pagos
§ Devoluciones de pagos
§ Sandbox
§ SDKs
Índice

27. Notificaciones de pagos
+

28. Notificaciones de pago
developers.mercadopago.com/documentacion/notificaciones-de-pago
Push Notification
Pull Information

29. Notificaciones de pago
developers.mercadopago.com/documentacion/notificaciones-de-pago
http://www.yoursite.com/notificaciones
Configura una URL para recibir notificaciones.

30. Notificaciones de pago
developers.mercadopago.com/documentacion/notificaciones-de-pago
POST (push)
http://www.yoursite.com/notificaciones?id=[id]

31. Notificaciones de pago
developers.mercadopago.com/documentacion/notificaciones-de-pago
GET /collections/notifications/[id]

32. Notificaciones de pago
developers.mercadopago.com/documentacion/notificaciones-de-pago

33. § Iniciar un flujo de pago (checkout)
§ Conectando el FrontEnd
§ Notificaciones de pagos
§ Búsqueda de pagos
§ Devoluciones de pagos
§ Sandbox
§ SDKs
Índice

34. ¿Cómo venimos?

35. Búsqueda de pagos

36. Búsqueda de pagos
developers.mercadopago.com/documentacion/busqueda-de-pagos-recibidos
GET /collections/[id]

37. Búsqueda de pagos
developers.mercadopago.com/documentacion/busqueda-de-pagos-recibidos
GET /collections/search/[parameter1]
=[value1]&
[parameter2]=[value2]&
…

38. § Iniciar un flujo de pago (checkout)
§ Conectando el FrontEnd
§ Notificaciones de pagos
§ Búsqueda de pagos
§ Devoluciones de pagos
§ Sandbox
§ SDKs
Índice

39. Cancelaciones de pagos

40. Devoluciones de pagos
developers.mercadopago.com/documentacion/busqueda-de-pagos-recibidos
PUT /collections/[id]
{
”status":”refunded”
}
status = approved ?

41. § Iniciar un flujo de pago (checkout)
§ Conectando el FrontEnd
§ Notificaciones de pagos
§ Búsqueda de pagos
§ Devoluciones de pagos
§ Sandbox
§ SDKs
Índice

42. Sandbox
developers.mercadopago.com/alpha/sandbox
Es un ambiente de prueba que te permite jugar con
nuestro flujo de pagos, sin gastar $$ !
{
”sandbox_init_point”: ”init_point_URL”
...
}
JSON response

43. Sandbox
developers.mercadopago.com/alpha/sandbox
• Dinero en cuenta: El monto de dinero en cuenta es fijo y no se agota.
Para probar, ingresa cualquier clave y el estado será approved.
• Tarjetas de crédito: Puedes usar cualquier código de seguridad y
debes usar una de las tarjetas provistas en la documentación.
• Boleto, depósito o cupón: Al probar, obtendrás el estado pending.

44. § Iniciar un flujo de pago (checkout)
§ Conectando el FrontEnd
§ Notificaciones de pagos
§ Búsqueda de pagos
§ Devoluciones de pagos
§ Sandbox
§ SDKs
Índice

45. SDKs
developers.mercadopago.com/bibliotecas/SDKs

46. Módulos
developers.mercadopago.com/bibliotecas/modulos

47. Los espero en el espacio de networking
para continuar aprendiendo juntos.
¡Muchas gracias!
developers.mercadopago.com
Hernán Di Chello
@d_hernan
#MeliDevConf