Guía súper fácil paso a paso - Solo copiar y pegar
Usa Mercado Pago Checkout PRO - Sin backend necesario
Crear preferencia de pago
Ve a tu panel de Mercado Pago y crea una "Preferencia de pago" o usa su API simple con tu Public Key
Alternativamente, usa el SDK de Mercado Pago en tu sitio:
mercadopago.js + tu Public Key
El usuario paga en Mercado Pago
Tu sitio redirige al usuario a la página de Mercado Pago, donde genera su ficha OXXO
Mercado Pago te notifica
Recibes la confirmación por email cuando el pago se complete
Recomendación: Empieza con esta opción. Si más adelante necesitas más control, puedes migrar a un backend propio.
Si quieres tener tu propio backend con Firebase Functions
Nota: Esta opción requiere conocimientos técnicos. Si no te sientes cómodo con programación, te recomiendo usar Checkout PRO de Mercado Pago (la opción de arriba).
Usa este endpoint gratuito que creé para ti
Copia este código y despliégalo en 2 minutos
Crea un nuevo repositorio en GitHub con este archivo:
📁 api/create-mercadopago-preference.js
const mercadopago = require('mercadopago');
module.exports = async (req, res) => {
// Configurar CORS
res.setHeader('Access-Control-Allow-Origin', '*');
res.setHeader('Access-Control-Allow-Methods', 'POST, OPTIONS');
res.setHeader('Access-Control-Allow-Headers', 'Content-Type');
if (req.method === 'OPTIONS') {
return res.status(200).end();
}
if (req.method !== 'POST') {
return res.status(405).json({ error: 'Method not allowed' });
}
try {
// Configurar Mercado Pago con tu Access Token
mercadopago.configure({
access_token: process.env.MERCADOPAGO_ACCESS_TOKEN
});
// Crear preferencia de pago
const preference = await mercadopago.preferences.create(req.body);
// Devolver URL de checkout
res.status(200).json({
init_point: preference.body.init_point,
id: preference.body.id
});
} catch (error) {
console.error('Error:', error);
res.status(500).json({
error: 'Error al crear preferencia',
message: error.message
});
}
};
📁 package.json
{
"name": "tootal-tickets-backend",
"version": "1.0.0",
"dependencies": {
"mercadopago": "^1.5.17"
}
}
Variable de entorno:
MERCADOPAGO_ACCESS_TOKEN
Valor:
APP_USR-4516757554325466-110614-146af52cebd0c210ea36abe330102219-202311717
• Haz clic en "Deploy"
Una vez desplegado, Vercel te dará una URL como:
https://tootal-tickets-backend.vercel.app
Tu endpoint completo será:
https://tootal-tickets-backend.vercel.app/api/create-mercadopago-preference
Tiempo total: 2-3 minutos una vez que tengas tu cuenta de GitHub y Vercel lista
Una vez que tengas tu URL de Vercel
Pégame tu URL de Vercel aquí en el chat y yo actualizaré automáticamente el código de tu sitio para que apunte a tu backend.
Ejemplo de lo que me debes enviar:
https://tootal-tickets-backend.vercel.app
Solo la URL base, sin /api/... al final
Si tienes dudas en cualquier paso, solo dime dónde estás atorado