Inicio común - Checkout Bricks - Mercado Pago Developers

Inicio común entre los Bricks

Para configurar la integración de Bricks y tener un pago receptivo, optimizado y configurable, debe seguir los pasos a continuación. Estos pasos se aplican a la integración de todos los Bricks.

Incluir la biblioteca de Mercado Pago

Client-Side

Utiliza nuestras bibliotecas oficiales para acceder a las funcionalidades de Mercado Pago de forma segura desde tu frontend.

          
// El código JS se puede incluir en una etiqueta < script > o en un archivo JS separado.
<script src="https://sdk.mercadopago.com/js/v2"></script>

        
          
npm install @mercadopago/sdk-react

        

Inicializar biblioteca de Mercado Pago

A continuación, inicialice la biblioteca de Mercado Pago para utilizar Checkout Bricks.

          
const mp = new MercadoPago('YOUR_PUBLIC_KEY');
const bricksBuilder = mp.bricks();

        
          
import { initMercadoPago } from '@mercadopago/sdk-react';
initMercadoPago('YOUR_PUBLIC_KEY');

        

Eligir el Brick

Con la biblioteca de MercadoPago agregada y configurada en su proyecto, está listo para agregar Bricks a su sitio web. Para ello, elige el Brick que mejor se adapte a tus necesidades y sigue los pasos detallados en el apartado correspondiente al Brick elegido.

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. Integra este Brick y testea su experiencia.
Saber más
Wallet Brick

DISPONIBLE

Vinculá la cuenta de Mercado Pago y permití pagos logueados. Integra este Brick y testea su experiencia.
Saber más
Card Payment Brick

DISPONIBLE

Ofrece pagos con tarjeta de crédito y débito. Integra este Brick y testea su experiencia.
Saber más
Status Screen Brick

DISPONIBLE

Informa a tus clientes los resultados del proceso de compra, luego de realizado el pago. Integra este Brick y testea su experiencia.
Saber más