AI resources

Opening mode

The opening scheme allows you to define how the checkout will open for the user. By default, Checkout Bricks is opened in a redirect way, that is, with user redirection within the same page. However, it is possible to customize the opening so that the opening is on an external page.

Pay attention to the back_urls configuration when creating the preference, as they guide the return flow to your website when the checkout is completed. Do not use local domains for this value (such as 'localhost/' or '127.0.0.1' with or without a specified port). We recommend using a server with a named domain (DNS) or development IPs. For more details, see the Callback URLs section.

Redirection scheme to another page

Changing the redirection behavior is done by the redirectMode property, which can assume the values self or blank.

Valor	Descrição
self	Keeps the redirect on the same page.
blank	Externalizes the redirect to a new page.
The code blocks below implement checkout in redirect mode to another page.

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

PreviousPreference on submitLearn how to create the preference at the moment of clicking the button, that is, when submitting the form.

NextAdditional callbacksLearn how to configure additional callbacks, which provide more information while the Wallet Brick is running.