Mercado Pago participó del Campus Party 2016, presentando a los desarrolladores la simple integración de nuestra herramienta.

1. Foro de Desarrolladores

2. Programa de Desarrolladores Mercado Pago
- Integración de soluciones de pago para tu negocio
- Herramientas listas para usar
- API de Mercado Pago
- Módulos para plataformas de e-commerce

3. Modelos de monetización
Tu App
Ads in-app
App Stores
- Price per download
- Add ons
- Freemium
- Price for prints
- Price for click
- Revenue sharing Mobile payments
systems
- Digital wallets
- mPOS
- Checkout systems
- Payment provider APIs

4. ¿Por qué usar un proveedor de pagos?
- Conexión con múltiples medios de pago (tarjetas y medios offline)
- Seguridad y certificaciones
- Apalancarse en experiencia de optimización de conversión
- Deals bancarios (promos sin interes)
- Dificultad de negociar con bancos sin tener mucho volumen

5. Online 2 Offline

6. Digital wallet: app Mercado Pago
- Guarda tarjetas del usuario
- Manejo de dinero en cuenta MP
- Envíos y solicitudes de dinero
- Compras por código QR

7. Digital wallet: app Mercado Pago
Recargas de celular Pago de servicios
Creación de la
costumbre de
pagos móviles

8. mPOS: Mercado Pago Point
- Reemplaza los POSnets tradicionales y permite cobrar con tarjetas físicas (HW especial)
- Para crear aplicaciones para vendedores o para quién RECIBE pagos
- Ejemplos: app para pedidos en un restaurante, app para vendedores en un local.
- Revenue sharing model

9. OBJETIVO
OBJETIVO

10. OBJETIVO
MULTI PLATFORM
OPEN PRODUCT

11. OBJETIVO
BACKEND FRONTEND

12. POR QUÉ?
¿POR QUÉ?

13. POR QUE?
The new payment experience and
the best open platform integration

14. POR QUE?

15. POR QUE?

16. COMO?
¿CÓMO?

17. COMO?
UX Comunicación
Backend abierto
Producto
Android
iOS
Híbrido
Integraciones
Comercial

18. COMO?
IT
Produto
UX

19. QUÉ?
¿QUÉ?

20. QUÉ?

21. QUÉ?
Checkout
UI
Servicios
API

22. CAPA API
API

23. CAPA SERVICIOS
Servicios
API

24. CAPA SERVICIOS
Servicios
API

25. CAPA UI
UI
Servicios
API

26. CAPA UI
UI
Servicios
API
Flujos!

27. CAPA UI
UI
Serviços
API
Fluxo
s!

28. CAPA UI
Gracias
Lollapalooza!

29. CAPA UI
UI
Servicios
API

30. CAPA UI
UI
Servicios
API

31. CAPA UI
UI
Servicios
API

32. NUESTRO CHECKOUT
Checkout
UI
Servicios
API
Medio de pago
Banco
Cuotas
Datos de tarjeta
Resultado del pago

33. INTEGRACIÓN
INTEGRACIÓN

34. INTEGRACIÓN
1. Agregar una dependencia:
• Android
dependencies {
compile('com.mercadopago:sdk:1.0.0-rc2@aar') {
transitive = true
}
}
• iOS
pod ‘MercadoPagoSDK’, ‘~> 0.9.15’
• Hibrido
cordova plugin add mercadopago-plugin

35. INTEGRACIÓN
2. Cuando el usuario hace click en algún botón, llamá a nuestro componente.
new MercadoPago.StartActivityBuilder()
.setActivity(this)
.setPublicKey("APP_USR-d0081c85-5dfe-419c-b84a-f5fb787bf393")
.setAmount(new BigDecimal(100.0))
.setSite(Sites.ARGENTINA)
.setInstallmentsEnabled(true)
.startCardVaultActivity();

36. 3. Esperar por los resultados que el usuario ingresó en el flujo: PaymentMethod,
Issuer (ARG & MEX), PayerCost e Token. Callback en iOS, onActivityResult en
Android.
PaymentMethod paymentMethod =
JsonUtil.getInstance().fromJson(data.getStringExtra("paymentMethod"),
PaymentMethod.class);
Issuer issuer =
JsonUtil.getInstance().fromJson(data.getStringExtra("issuer"), Issuer.class);
Token token =
JsonUtil.getInstance().fromJson(data.getStringExtra("token"), Token.class);
PayerCost payerCost =
JsonUtil.getInstance().fromJson(data.getStringExtra("payerCost"),
PayerCost.class);
INTEGRACIÓN

37. INTEGRACIÓN
4. Ejecutá el proyecto y probá tu integración!

38. 5. Decinos cual es el color principal de tu app. Dependiendo del color, podes usar
letras oscuras.
DecorationPreference decorationPreference = new DecorationPreference();
decorationPreference.setBaseColor("#FFCC3E");
decorationPreference.enableDarkFont();
6. Agregá el set de DecorationPreference en la llamada
new MercadoPago.StartActivityBuilder()
.setActivity(this)
.setPublicKey("APP_USR-d0081c85-5dfe-419c-b84a-f5fb787bf393")
.setAmount(new BigDecimal(100.00))
.setSite(Sites.ARGENTINA)
.setInstallmentsEnabled(true)
.setDecorationPreference(decorationPreference)
.startCardVaultActivity();
INTEGRACIÓN

39. INTEGRACIÓN
7. Probá ahora con tus colores personalizados.

40. RESUMEN Y VENTAJAS
RESUMEN Y VENTAJAS

41. RESUMEN Y VENTAJAS
❖ Mejor utilización de recursos.
❖ No hacemos las cosas más de una vez en diferentes momentos.
❖ Cada funcionalidad nueva está disponible para el negocio, pero también para la
comunidad de desarrolladores.
❖ Integración personalizada (ninja).
❖ Entender los componentes, flujos y controles para que el integrador pueda
construir la experiência que desee (rompecabezas).
❖ Integración cerrada, pero customizable (checkout).

42. RESUMEN DE LA INTEGRACIÓN
RESUMEN DE LA
INTEGRACIÓN

43. RESUMEN DE LA INTEGRACIÓN
1. Agregar una dependencia.
1. Agregar un disparador Click en un botón, QR, tecnologías nearby, etc.
1. Llamar al componente de MercadoPago cuando el evento esperado ocurra.
1. Esperá los resultados del componente.
1. Tests.
1. Personalizá tu color.
1. Desarrollá tu backend con nuestras SDK para alcanzar una integración correcta..

44. DESAFÍO
DESAFÍO

45. DESAFÍO
1. Usar las tecnologías de pago de Mercado Pago.
1. Apalancarse en tecnologías del mundo físico como código de barra, código QR,
tecnologías nearby/beacon, georef, etc.
1. Crear una aplicación con una experiencia innovadora.

46. GRACIAS!
GRACIAS!