# MD for: https://www.mercadopago.com.br/developers/pt/docs/checkout-bricks/wallet-brick/advanced-features/opening-mode.md

\# 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. > WARNING > > 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\](https://www.mercadopago.com.br/developers/en/docs/checkout-bricks/wallet-brick/advanced-features/preferences#bookmark\_redirigir\_al\_comprador\_a\_tu\_sitio\_web) 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. 

* [javascript ](#editor%5F1)
* [react-jsx ](#editor%5F2)
javascript react-jsx 

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

Copiar 

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

Copiar