Recursos para IA

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.

Atente-se à configuração das back_urls ao criar a preferência, pois elas guiam o fluxo de retorno ao site ao finalizar o pagamento. Não utilize domínios locais para este valor (como 'localhost/' ou '127.0.0.1' com ou sem porta especificada). Recomendamos usar um servidor com domínio nomeado (DNS) ou IPs de desenvolvimento. Para mais informações, veja a seção 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' }} />