> 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/cabecalho/barra-de-anuncio.md).

# Barra de anúncio

{% embed url="<https://www.youtube.com/watch?index=5&list=PLjqZTg-KCmj8PNgm5YdN3Zk02OZeblrQU&v=sF_-LLsBGXY>" %}

<div data-full-width="false"><figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FxSXXJaO8CJ8nRcbQBNFx%2Fimage.png?alt=media&amp;token=1f0a7c4b-2d92-45a2-9f38-d48759da58ec" alt=""><figcaption><p>Exemplo da barra de anúncio (barra rosa no topo)</p></figcaption></figure></div>

1. Acesse o painel Nuvemshop e siga pelo caminho **"Loja Online > Layout > Editar layout"**.
2. No menu lateral, clique em **"Cabeçalho > Barra de anúncio".**

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2Fe9ZMC8iw7VykKCJqPVkU%2Fimage.png?alt=media&amp;token=1b543abe-6e8e-4b27-ad29-e6b1e1c311d9" alt=""><figcaption></figcaption></figure>

Na funcionalidade de **Barra de anúncio**, você poderá exibir mensagens sobre promoções, produtos, regras de frete e novidades.      &#x20;

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FshT8Kd864dpMRRcCkLK2%2Fdoc15.png?alt=media&amp;token=12e2562e-27d8-49d2-bb6d-7267ccf166cf" alt=""><figcaption></figcaption></figure>

\- Marcando a opção **"Exibir barra de anúncio"** esta funcionalidade será habilitada no topo da sua loja **tanto no desktop quanto no mobile**.&#x20;

\- Ao marcar a opção **"Usas estas cores"** você poderá definir: **Cor de fundo**, **Cor de texto** e **Cor do ícone**. Caso essa opção esteja desabilitada, será utilizado por padrão as **cores da sua marca**.\
\
\- Ao marcar a opção **"Exibir mensagem em carrossel",** a mensagem **não** será exibida de forma fixa.

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2F1GINKzyyebPg08XR9N8t%2Fdoc16.png?alt=media&amp;token=3b3253b4-aef6-4a15-ae8e-18c473ec9690" alt=""><figcaption></figcaption></figure>

É possível incluir **até 4 mensagens** para serem exibidas. Para o cadastro das mensagens é possível incluir: um \
\
**- Ícone (pré-definidos):** ,&#x20;

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FgORad3NLQXlH4jbqNyZE%2Fimage.png?alt=media&amp;token=ecda0f38-3ad5-4411-b94c-cfd8de64d323" alt=""><figcaption></figcaption></figure>

**- Texto (até 40 caracteres):**

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FT1Iayedp5564zYSQFdgM%2Fimage.png?alt=media&amp;token=bac104f4-2a44-499c-a8f5-6e0adae1bb41" alt=""><figcaption></figcaption></figure>

**- Link (opcional):**&#x20;

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FrPDfKCHNoaV67K1pRdnK%2Fimage.png?alt=media&amp;token=c40e8b9b-27ca-4215-94c0-887ff2498d68" alt=""><figcaption></figcaption></figure>

Após preencher as mensagens desejadas para esta área, clique em **"Publicar Alterações"** para finalizar.

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

**Pronto! 🙌**&#x20;