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

DISPONIBLE

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.
Saber más
Wallet Brick

DISPONIBLE

Vinculá la cuenta de Mercado Pago y permití pagos logueados.
Saber más
Card Payment Brick

DISPONIBLE

Ofrece pagos con tarjeta de crédito y débito.
Saber más
Status Screen Brick

DISPONIBLE

Informa a tus clientes los resultados del proceso de compra, luego de realizado el pago.
Saber más
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.