> For the complete documentation index, see [llms.txt](https://ajuda.temaflex.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.temaflex.com.br/personalizar-layout/pagina-de-categoria/banner-de-topo.md).

# Banner de topo

1. Acesse o painel Nuvemshop e siga pelo caminho **"Loja Online > Layout > Editar layout"**.
2. No menu lateral, clique em **"Página de categoria > Banner de topo".**

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2Fm3Cn7cdUqecHAZdkl9St%2Fimage.png?alt=media&amp;token=85ffc8f5-133c-43fa-b766-08673139e110" alt=""><figcaption></figcaption></figure>

Você poderá definir: **Banner em computadores** e **Banner em celulares.**

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2Fe8uGNB4UnjiPFOAkplD0%2Fimage.png?alt=media&amp;token=7b38a76c-9274-4c91-9244-ce94e64282a8" alt=""><figcaption></figcaption></figure>

Para carregar a imagem do banner, clique em **"Selecionar imagem"** e adicione o banner desejado.

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FdXeIUIhtzsAm83YjPlX8%2Fimage.png?alt=media&amp;token=59453683-a955-46fc-9c69-96ff40e1a6b9" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Importante!&#x20;

Fique atento para as dimensões sugeridas para o banner desktop e mobile.&#x20;
{% endhint %}

{% hint style="info" %}
Para incluir link no banner clique no ícone **editar (lápis),** no topo do banner.
{% endhint %}

\- **Abrir link em nova janela:** caso o link do banner seja para um site ou ferramenta externa (outro site) habilite a opção.

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FgFMIsIVbm7Tz9m3MC8X6%2Fimage.png?alt=media&amp;token=8f2f0612-9a24-408f-9711-49e8e3ce6aef" alt=""><figcaption></figcaption></figure>

Ao finalizar, clique em **"Publicar Alterações"**.

<figure><img src="https://lh5.googleusercontent.com/dPJAQCU7yUHoNKDqu3THQ0C8Wr8ZHcEtoWPbLkyALJgYpO2jkGxQSDvE4vndymASO5qqg49GbMAQUhMJlNW6Yw1S1DLSk1lLmY-WX5FIdmYU6ACDUyjQbVzZ8rMQ-SR0u_XieD2nPbKSLyow_BULUs31VHyNQMxxGxQDoByJ0s6GKFEY6TkwVtmQ-niDjQ" alt=""><figcaption></figcaption></figure>

**Pronto! 🙌**&#x20;