Inicio
Documentação
Recursos
Certificações
Comunidade
SDK JS - React - Client-side - Mercado Pago Developers

Busca inteligente powered by OpenAI 

SDK JS - React

Nossa SDK de React é compatível com o padrão mais atualizado de desenvolvimento web, além de oferecer funções e componentes que permitem uma integração mais simplificada com Mercado Pago.

Para utilizar o SDK de React, realize a instalação via npm utilizando o código abaixo.

          
npm install @mercadopago/sdk-react


        

Em seguida, adicione a public-key da conta que está sendo integrada para que seja possível identificá-la ao conectar com o Mercado Pago.

Importante
Veja Credenciais para mais detalhes sobre a public key.
          
import { initMercadoPago } from '@mercadopago/sdk-react'
initMercadoPago('YOUR_PUBLIC_KEY');


        

Ao finalizar a instalação da SDK, é possível utilizar os seguintes módulos para criação do Checkout.

Payment Brick
Ofereça diferentes métodos de pagamento para os clientes escolherem, com a capacidade de salvar detalhes do cartão para compras futuras.
Wallet Brick
Vincule a conta Mercado Pago e permita pagamentos registrados.
Card Payment Brick
Ofereça pagamentos com cartão de crédito e débito.
Status Screen Brick
Informe os clientes dos resultados do processo de compra após efetuar o pagamento.
Importante
Caso seja necessário adicionar ou modificar alguma lógica no fluxo dos métodos Core em React, consulte a documentação Métodos Core em nossa biblioteca de SDKs.