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