> For the complete documentation index, see [llms.txt](https://ajuda.nbuilder.com.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ajuda.nbuilder.com.br/loja-integrada/configuracoes/como-instalar-nbuilder-pro-novo-layout-da-loja-integrada.md).

# Como instalar NBuilder PRO novo layout da Loja Integrada

### Como preparar o novo layout da Loja Integrada para instalar o NBuilder

O novo layout da Loja Integrada não permite adicionar códigos **HTML e CSS**, necessários para o funcionamento do NBuilder.

Para liberar essa opção, é necessário ativar temporariamente o renderizador antigo da Loja Integrada. Para isso, basta instalar um tema gratuito.

Depois, o tema poderá ser desinstalado e você poderá continuar com a instalação do NBuilder.

### Passo 1: Acesse a área de Temas

No painel da Loja Integrada, acesse: **Soluções > Temas**

Você também pode acessar diretamente pelo link: <https://app.lojaintegrada.com.br/painel/plataforma/conta/tema/loja>

<figure><img src="https://3823691082-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXWp4BcJjJS8oUgmmdZ1n%2Fuploads%2FrskNSrFFkLvR1F1FtZU9%2Fmenu.png?alt=media&amp;token=01c1e220-d23a-47fb-bd7d-35ebec308a59" alt=""><figcaption></figcaption></figure>

### Passo 2: Localize a seção Tema Grátis

Na página de temas, role a tela até encontrar a seção **Tema Grátis**.

<figure><img src="https://3823691082-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXWp4BcJjJS8oUgmmdZ1n%2Fuploads%2FySXH3h260zbCkmgGmNXK%2Ftema-gratis.png?alt=media&amp;token=b460b068-e065-48ca-800c-40cdbd29b4b1" alt=""><figcaption></figcaption></figure>

### Passo 3: Instale o tema gratuito

Na seção **Tema Grátis**, clique em **Instalar**.

Uma nova janela será exibida.

<figure><img src="https://3823691082-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXWp4BcJjJS8oUgmmdZ1n%2Fuploads%2FwuBFToUIZJF5Cev6aXYc%2Finstalar.png?alt=media&amp;token=a8fd8b44-76ef-4023-b98d-f37fe1e187f8" alt=""><figcaption></figcaption></figure>

### Passo 4: Baixe a documentação e confirme a instalação

Na janela exibida, clique em **Baixar documentação**.

Em seguida, clique em **Instalar** para confirmar.

<figure><img src="https://3823691082-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXWp4BcJjJS8oUgmmdZ1n%2Fuploads%2Fw8Ljozwl8UGgX6khoA9r%2Fbaixar-doc.png?alt=media&amp;token=fd964a55-8aa3-44a6-8b73-d0e2e533360e" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3823691082-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXWp4BcJjJS8oUgmmdZ1n%2Fuploads%2FIuVlcdBNF46FC0FrW7DQ%2Finstalar-2.png?alt=media&amp;token=3e526d62-b7b8-49b7-b281-ea87245f0dcc" alt=""><figcaption></figcaption></figure>

### Passo 5: Feche a janela de confirmação

Depois que a instalação for concluída, feche a janela de confirmação.

### Pronto!

Com o tema instalado, a Loja Integrada passa a utilizar o renderizador antigo, que permite adicionar os códigos necessários para utilizar o NBuilder.

O próximo passo é desinstalar o tema instalado antes de continuar com a configuração do NBuilder.

{% content-ref url="/pages/9BBpRGirkTVYZ4lA2OKo" %}
[Como desinstalar tema da Loja Integrada](/loja-integrada/configuracoes/como-desinstalar-tema-da-loja-integrada.md)
{% endcontent-ref %}