Esquema de apertura con redirect externo
El esquema de apertura define cómo se mostrará el checkout al usuario. Checkout Pro ofrece dos modalidades:
- Redirect (por defecto): redirige al usuario dentro de la misma ventana del navegador
- Redirect externo: abre el checkout en una nueva ventana o pestaña
Es posible realizar esta configuración mediante el SDK o API. Selecciona la opción de tu preferencia y sigue los pasos a continuación.
Configura correctamente las
back_urls al crear la preferencia. Sin ellas, los usuarios no serán redirigidos automáticamente a tu sitio web después del pago, quedándose en la página de Mercado Pago. Consulta Configurar URLs de retorno para más detalles.Configurar el redirect externo
Para abrir el checkout en una nueva ventana o pestaña, utiliza la propiedad redirectMode con el valor blank al inicializar el checkout desde la preferencia de pago.
| Valor | Comportamiento |
self | Redirige en la misma ventana (comportamiento por defecto). |
blank | Abre el checkout en una nueva ventana o pestaña. |
Puedes utilizar el siguiente ejemplo para implementar un cobro en modo redirect:
mp.bricks().create("wallet", "wallet_container", {
initialization: {
preferenceId: "<PREFERENCE_ID>",
redirectMode: "blank"
},
});<Wallet initialization={{ preferenceId: '<PREFERENCE_ID>', redirectMode: 'blank' }} />