DocumentaciĆ³n
Recursos
Certificaciones
Comunidad

Recursos

Revisa las actualizaciones de nuestras soluciones y operatividad del sistema o pide soporte tƩcnico.

Comunidad

Recibe las Ćŗltimas novedades, pide ayuda a otros integradores y comparte tus conocimientos.

Online payments
In-person payments
Tools and resources
APIs and SDKs
SDK JS - React - Client-side - Mercado Pago Developers

SDK JS - React

Nuestro SDK de React es compatible con el estĆ”ndar mĆ”s actualizado de desarrollo web, ademĆ”s de ofrecer funciones y componentes que permiten una integraciĆ³n mĆ”s simplificada con Mercado Pago.

Para utilizar el SDK de React, realiza la instalaciĆ³n a travĆ©s de npm utilizando el siguiente cĆ³digo.

          
npm install @mercadopago/sdk-react


        

DespuƩs, agregue la public key de la cuenta que se estƔ integrando para que sea posible identificarla al conectarse con Mercado Pago.

Importante
Visita nuestra documentaciĆ³n de Credenciales para obtener mĆ”s detalles sobre la public key.
          
import { initMercadoPago } from '@mercadopago/sdk-react'
initMercadoPago('YOUR_PUBLIC_KEY');


        

Al finalizar la instalaciĆ³n del SDK, puedes utilizar los siguientes mĆ³dulos para la creaciĆ³n del Checkout.

Payment Brick
Ofrece diferentes medios de pago entre los que podrƔn elegir tus clientes, con la posibilidad de guardar los datos de la tarjeta para futuras compras.
Wallet Brick
Vincula la cuenta de Mercado Pago y permite pagos logueados.
Card Payment Brick
Ofrece pagos con tarjeta de crƩdito y dƩbito.
Status Screen Brick
Informa a tus clientes los resultados del proceso de compra, luego de realizado el pago.
Importante
Si es necesario agregar o modificar alguna lĆ³gica en el flujo de los mĆ©todos Core en React, consulta la documentaciĆ³n MĆ©todos Core en nuestra biblioteca de SDKs.