Inicio
Documentação
Recursos
Parcerias
Comunidade

Parcerias

Conheça nosso programa para agências ou desenvolvedores que oferecem serviços de integração e vendedores que desejam contratá-los.

Comunidade

Fique por dentro das últimas novidades, peça ajuda a outros integradores e compartilhe seu conhecimento.

Modo de abertura - Funcionalidades avançadas - Mercado Pago Developers
Qual documentação você quer buscar?

Não sabe como começar a integrar? 

Acesse os primeiros passos

Modo de abertura

O esquema de abertura permite definir como o checkout será aberto para o usuário. Por padrão, o Checkout Bricks é aberto de forma redirect, ou seja, com redirecionamento do usuário dentro da mesma página. Contudo, é possível personalizar a abertura para que a abertura seja em uma página externa, por exemplo, ou definir o modelo modal, no qual o Checkout Bricks é aberto em uma janela dentro do próprio site, sem redirecionamento.

Atenção
É de extrema importância que se atente, durante a criação da preferência, para a configuração das back_urls, pois elas serão responsáveis por guiar o fluxo de retorno ao seu website quando o checkout for finalizado. Para mais informações, veja a seção de URLs de retorno. .

Esquema de redirecionamento para outra página

A alteração no comportamento do redirecionamento é feita pela propriedade redirectMode, a qual pode assumir os valores self ou blank.

ValorDescrição
selfMantém o redirecionamento na mesma página.
blankExternaliza o redirecionamento para uma nova página.

Os blocos de código abaixo implementam o checkout em modo redirect para outra página

          
const renderComponent = async (bricksBuilder) => {
 const settings = {
   initialization: {
     preferenceId: '<PREFERENCE_ID>',
     redirectMode: 'blank'
   }
 };
 const brickController = await bricksBuilder.create(
   'wallet',
   'wallet_container',
   settings
 );
};
renderComponent (bricksBuilder);

        
          
<Wallet initialization={{ preferenceId: '<PREFERENCE_ID>', redirectMode: 'blank' }} />