Foro de Desarrolladores

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

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

¿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

Online 2 Offline

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

Digital wallet: app Mercado Pago

Recargas de celular Pago de servicios

Creación de la costumbre de pagos móviles

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

OBJETIVO

OBJETIVO

OBJETIVO

MULTI PLATFORM

OPEN PRODUCT

OBJETIVO

BACKEND FRONTEND

POR QUÉ?

¿POR QUÉ?

POR QUE?

The new payment experience and the best open platform integration

POR QUE?

POR QUE?

COMO?

¿CÓMO?

COMO?

UX ComunicaciónBackend abierto

ProductoAndroid

iOS Híbrido

IntegracionesComercial

COMO?

IT

Produto

UX

QUÉ?

¿QUÉ?

QUÉ?

QUÉ?

Checkout

UI

Servicios

API

CAPA API

API

CAPA SERVICIOS

Servicios

API

CAPA SERVICIOS

Servicios

API

CAPA UI

UI

Servicios

API

CAPA UI

UI

Servicios

API

Flujos!

CAPA UI

UI

Serviços

API

Fluxos!

CAPA UI

Gracias Lollapalooza!

CAPA UI

UI

Servicios

API

CAPA UI

UI

Servicios

API

CAPA UI

UI

Servicios

API

NUESTRO CHECKOUT

Checkout

UI

Servicios

API

Medio de pago

BancoCuotas

Datos de tarjeta

Resultado del pago

INTEGRACIÓN

INTEGRACIÓN

INTEGRACIÓN

1. Agregar una dependencia:

• Androiddependencies {

compile('com.mercadopago:sdk:1.0.0-rc2@aar') { transitive = true

}}

• iOSpod ‘MercadoPagoSDK’, ‘~> 0.9.15’

• Hibridocordova plugin add mercadopago-plugin

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();

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

INTEGRACIÓN

4. Ejecutá el proyecto y probá tu integración!

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

INTEGRACIÓN

7. Probá ahora con tus colores personalizados.

RESUMEN Y VENTAJAS

RESUMEN Y VENTAJAS

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).

RESUMEN DE LA INTEGRACIÓN

RESUMEN DE LA INTEGRACIÓN

RESUMEN DE LA INTEGRACIÓN

1. Agregar una dependencia.

2. Agregar un disparador Click en un botón, QR, tecnologías nearby, etc.

3. Llamar al componente de MercadoPago cuando el evento esperado ocurra.

4. Esperá los resultados del componente.

5. Tests.

6. Personalizá tu color.

7. Desarrollá tu backend con nuestras SDK para alcanzar una integración correcta..

DESAFÍO

DESAFÍO

DESAFÍO

1. Usar las tecnologías de pago de Mercado Pago.

2. Apalancarse en tecnologías del mundo físico como código de barra, código QR, tecnologías nearby/beacon, georef, etc.

3. Crear una aplicación con una experiencia innovadora.

GRACIAS!

GRACIAS!