Mercado Pago - Guia Profesional de Integracion
Guia completa para integrar pagos con Mercado Pago en aplicaciones web. Cubre todas las modalidades de integracion, desde la mas simple (Checkout Pro) hasta la mas avanzada (Orders API).
Cual integracion usar?
Primero defini que necesitas hacer:
| Necesitas... |
Solucion |
Reference |
| Cobrar un pago unico, rapido (MVP) |
Checkout Pro (redireccion) |
references/checkout-pro.md |
| Cobrar en tu sitio con branding propio |
Checkout Bricks |
references/checkout-bricks.md |
| Cobrar con logica avanzada / multi-transaccion / presencial (Point, QR) |
Orders API |
references/orders-api.md |
| Cobrar recurrente (membresias, abonos, SaaS) |
Suscripciones (preapproval) |
references/subscriptions.md |
| Cobrar para terceros y quedarte una comision |
Marketplace / split de pagos |
references/marketplace-split.md |
| Enviar dinero a cuentas bancarias / MP (payouts) |
Money Out |
references/money-out.md |
| Entender comisiones y costos |
(transversal) |
references/fees-pricing.md |
Esfuerzo de cada modalidad de cobro
| Escenario |
Recomendacion |
Esfuerzo |
| MVP / lanzar rapido |
Checkout Pro |
Bajo (2/5) |
| E-commerce con branding propio |
Checkout Bricks |
Medio (3/5) |
| Tarjetas + efectivo en tu sitio |
Checkout Bricks (Payment Brick) |
Medio (3/5) |
| Logica avanzada / multiples transacciones |
Orders API |
Alto (5/5) |
| Pagos presenciales (Point, QR) |
Orders API |
Alto (5/5) |
| Cobro recurrente |
Suscripciones (preapproval) |
Medio (3/5) |
Checkout Pro
- Experiencia de cobro en Mercado Pago (redireccion)
- El usuario paga en el entorno de MP y vuelve a tu sitio
- Todos los medios de pago sin configurar cada uno
- Ideal: integracion rapida, maxima confianza del comprador
Checkout Bricks
- Experiencia de cobro en tu sitio, sin redireccion
- Modulos preconstruidos pero personalizables
- Bricks: Payment, Card Payment, Wallet, Status Screen, Brand
- Ideal: control total del checkout UX
Orders API (Nuevo modelo)
- Procesamiento automatico o manual
- Multiples transacciones por orden
- Pagos online + presenciales (Point, QR)
- Ideal: logica de negocio avanzada, captura manual, dos tarjetas
Suscripciones (Preapproval)
- Cobro recurrente automatico (frecuencia configurable)
- Con o sin plan asociado (
preapproval_plan)
- Ideal: membresias, SaaS, abonos. Ver
references/subscriptions.md
Marketplace / Split de pagos
- Cobras en nombre de vendedores y MP reparte automaticamente (su comision primero, luego la tuya)
marketplace_fee (Checkout Pro) / application_fee (Checkout API); vendedor se vincula via OAuth
- Ideal: marketplaces, plataformas multi-vendedor. Ver
references/marketplace-split.md
Money Out (enviar dinero)
- Transferencias/retiros desde tu saldo a cuentas bancarias, cuentas MP o Pix (Brasil)
- Requiere autorizacion comercial de MP + cifrado punta a punta e idempotencia
- Ideal: payouts a proveedores/vendedores/usuarios. Ver
references/money-out.md
Antes de comenzar
0. (Recomendado) Setup asistido con el MCP de Mercado Pago
Si el MCP server oficial de MP esta conectado, automatiza casi todo el setup de cuenta y
mantiene la documentacion al dia. Convierte "anda al panel, copia el token, crea usuarios de
test, configura el webhook" en algo que el agente resuelve solo. Detalle completo (tools,
parametros, flujo): references/mcp-server.md.
| Necesitas... |
Tool del MCP |
| Credenciales (access token + public key, prod y test) sin entrar al panel |
application_list -> create_application -> get_credentials |
| Configurar el webhook (prod/sandbox + topicos) |
save_webhook |
| Docs / contratos / test cards al dia |
search_documentation |
| Validar calidad de la integracion |
quality_checklist (build) + quality_evaluation (post-pago) |
| Diagnosticar webhooks que no llegan |
notifications_history |
| Homologar la app para produccion |
form_homologation |
Nota: este MCP no crea usuarios de prueba; usa las credenciales de TEST de get_credentials
y crea las cuentas de prueba desde el panel. Set completo de campos que evalua MP (verificado
en vivo): references/mcp-server.md (seccion "Quality checklist real").
Conectar: claude mcp add --transport http mercadopago https://mcp.mercadopago.com/mcp,
luego /mcp para autenticar (OAuth) y reiniciar la sesion. Si no esta disponible, seguir el
setup manual de los pasos 1-3.
1. Prerequisitos
npm install mercadopago zod
2. Variables de entorno
MERCADOPAGO_ACCESS_TOKEN=TEST-xxxx # Backend only, NUNCA con NEXT_PUBLIC_
NEXT_PUBLIC_MP_PUBLIC_KEY=TEST-xxxx # Solo para Bricks (frontend)
NEXT_PUBLIC_APP_URL=http://localhost:3000 # HTTPS en produccion
Obtener credenciales: https://www.mercadopago.com/developers/panel/app
3. Base de datos
Ejecutar assets/migration.sql en tu base de datos PostgreSQL.
Ver references/database-adapters.md para implementar el helper segun tu ORM/cliente.
Flujo general
Checkout Pro
+-----------+
Tu sitio -------->| MP hosted |-------> Redirect back + Webhook
+-----------+
Checkout Bricks
+-----------+
Tu sitio -------->| Brick UI |-------> POST /api/payments + Webhook
+-----------+
Orders API
+-----------+
Tu sitio -------->| Custom UI |-------> POST /v1/orders + Webhook
+-----------+
Implementation steps por modalidad
Checkout Pro
- Crear helper de DB (
references/database-adapters.md)
- Crear cliente MP y preferencia (
references/checkout-pro.md)
- Crear API route
/api/checkout
- Crear webhook handler (
references/webhooks.md)
- Crear pagina de exito con verificacion server-side
- Crear hook de checkout con proteccion anti-doble-click
Checkout Bricks
- Crear helper de DB (
references/database-adapters.md)
- Cargar SDK de MP en frontend (
references/checkout-bricks.md)
- Renderizar el Brick deseado (Payment, Card, Wallet)
- Crear API route para procesar el pago
- Crear webhook handler (
references/webhooks.md)
- Mostrar resultado con Status Screen Brick
Orders API
- Crear helper de DB (
references/database-adapters.md)
- Tokenizar tarjeta en frontend (o usar Brick)
- Crear order via API (
references/orders-api.md)
- Configurar webhook para orders (
references/webhooks.md)
- Implementar captura/cancelacion/reembolso segun necesidad (
references/refunds-cancellations.md)
Suscripciones (recurrente)
- (Opcional) Crear plan
preapproval_plan
- Crear
preapproval (con card_token_id o redireccion al init_point)
- Webhook
subscription_authorized_payment por cada cobro del ciclo (references/subscriptions.md)
Marketplace / Split
- Vincular al vendedor via OAuth (topico
mp-connect)
- Crear preferencia/pago con
marketplace_fee / application_fee usando las credenciales del vendedor (references/marketplace-split.md)
Money Out (enviar dinero)
- Pedir habilitacion comercial a MP (no es self-serve)
POST /v1/transaction-intents/process con X-Idempotency-Key + cifrado punta a punta (references/money-out.md)
Checklist general
Comisiones (tener en cuenta)
MP descuenta su comision automaticamente del monto recibido (cobras bruto, te acredita neto).
La comision depende de pais + medio de pago + plazo de liberacion (cuanto antes recibis el
dinero, mayor la comision). Si cobras para terceros, ademas se descuenta tu marketplace_fee/
application_fee (despues de la de MP).
No hardcodear porcentajes: cambian y son por pais. Ver el modelo completo y donde consultar
los costos vigentes en references/fees-pricing.md.
Referencias
| Archivo |
Contenido |
references/checkout-pro.md |
API de Preferencias, frontend React/Vanilla, flujo completo |
references/checkout-bricks.md |
Payment, Card, Wallet, Status Screen Bricks + 3DS |
references/orders-api.md |
Nuevo modelo, modo auto/manual, endpoints, transacciones |
references/webhooks.md |
Configuracion, topicos, payloads, validacion x-signature, estados |
references/refunds-cancellations.md |
Reembolsos, cancelaciones, capturas, contracargos |
references/subscriptions.md |
Suscripciones / pagos recurrentes (preapproval, preapproval_plan, webhooks) |
references/marketplace-split.md |
Marketplace / split de pagos (marketplace_fee, application_fee, OAuth) |
references/money-out.md |
Enviar dinero a cuentas bancarias / MP / Pix (Money Out API) |
references/fees-pricing.md |
Comisiones, liberacion de dinero y como ver costos vigentes |
references/payment-methods.md |
Medios de pago por pais, currencies, test cards |
references/troubleshooting.md |
Errores comunes y soluciones detalladas |
references/mcp-server.md |
MCP server oficial de MP: tools, conexion, setup asistido y validacion de calidad |
references/database-adapters.md |
Helpers para Supabase, Prisma, Raw pg |
references/usage-examples.md |
Prompts de ejemplo listos para usar |
assets/migration.sql |
Schema PostgreSQL para purchases |
Docs oficiales: https://www.mercadopago.com.ar/developers/es/docs
SDK Node: https://github.com/mercadopago/sdk-nodejs
1---2name: mercadopago3description: Skill UNICA y completa para todo Mercado Pago en aplicaciones web (Next.js, React, Vanilla JS). COBRAR: Checkout Pro (redireccion), Checkout Bricks (Payment, Card, Wallet, Status Screen), Orders API (nuevo modelo) y Suscripciones (preapproval / pagos recurrentes). ENVIAR dinero: Money Out (transferencias/retiros a cuentas bancarias y cuentas MP, Pix) y Marketplace / split de pagos (cobrar para terceros con comision). Ademas: webhooks con validacion x-signature, reembolsos totales/parciales, cancelaciones, capturas manuales, contracargos, comisiones y liberacion de dinero, y medios de pago por pais. Incluye adaptadores de base de datos (Supabase, Prisma, Raw pg), troubleshooting detallado, tarjetas de test por pais, ejemplos de prompts, y uso del MCP server oficial de MP. Usar cuando se necesite: (1) Integrar pagos con MercadoPago en cualquier modalidad, (2) Implementar Checkout Pro o Bricks, (3) Usar la Orders API, (4) Configurar webhooks/notificaciones, (5) Implementar reembolsos o cancelaciones, (6) Trouble4---56# Mercado Pago - Guia Profesional de Integracion78Guia completa para integrar pagos con Mercado Pago en aplicaciones web. Cubre todas las modalidades de integracion, desde la mas simple (Checkout Pro) hasta la mas avanzada (Orders API).910---1112## Cual integracion usar?1314Primero defini **que necesitas hacer**:1516| Necesitas... | Solucion | Reference |17|--------------|----------|-----------|18| **Cobrar** un pago unico, rapido (MVP) | **Checkout Pro** (redireccion) | `references/checkout-pro.md` |19| **Cobrar** en tu sitio con branding propio | **Checkout Bricks** | `references/checkout-bricks.md` |20| **Cobrar** con logica avanzada / multi-transaccion / presencial (Point, QR) | **Orders API** | `references/orders-api.md` |21| **Cobrar recurrente** (membresias, abonos, SaaS) | **Suscripciones (preapproval)** | `references/subscriptions.md` |22| **Cobrar para terceros** y quedarte una comision | **Marketplace / split de pagos** | `references/marketplace-split.md` |23| **Enviar dinero** a cuentas bancarias / MP (payouts) | **Money Out** | `references/money-out.md` |24| Entender **comisiones y costos** | (transversal) | `references/fees-pricing.md` |2526### Esfuerzo de cada modalidad de cobro2728| Escenario | Recomendacion | Esfuerzo |29|-----------|---------------|----------|30| MVP / lanzar rapido | Checkout Pro | Bajo (2/5) |31| E-commerce con branding propio | Checkout Bricks | Medio (3/5) |32| Tarjetas + efectivo en tu sitio | Checkout Bricks (Payment Brick) | Medio (3/5) |33| Logica avanzada / multiples transacciones | Orders API | Alto (5/5) |34| Pagos presenciales (Point, QR) | Orders API | Alto (5/5) |35| Cobro recurrente | Suscripciones (preapproval) | Medio (3/5) |3637### Checkout Pro38- Experiencia de cobro **en Mercado Pago** (redireccion)39- El usuario paga en el entorno de MP y vuelve a tu sitio40- Todos los medios de pago sin configurar cada uno41- Ideal: integracion rapida, maxima confianza del comprador4243### Checkout Bricks44- Experiencia de cobro **en tu sitio**, sin redireccion45- Modulos preconstruidos pero personalizables46- Bricks: Payment, Card Payment, Wallet, Status Screen, Brand47- Ideal: control total del checkout UX4849### Orders API (Nuevo modelo)50- Procesamiento automatico o manual51- Multiples transacciones por orden52- Pagos online + presenciales (Point, QR)53- Ideal: logica de negocio avanzada, captura manual, dos tarjetas5455### Suscripciones (Preapproval)56- Cobro **recurrente** automatico (frecuencia configurable)57- Con o sin plan asociado (`preapproval_plan`)58- Ideal: membresias, SaaS, abonos. Ver `references/subscriptions.md`5960### Marketplace / Split de pagos61- Cobras en nombre de vendedores y MP **reparte automaticamente** (su comision primero, luego la tuya)62- `marketplace_fee` (Checkout Pro) / `application_fee` (Checkout API); vendedor se vincula via OAuth63- Ideal: marketplaces, plataformas multi-vendedor. Ver `references/marketplace-split.md`6465### Money Out (enviar dinero)66- Transferencias/retiros desde tu saldo a **cuentas bancarias**, cuentas MP o Pix (Brasil)67- Requiere **autorizacion comercial** de MP + cifrado punta a punta e idempotencia68- Ideal: payouts a proveedores/vendedores/usuarios. Ver `references/money-out.md`6970---7172## Antes de comenzar7374### 0. (Recomendado) Setup asistido con el MCP de Mercado Pago7576Si el MCP server oficial de MP esta conectado, automatiza casi todo el setup de cuenta y77mantiene la documentacion al dia. Convierte "anda al panel, copia el token, crea usuarios de78test, configura el webhook" en algo que el agente resuelve solo. Detalle completo (tools,79parametros, flujo): `references/mcp-server.md`.8081| Necesitas... | Tool del MCP |82|--------------|--------------|83| Credenciales (access token + public key, prod y test) sin entrar al panel | `application_list` -> `create_application` -> `get_credentials` |84| Configurar el webhook (prod/sandbox + topicos) | `save_webhook` |85| Docs / contratos / test cards al dia | `search_documentation` |86| Validar calidad de la integracion | `quality_checklist` (build) + `quality_evaluation` (post-pago) |87| Diagnosticar webhooks que no llegan | `notifications_history` |88| Homologar la app para produccion | `form_homologation` |8990Nota: este MCP no crea usuarios de prueba; usa las credenciales de TEST de `get_credentials`91y crea las cuentas de prueba desde el panel. Set completo de campos que evalua MP (verificado92en vivo): `references/mcp-server.md` (seccion "Quality checklist real").9394Conectar: `claude mcp add --transport http mercadopago https://mcp.mercadopago.com/mcp`,95luego `/mcp` para autenticar (OAuth) y reiniciar la sesion. Si no esta disponible, seguir el96setup manual de los pasos 1-3.9798### 1. Prerequisitos99100```bash101npm install mercadopago zod102```103104### 2. Variables de entorno105106```env107MERCADOPAGO_ACCESS_TOKEN=TEST-xxxx # Backend only, NUNCA con NEXT_PUBLIC_108NEXT_PUBLIC_MP_PUBLIC_KEY=TEST-xxxx # Solo para Bricks (frontend)109NEXT_PUBLIC_APP_URL=http://localhost:3000 # HTTPS en produccion110```111112Obtener credenciales: https://www.mercadopago.com/developers/panel/app113114### 3. Base de datos115116Ejecutar `assets/migration.sql` en tu base de datos PostgreSQL.117Ver `references/database-adapters.md` para implementar el helper segun tu ORM/cliente.118119---120121## Flujo general122123```124 Checkout Pro125 +-----------+126 Tu sitio -------->| MP hosted |-------> Redirect back + Webhook127 +-----------+128129 Checkout Bricks130 +-----------+131 Tu sitio -------->| Brick UI |-------> POST /api/payments + Webhook132 +-----------+133134 Orders API135 +-----------+136 Tu sitio -------->| Custom UI |-------> POST /v1/orders + Webhook137 +-----------+138```139140---141142## Implementation steps por modalidad143144### Checkout Pro1451. Crear helper de DB (`references/database-adapters.md`)1462. Crear cliente MP y preferencia (`references/checkout-pro.md`)1473. Crear API route `/api/checkout`1484. Crear webhook handler (`references/webhooks.md`)1495. Crear pagina de exito con verificacion server-side1506. Crear hook de checkout con proteccion anti-doble-click151152### Checkout Bricks1531. Crear helper de DB (`references/database-adapters.md`)1542. Cargar SDK de MP en frontend (`references/checkout-bricks.md`)1553. Renderizar el Brick deseado (Payment, Card, Wallet)1564. Crear API route para procesar el pago1575. Crear webhook handler (`references/webhooks.md`)1586. Mostrar resultado con Status Screen Brick159160### Orders API1611. Crear helper de DB (`references/database-adapters.md`)1622. Tokenizar tarjeta en frontend (o usar Brick)1633. Crear order via API (`references/orders-api.md`)1644. Configurar webhook para orders (`references/webhooks.md`)1655. Implementar captura/cancelacion/reembolso segun necesidad (`references/refunds-cancellations.md`)166167### Suscripciones (recurrente)1681. (Opcional) Crear plan `preapproval_plan`1692. Crear `preapproval` (con `card_token_id` o redireccion al `init_point`)1703. Webhook `subscription_authorized_payment` por cada cobro del ciclo (`references/subscriptions.md`)171172### Marketplace / Split1731. Vincular al vendedor via OAuth (topico `mp-connect`)1742. Crear preferencia/pago con `marketplace_fee` / `application_fee` usando las credenciales del vendedor (`references/marketplace-split.md`)175176### Money Out (enviar dinero)1771. Pedir habilitacion comercial a MP (no es self-serve)1782. `POST /v1/transaction-intents/process` con `X-Idempotency-Key` + cifrado punta a punta (`references/money-out.md`)179180---181182## Checklist general183184- [ ] `mercadopago` + `zod` instalados185- [ ] `MERCADOPAGO_ACCESS_TOKEN` en `.env` (TEST token para dev, NUNCA `NEXT_PUBLIC_`)186- [ ] `NEXT_PUBLIC_APP_URL` en `.env` (HTTPS en produccion)187- [ ] Migration ejecutada en DB188- [ ] DB helper implementado189- [ ] API route de checkout/payment creada con validacion Zod190- [ ] Webhook handler con idempotencia y GET endpoint191- [ ] `auto_return` solo para HTTPS192- [ ] Pagina de exito verifica estado server-side193- [ ] Proteccion anti-doble-click (useRef guard)194- [ ] `useSearchParams` envuelto en `<Suspense>`195- [ ] Webhook signature validation (produccion)196- [ ] (Opcional) MCP de MP conectado para setup asistido (`references/mcp-server.md`)197- [ ] (Opcional) Calidad validada con `quality_checklist` (build) y `quality_evaluation` (post-pago)198199---200201## Comisiones (tener en cuenta)202203MP descuenta su comision **automaticamente** del monto recibido (cobras bruto, te acredita neto).204La comision depende de **pais + medio de pago + plazo de liberacion** (cuanto antes recibis el205dinero, mayor la comision). Si cobras para terceros, ademas se descuenta tu `marketplace_fee`/206`application_fee` (despues de la de MP).207208**No hardcodear porcentajes**: cambian y son por pais. Ver el modelo completo y donde consultar209los costos vigentes en `references/fees-pricing.md`.210211---212213## Referencias214215| Archivo | Contenido |216|---------|-----------|217| `references/checkout-pro.md` | API de Preferencias, frontend React/Vanilla, flujo completo |218| `references/checkout-bricks.md` | Payment, Card, Wallet, Status Screen Bricks + 3DS |219| `references/orders-api.md` | Nuevo modelo, modo auto/manual, endpoints, transacciones |220| `references/webhooks.md` | Configuracion, topicos, payloads, validacion x-signature, estados |221| `references/refunds-cancellations.md` | Reembolsos, cancelaciones, capturas, contracargos |222| `references/subscriptions.md` | Suscripciones / pagos recurrentes (preapproval, preapproval_plan, webhooks) |223| `references/marketplace-split.md` | Marketplace / split de pagos (marketplace_fee, application_fee, OAuth) |224| `references/money-out.md` | Enviar dinero a cuentas bancarias / MP / Pix (Money Out API) |225| `references/fees-pricing.md` | Comisiones, liberacion de dinero y como ver costos vigentes |226| `references/payment-methods.md` | Medios de pago por pais, currencies, test cards |227| `references/troubleshooting.md` | Errores comunes y soluciones detalladas |228| `references/mcp-server.md` | MCP server oficial de MP: tools, conexion, setup asistido y validacion de calidad |229| `references/database-adapters.md` | Helpers para Supabase, Prisma, Raw pg |230| `references/usage-examples.md` | Prompts de ejemplo listos para usar |231| `assets/migration.sql` | Schema PostgreSQL para purchases |232233Docs oficiales: https://www.mercadopago.com.ar/developers/es/docs234SDK Node: https://github.com/mercadopago/sdk-nodejs