Checkout API y Checkout Bricks de Mercado Pago dentro de tu sitio
Integramos Checkout API y Checkout Bricks de Mercado Pago para que tus clientes paguen dentro de tu sitio, sin redirecciones a otra pantalla. Armamos un formulario de pago que respeta tu diseño, capturamos los datos de la tarjeta de forma segura y procesamos cada cobro desde tu servidor.
Te respondemos con una propuesta concreta. Sin compromiso.
Qué hacemos
Checkout API y Checkout Bricks son las dos formas que ofrece Mercado Pago para cobrar sin que el comprador salga de tu página. En ambos casos el formulario se muestra en tu sitio y tu servidor crea el pago mediante la API de Mercado Pago.
- Checkout Bricks es un conjunto de componentes prearmados, llamados Bricks. El Payment Brick muestra varios medios de pago, el Card Payment Brick se enfoca en tarjetas y el Status Screen Brick informa el resultado al comprador.
- Checkout API es la integración más flexible: el formulario se diseña desde cero y las herramientas de seguridad de Mercado Pago se usan solo para capturar la tarjeta.
En los dos casos la tarjeta se tokeniza en el navegador: los datos viajan directo a Mercado Pago, que devuelve un token, un código temporal que la representa. Tu servidor crea el pago con ese token sin recibir nunca el número completo.
Bricks o Checkout API: cuál elegir
| Criterio | Checkout Bricks | Checkout API |
|---|---|---|
| Tiempo de desarrollo | Menor: los componentes vienen listos | Mayor: el formulario se construye a medida |
| Personalización visual | Colores, tipografías y textos | Control total del diseño y de los pasos |
| Mantenimiento | Mercado Pago actualiza los componentes | Los cambios dependen de quien mantenga el sitio |
En la mayoría de los proyectos recomendamos Bricks, porque da una experiencia integrada con menos código propio que mantener.
Innovación en emprendimientos
¿Lo pensamos para tu proyecto?
Cuándo necesitás un checkout transparente
Un checkout transparente, como se suele llamar a este tipo de integración, tiene sentido cuando:
- Tu marca cuida cada detalle visual y la redirección a otra pantalla rompe la experiencia.
- Tenés un proceso de compra en varios pasos y el pago es uno más dentro de ese recorrido.
- Querés guardar las tarjetas de tus clientes frecuentes en Mercado Pago para que vuelvan a comprar más rápido.
- Ya usás Checkout Pro y querés que el pago quede integrado en tu propia página.
Cómo lo integramos
- Elección de la variante. Definimos si conviene Bricks, Checkout API o una combinación.
- Frontend. Insertamos los Bricks o el formulario propio con el SDK de JavaScript de Mercado Pago, o con su SDK de React en sitios hechos con Next.js.
- Backend. Desarrollamos el servicio que recibe el token, crea el pago y guarda el resultado en el pedido, con la versión de la API que Mercado Pago recomiende en ese momento.
- Autenticación y rechazos. Manejamos los casos en que el banco pide una validación adicional y traducimos cada motivo de rechazo a un mensaje claro.
- Pruebas. Probamos tarjetas aprobadas, rechazos por distintos motivos y pagos en efectivo con usuarios de prueba.
- Producción. Verificamos el certificado del sitio y pasamos a las credenciales productivas.
Qué recibís
- El formulario de pago integrado en tu sitio, con el estilo de tu marca.
- El backend que crea los pagos y registra cada resultado.
- Mensajes de error comprensibles para cada motivo de rechazo.
Este servicio forma parte de nuestra integración de Mercado Pago. Si tu sitio está desarrollado a medida, lo combinamos con Mercado Pago en Next.js y Laravel.
Preguntas frecuentes
¿Tenés otra duda? Escribinos por WhatsApp.
¿Qué es un Brick de Mercado Pago?
Un Brick es un componente de pago prearmado de Mercado Pago que se inserta en tu página con pocas líneas de código. Cada Brick resuelve una parte del checkout: elegir el medio de pago, cargar una tarjeta o mostrar el estado final de la compra. Se adapta a los colores y las tipografías de tu sitio, y Mercado Pago lo mantiene actualizado.
¿Los datos de la tarjeta pasan por mi servidor?
No. Tanto en Checkout Bricks como en Checkout API, los datos de la tarjeta se envían directamente desde el navegador a Mercado Pago, que devuelve un token temporal. Tu servidor recibe solo ese token para crear el pago. Así tu sitio nunca almacena ni procesa números de tarjeta, lo que simplifica mucho la seguridad de la integración.
¿Necesito un certificado SSL para integrarlo?
Sí. Como el formulario de pago se muestra dentro de tu sitio, la página tiene que cargarse con HTTPS, es decir, con un certificado SSL activo. Es un requisito de Mercado Pago para este tipo de integración. La mayoría de los hostings lo incluyen y, si el tuyo no lo tiene, lo resolvemos antes de empezar, por ejemplo con Cloudflare.
¿Puedo ofrecer pagos en efectivo con Checkout Bricks?
Sí. El Payment Brick puede mostrar, además de tarjetas, pagos en efectivo en Rapipago y Pago Fácil y el pago con la cuenta de Mercado Pago. En el caso del efectivo, el cliente recibe un comprobante con código para pagar en un local, y tu pedido queda pendiente hasta que llega la confirmación de Mercado Pago.
¿Cuánto trabajo extra implica frente a Checkout Pro?
Bastante más, porque hay que construir y probar el formulario, el backend que crea el pago y el manejo de cada tipo de rechazo. Con Bricks parte de ese trabajo ya viene resuelto; con Checkout API el desarrollo es completo. A cambio, el cliente nunca sale de tu sitio y la experiencia de pago queda bajo tu control.
Pedí tu presupuesto
Checkout API y Checkout Bricks de Mercado Pago dentro de tu sitio, pensado para tu emprendimiento. Contanos qué necesitás y te respondemos con una propuesta.
- Tres pasos, menos de dos minutos.
- Propuesta concreta, sin compromiso.
- Si preferís, lo hablamos por WhatsApp.
- Qué necesitás
- Tu proyecto
- Tus datos
También te puede servir
- Pagos integrados con Stripe Elements Stripe
- Checkout a medida, un proceso de pago propio para tu negocio Integración de medios de pago
- Diseño de sitios web: la interfaz completa antes de programar Diseño UX/UI
- Integración de Checkout Pro de Mercado Pago Mercado Pago
- Mercado Pago en WooCommerce con el plugin oficial Mercado Pago
- Integración de Mercado Pago en Next.js y Laravel Mercado Pago