Matias Gordon

1. Matías Gordon
Agosto 2016
Mercado Pago
#MeliExperience Córdoba

2. ¿Vos qué mirarías a la hora de elegir un
proveedor para tus cobros online?
¿Precio?
¿Uptime?
¿Medios de pago?
¿Experiencia de pago?

3. Medí – Ajustá - Iterá
Uptime Mix Pagos
Experiencia
de pago
Rechazos Riesgos
Conversión
APIs
abiertas
Opciones de
Checkout
Experiencia One
click
Gestión de
rechazos
Redundancia
Split de Pagos
Equilibrio
aprobación-riesgo
Redes
neuronales
Expertos
Disponibilidad
>99,9%
Pagos en
contingencia
Múltiples
opciones
Ajuste por
industria
INCREMENTÁ TUS VENTAS >> Optimizá el ratio fundamental para convertir más transacciones en exitosas.

4. Experiencia
Mercado Pago

5. SDKs
Módulos
Integrá Mercado Pago, en tu sitio
de e-commerce, fácil y rápido.

6. Checkout básico Checkout personalizado
Genial para comerciantes que desean ponerse en
marcha rápido y fácil.
+ Integración web sencilla.
+ Control limitado de la experiencia de compra—
ventana redirect, modal o iframe.
+ Almacena las tarjetas de tus clientes y permite
una compra rápida.
+ Acepta tarjetas de crédito, transferencias y
depósitos bancarios, tickets y dinero en cuenta.
+ Acepta cupones de descuento
Ofrece un Checkout totalmente personalizado a la
experiencia de tu marca con nuestra API de pagos.
+ Control total de la experiencia de pago.
+ Almacena las tarjetas de tus clientes y permite una
compra rápida.
+ Acepta tarjetas de crédito, transferencias o depósitos
bancarios y tickets.
+ Acepta cupones de descuento.
+ Maximiza la tasa de conversión.
Seleccioná la solución de pago
que mejor se ajuste a tu sitio:

7. ¡Manos
a la obra!

8. 1. Obtené tus credenciales:
https://www.mercadopago.com/mla/account/credentials

9. Client side
<form action="" method="post" id="pay" name="pay" >
<fieldset>
<ul>
<li>
<label for="email">Email</label>
<input id="email" name="email" value="test_user_19653727@testuser.com" type="hidden" placeholder="your email"/>
</li>
<li>
<label for="cardNumber">Credit card number:</label>
<input type="text" id="cardNumber" data-checkout="cardNumber" placeholder="5031 7557 3453 0604" />
</li>
<li>
<label for="securityCode">Security code:</label>
<input type="text" id="securityCode" data-checkout="securityCode" placeholder="123" />
</li>
<li>
<label for="cardExpirationMonth">Expiration month:</label>
<input type="text" id="cardExpirationMonth" data-checkout="cardExpirationMonth" placeholder="12" />
</li>
<li>
<label for="cardExpirationYear">Expiration year:</label>
<input type="text" id="cardExpirationYear" data-checkout="cardExpirationYear" placeholder="2016" />
</li>
<li>
<label for="cardholderName">Card holder name:</label>
<input type="text" id="cardholderName" data-checkout="cardholderName" placeholder="APRO" />
</li>
<li>
<label for="docType">Document type:</label>
<select id="docType" data-checkout="docType"></select>
</li>
<li>
<label for="docNumber">Document number:</label>
<input type="text" id="docNumber" data-checkout="docNumber" placeholder="12345678" />
</li>
</ul>
<input type="submit" value="Pay!" />
</fieldset>
</form>
2. Creá un formulario para obtener los datos de la tarjeta de tu cliente:

10. Client side
2. Creá un formulario para obtener los datos de la tarjeta de tu cliente:

11. doSubmit = false;
addEvent(document.querySelector('#pay'),'submit',doPay);
function doPay(event){
event.preventDefault();
if(!doSubmit){
var $form = document.querySelector('#pay');
Mercadopago.createToken($form, sdkResponseHandler);
return false;
}
};
Client side
Mercadopago.setPublishableKey("TEST-9ff9f47d-4b1b-47f3-8e03-d505ff45ef4b");
<script src="https://secure.mlstatic.com/sdk/javascript/v1/mercadopago.js"></script>
3. Agregá el SDK Javascript al formulario anterior:
4. Configurá la clave pública de tus credenciales, que te identifica en Mercado Pago:
5. Enviá el token a tus servidores

12. Server side
<?php
require_once ('mercadopago.php');
$mp = new MP('TEST-553602612095635-080810-3719e7f4098e812923a2c2a6b4ff85c0__LD_LC__-224387687');
$payment_data = array(
"transaction_amount" => 100,
"token" => "ff8080814c11e237014c1ff593b57b4d",
"description" => "Title of what you are paying for",
"installments" => 1,
"payment_method_id" => "master",
"payer" => array (
"email" => "test_user_19653727@testuser.com"
)
);
$payment = $mp->post("/v1/payments", $payment_data);
6. Realizá el cobro a través de la API:

13. Próximos pasos:
+ Aceptá pagos en cuotas
+ Almacená las tarjetas de tus clientes y permite una compra rápida.
+ Integrá tickets, depósitos y transferencias bancarias.
+ Integrá cupones de descuentos.
+ Comunicá el resultado de la transacción a tus compradores.
+ Sincronizá tu sistema con Mercado Pago.

14. Resumen: Incrementá tus ventas!
Realizá una buena integración en tu sitio
y optimizá el ratio para convertir más
transacciones en exitosas.

15. ?

16. developers.mercadopago.com
Muchas
gracias