# 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.

![](https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FZh1PtnGugJFV9rPFkXdy%2F0.jpeg?alt=media)

### **Personalizando a faixa informativa**

![](https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FZIaIs7l8HY2rd2Em667X%2F1.jpeg?alt=media)

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="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FSY1Pz3toI7n8euguOSsO%2FCaptura%20de%20Tela%202024-07-03%20a%CC%80s%2014.14.02.png?alt=media&#x26;token=eba7a2bf-9590-47f6-bcb0-6e7bc51be2ba" 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="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FlEKqWMKHl4NjONX1FAkf%2FCaptura%20de%20Tela%202024-07-03%20a%CC%80s%2014.15.50.png?alt=media&#x26;token=885e2e3d-08b8-4251-9398-8c1901bb7197" 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="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FMMSNij6HCsS5M8Cd3Mf1%2FCaptura%20de%20Tela%202024-07-03%20a%CC%80s%2014.18.19.png?alt=media&#x26;token=c5435138-656a-4c30-b37e-ea437685a540" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FynSao7OlCKoQb17k5Gj4%2FCaptura%20de%20Tela%202024-07-03%20a%CC%80s%2014.19.30.png?alt=media&#x26;token=89a20b2f-2260-4c8d-913e-1068a2744209" 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="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FoSJfodwDRX3q74eJiS4J%2FCaptura%20de%20Tela%202024-07-03%20a%CC%80s%2014.20.51.png?alt=media&#x26;token=c0a89473-0672-439f-9aae-c6ad44964f4a" 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="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FHWfu6vgMgIlIbjqjhReR%2FCaptura%20de%20Tela%202024-07-03%20a%CC%80s%2014.23.08.png?alt=media&#x26;token=39bc078f-48d8-452f-82cf-c2976e66c62d" 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="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2F2y2cEZjk2J6Rl4mW2jj3%2FCaptura%20de%20Tela%202024-07-03%20a%CC%80s%2014.24.12.png?alt=media&#x26;token=d8a526f8-06f0-4f84-a357-a61449aeae0e" 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="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2Fpbwi1uVYYYBe4kQ8I4c3%2FCaptura%20de%20Tela%202024-07-03%20a%CC%80s%2014.25.13.png?alt=media&#x26;token=7ce00982-fa1d-4490-8c50-f00e66858bfe" alt=""><figcaption></figcaption></figure>

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