top of page
Buscar

Checkout Pro de Mercado Pago

  • 12 abr
  • 3 Min. de lectura

🧩 OPCIÓN 1: Usar la app oficial de Mercado Pago para Wix

Mercado Pago tiene una aplicación oficial en la Wix App Market para algunos países de LATAM. Esta app no usa Checkout Pro como tal (usa un checkout integrado), pero es la forma más fácil de recibir pagos.

Pasos:

  1. Ve a tu panel de Wix.

  2. En el menú izquierdo, entra a "Aplicaciones" > "Mercado de aplicaciones".

  3. Busca "Mercado Pago" e instálala.

  4. Inicia sesión con tu cuenta de Mercado Pago y conecta la app.

  5. Configura tus métodos de pago y moneda.

  6. Publica tu sitio.

Ventajas:

  • Fácil de configurar.

  • Ya viene integrada en la tienda.

Desventajas:

  • No es Checkout Pro (no redirige a la página de pago de Mercado Pago con toda la personalización).

🧩 OPCIÓN 2: Usar botones de pago manuales (Checkout Pro)

Si realmente necesitas usar Checkout Pro, puedes generar links de pago manuales o usar la API para integrar botones personalizados.

Opción rápida (sin código):

  1. Ve a tu cuenta de Mercado Pago.

  2. Entra a la sección "Botones y enlaces de pago".

  3. Crea un botón con el monto y descripción del producto.

  4. Copia el código HTML del botón o el link de pago.

  5. En tu editor de Wix:

    • Usa un elemento HTML iframe para insertar el botón.

    • O coloca el link en un botón de Wix y redirige al Checkout Pro.

⚠️ Esto no gestiona stock ni sincroniza automáticamente pedidos. Sirve más para productos individuales o ventas simples.

🧩 OPCIÓN 3: Integración avanzada vía API (requiere desarrollo)

Si tienes conocimientos técnicos o un desarrollador, puedes usar la API de Checkout Pro e integrarla en tu sitio Wix a través de código personalizado y un backend externo.

  • Esto permite mayor control y personalización.

  • Pero Wix limita bastante el acceso al backend, por lo que deberías usar un servicio externo como Firebase, AWS, o tu propio servidor para manejar las notificaciones IPN/webhooks.

✅ ¿Qué te recomiendo?

Si tu prioridad es facilidad y rapidez, usa la app oficial de Mercado Pago.

Si necesitas Checkout Pro con redirección y diseño personalizado, puedes usar los botones de pago HTML (aunque no tengas automatización completa).


Vamos a crear un botón de pago con Checkout Pro y te explico cómo integrarlo en tu sitio Wix.


🔹 Paso 1: Crear el botón de pago en Mercado Pago

  1. Ve a tu cuenta de Mercado Pago.

  2. En el menú lateral, entra a "Tu negocio" > "Botones y enlaces de pago".

  3. Haz clic en "Crear botón o enlace".

  4. Rellena los datos del producto:

    • Nombre del producto

    • Precio

    • Cantidad

    • Foto (opcional)

  5. En “¿Dónde querés vender?”, elige “En tu sitio web”.

  6. Mercado Pago te dará dos opciones:

    • Código HTML (para insertar un botón en tu web)

    • Link de pago (para redirigir desde un botón común)

Copia el código HTML si quieres que aparezca el botón directamente en tu sitio.

🔹 Paso 2: Insertar el botón en tu sitio Wix

🧩 Opción A: Insertar el botón como HTML (visual)

  1. Abre el editor de tu sitio Wix.

  2. Ve a la página donde quieres mostrar el botón.

  3. Haz clic en “Agregar” (+) > “Insertar” > “Elemento incrustado” > “HTML iframe”.

  4. Pega el código HTML que copiaste desde Mercado Pago.

  5. Ajusta el tamaño del iframe para que se vea bien.

  6. Publica tu sitio y listo.

🧩 Opción B: Usar un botón Wix que redirige al link de pago

  1. Crea un botón desde el editor.

  2. Haz clic derecho > "Vincular a" > "Web".

  3. Pega el link de pago generado por Mercado Pago.

  4. Guarda y publica.

🔒 Importante:

  • Este método no gestiona stock ni seguimiento automático.

  • Si vendes muchos productos distintos, podrías necesitar crear múltiples botones o usar algún gestor de pedidos por fuera.


🔧 Código HTML del botón:

<!-- Botón de pago Mercado Pago - Producto: Mesa -->
<div id="mp-button"></div>
<script src="https://www.mercadopago.com.ar/integrations/v1/web-payment-checkout.js"
 data-preference-id="REEMPLAZAR_CON_EL_ID_DE_PREFERENCIA"
 data-button-label="Comprar Mesa">
</script>

🛠 ¿Cómo generar tu propio ID de preferencia?

Mercado Pago necesita un "ID de preferencia", que es el identificador del botón de pago real. Para generarlo:

  1. Ve a tu cuenta de Mercado Pago Argentina.

  2. En el menú, ve a "Tu negocio" > "Botones y enlaces de pago".

  3. Crea uno nuevo con estos datos:

    • Nombre del producto: Mesa

    • Precio: $80.000

    • Cantidad: 1

  4. Una vez creado, haz clic en "Insertar en mi sitio" y copia el código HTML completo.

  5. Pegalo en tu sitio Wix usando un iframe HTML (como expliqué antes).

🖼 ¿Querés que te dé el HTML completo con el ID de preferencia ya puesto?

Solo necesito que me pases:

  • Tu ID de preferencia (lo ves en el código que te da Mercado Pago, algo como 1234567890abcdef)








 
 
 

Comments

bottom of page