Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
#MeliExperience Crdoba
Matas Gordon
Agosto 2016
Vos qu miraras a la hora de elegir un
proveedor para tus cobros online?
Precio?
Uptime?
Medios de pago?
Experiencia de pago?
Conversin
Med Ajust - Iter
Experiencia
Uptime Mix Pagos Rechazos Riesgos
de pago
INCREMENT TUS VENTAS >> Optimiz el ratio fundamental para convertir ms transacciones en exitosas.
Experiencia
Mercado Pago
Integr Mercado Pago, en tu sitio
de e-commerce, fcil y rpido.
SDKs
Mdulos
Seleccion la solucin de pago
que mejor se ajuste a tu sitio:
Checkout bsico Checkout personalizado
Genial para comerciantes que desean ponerse en Ofrece un Checkout totalmente personalizado a la
marcha rpido y fcil. experiencia de tu marca con nuestra API de pagos.
https://www.mercadopago.com/mla/account/credentials
Client side
2. Cre un formulario para obtener los datos de la tarjeta de tu cliente:
<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>
Client side
2. Cre un formulario para obtener los datos de la tarjeta de tu cliente:
Client side
3. Agreg el SDK Javascript al formulario anterior:
<script src="https://secure.mlstatic.com/sdk/javascript/v1/mercadopago.js"></script>
Mercadopago.setPublishableKey("TEST-9ff9f47d-4b1b-47f3-8e03-d505ff45ef4b");
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;
}
};
Server side
6. Realiz el cobro a travs de la API:
<?php
require_once ('mercadopago.php');
$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"
)
);