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.
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' }} />