> For the complete documentation index, see [llms.txt](https://ajuda.iset.com.br/inicio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ajuda.iset.com.br/inicio/minha-loja/personalizacao/vitrines/personalizando-a-faixa-informativa.md).

# Personalizando a faixa informativa

Todos os templates gratuitos da iSET são padronizados em relação à faixa informativa na página principal. 

\
Nesta lição, vamos aprender como modificá-la e personalizá-la.

![](/files/15UZUZLKQXAhdYwaoLV0)

### **Personalizando a faixa informativa**

![](/files/bAJiqfwUCy7zvMfWrCJp)

1- Caso queira alterar os dados da faixa informativa, como título ou subtítulo, acesse o painel de controle da sua loja virtual e clique em: **Personalização** >> **Vitrines** >> **Elementos.**

<figure><img src="/files/X4NFvumOHEFoVNxEf3Ls" alt=""><figcaption></figcaption></figure>

2- Depois, clique no **lápis amarelo** referente a opção Faixa informativa para começar a editá-lo.

<figure><img src="/files/khNQZSsP3QElC9cdGPak" alt=""><figcaption></figcaption></figure>

3- Pronto, na página HTML é possível editar sua Faixa informativa. **Isso pode ser feito de duas maneiras:**

### **Direto no conteúdo**&#x20;

1- Você simplesmente alterar a informação desejada, **diretamente na área do texto.**

<figure><img src="/files/m89sCoHGPap84LYu2mKx" alt=""><figcaption></figcaption></figure>

&#x20;2- Em seguida, basta clicar no botão **Atualizar**.

<figure><img src="/files/q4UY3XUO8p88v9AJT0u1" alt=""><figcaption></figcaption></figure>

### **Utilizando o Código-Fonte**

1- Também é possível personalizar sua faixa informativa através do Código-fonte.&#x20;

2- Para isso, clique no botão **Código-Fonte**.

<figure><img src="/files/cBYxDX6KmPUfbjuo2E5T" alt=""><figcaption></figcaption></figure>

&#x20;3- Utilizando esta opção, você pode alterar tanto o texto informativo quanto o ícone da sua faixa.

<figure><img src="/files/B5JcG9rDsTbKTh3DT44N" alt=""><figcaption></figcaption></figure>

4- Para alterar seu ícone, basta selecioná-lo no código e realizar a modificação. É possível pegar ícones novos neste site [aqui](https://fontawesome.com/icons?d=gallery).

5- Em seguida, salve as alterações no botão verde **Atualizar**.

<figure><img src="/files/36Gsb0Dm2zM69HNPh8pX" alt=""><figcaption></figcaption></figure>

6- Por último aplique o cache clicando na **nuvem laranja**, com isso, a alteração do banner será feita.

<figure><img src="/files/Uer5vjtKehyXut1M0WeA" alt=""><figcaption></figcaption></figure>

&#x20;Caso tenha ficado com alguma dúvida, não deixe de entrar em contato conosco.