Home
Documentation
Resources
Partners
Community

Partners

Discover our program for agencies or developers that offer integration services and sellers who want to hire them.

Community

Get the latest news, ask others for help and share your knowledge.

SDK JS - React - Client-side - Mercado Pago Developers

Intelligent search powered by OpenAI 

SDK JS - React

Our React SDK is compatible with the most updated standard for web development, as well as providing functions and components that allow for simplified integration with Mercado Pago.

To use the React SDK, install it via npm using the code below.

          
npm install @mercadopago/sdk-react


        

Next, add the public key of the account being integrated so that it can be identified when connecting to Mercado Pago.

Important
See Credentials for more details on the public key.
          
import { initMercadoPago } from '@mercadopago/sdk-react'
initMercadoPago('YOUR_PUBLIC_KEY');


        

After completing the SDK installation, you can use the following modules to create the Checkout.

Payment Brick
Offer different payment methods from which your customers can choose, with the ability to save card details for future purchases.
Wallet Brick
Link Mercado Pago Wallet and allow logged payments.
Card Payment Brick
Offer credit and debit card payments.
Status Screen Brick
Inform your customers of the results of the purchase process, after making the payment.
Important
If it is necessary to add or modify any logic in the flow of Core methods in React, please check the documentation Core Methods in our SDK library.