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.
| Valor | Descrição |
| self | Mantém o redirecionamento na mesma página. |
| blank | Externaliza 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' }} />