Callbacks auxiliares - PersonalizaciĂłn funcional de checkout - Mercado Pago Developers

Callbacks auxiliares

Para ofrecer mĂĄs transparencia y posibilidades de actuar en flujos especĂ­ficos, brindamos la opciĂłn de agregar callbacks que se ejecutarĂĄn en momentos especĂ­ficos del flujo.

CallbackDescripciĂłnCuando usar
onReadyCallback llamado cuando el botĂłn estĂĄ completamente cargado.AquĂ­ puedes ocultar los tiempos de carga de tu sitio, por ejemplo.
onSubmitCallback llamado al hacer clic en el botón.Este callback podría usarse para indicarle al usuario que el flujo debe completarse en otra pestaña, por ejemplo. Admitido en modo de redirect.

A continuaciĂłn, ve un ejemplo de cĂłmo integrarlos en tu integraciĂłn.

          
mp.bricks().create("wallet", "wallet_container", {
   initialization: {
       preferenceId: "<PREFERENCE_ID>",
       redirectMode: "self",
   },
   callbacks: {
       onReady: () => {},
       onSubmit: () => {},
       onError: (error) => console.error(error),
     },
});

        
          
<Wallet
  initialization={{ preferenceId: '<PREFERENCE_ID>', redirectMode: 'self' }}
  onReady={() => {}}
  onError={() => {}}
  onSubmit={() => {}}
/>