# Barra de busca

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

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

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FGaamM9P4hq0JMfSpENyw%2Fimage.png?alt=media&#x26;token=aa5e41f0-cf0c-4061-88bf-2363655bd517" alt=""><figcaption></figcaption></figure>

**- Texto padrão da busca:** você pode personalizar o texto que será exibido na barra de busca.

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2F1JGYEpVqj9bkNCxQopUU%2Fimage.png?alt=media&#x26;token=98de1180-fff9-48e6-b6b2-5b73e15053c3" alt=""><figcaption></figcaption></figure>

**- Cores:** para utilizar cores específicas na barra de busca, marque a opção **usar estas cores.** Caso a opção esteja desmarcada, independente das cores escolhidas, será utilizado por padrão as **cores da sua marca.**&#x20;

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FAd8qdcJ66y0uNN3lj2o5%2Fimage.png?alt=media&#x26;token=2e8a328c-3500-4062-b3dd-abc152ac4809" alt=""><figcaption></figcaption></figure>

Abaixo, você pode personalizar: **Cor de fundo, Cor do texto, Cor do ícone** e **Cor da borda.**

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FMrkqDup0AyrNwQnu1ABO%2Fimage.png?alt=media&#x26;token=1c686d87-0168-4c8d-b291-b887621e5b48" alt=""><figcaption></figcaption></figure>

**- Localização da busca em celulares:** você pode ajustar a localização da barra de busca nas posições:&#x20;

<div align="center"><figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FQkjt626KoiLcla9lUtN0%2Fimage.png?alt=media&#x26;token=03642cbd-462a-4c82-8a91-c7410851df07" alt=""><figcaption></figcaption></figure></div>

1. **Abaixo da logo:**&#x20;

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FSWlFe1c2tqLfcT6mkMC5%2Fimage.png?alt=media&#x26;token=808a4306-1b7e-4eb3-b625-3d34b0a4972d" alt=""><figcaption></figcaption></figure>

2. **Ao lado do carrinho:**&#x20;

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2F38bXE9h9QcxpXxLlTJAl%2Fimage.png?alt=media&#x26;token=a9123258-17f5-44a7-a708-7df0a80fa262" alt=""><figcaption></figcaption></figure>

3. **Dentro do menu:**&#x20;

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FWo0TTNT16sa2jho97BgM%2Fimage.png?alt=media&#x26;token=6c1010b1-fdfe-4b38-bfcb-8cc742b2cf6d" alt=""><figcaption></figcaption></figure>

Por último, 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;
