> 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/banners/personalizando-os-mini-banners.md).

# Personalizando os Mini banners

### Alterando os banners do mosaico

Neste tutorial, você aprenderá como alterar o mosaico padrão de banners da sua loja virtual. 

Siga o passo a passo abaixo.

1- Acesse o painel de controle e clique em **Personalização** >> **Banners**. 

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FLOr5H9Eg1th2OHjnR4eg%2FCaptura%20de%20Tela%202024-08-06%20a%CC%80s%2011.27.07.png?alt=media&amp;token=ea8395c8-11e3-44c4-bb20-fd3397b2e4cb" alt=""><figcaption></figcaption></figure>

2- Na página de Banners, encontre a opção **Mosaico** e clique em **Editar** no mosaico que você deseja modificar.

**Atenção:** todas as lojas virtuais vêm com os banners Mosaico por padrão. Se você não encontrar essa opção, entre em contato com nosso suporte.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FhaxFpKA7xyJhuYEbv8dt%2Fprint-mosaico-editar.png?alt=media&amp;token=44cc94d3-e898-49d4-a68e-f3946b24b981" alt=""><figcaption></figcaption></figure>

3- Já na página **Editar** **banner** você deverá adicionar as imagens que deseja utilizar como banners em seu mosaico.&#x20;

Para isso, basta clicar no botão **Enviar** **Imagem**.&#x20;

**Atenção:** é preciso adicionar imagens nos tamanhos conforme o sugerido.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FmFWTcyEpuJyO2N4dg7wC%2Fprint-adicionar-mosaico.png?alt=media&amp;token=2084ee50-590f-40ef-b1cd-3238c8172d0f" alt=""><figcaption></figcaption></figure>

4- Após adicionar a imagem referente ao banner, clique em **Atualizar** para salvar as alterações.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2F4NsMjsKPYd9Gj6E8cQJb%2Fprint-atualizar-banner-painel.png?alt=media&amp;token=a4b09ddd-153e-44f0-a6c0-ac7315db95b4" alt=""><figcaption></figcaption></figure>

5- Para que todas as alterações sejam aplicadas em sua loja virtual, não se esqueça de atualizar o CACHE.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2Fz03E53A4WVwp2UpjvnKG%2Fatualizar-cache.png?alt=media&amp;token=32696437-ae66-4595-ac41-43be0fcc124b" alt=""><figcaption></figcaption></figure>

### Criando e personalizando mini banners

1- Para criar um novo banner, você deverá acessar seu painel e clicar em **Personalização** >> **Banners**.&#x20;

**Atenção:** é importante estar ciente de que, este processo deverá ser repetido para cada banner novo que for criado.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FLOr5H9Eg1th2OHjnR4eg%2FCaptura%20de%20Tela%202024-08-06%20a%CC%80s%2011.27.07.png?alt=media&amp;token=ea8395c8-11e3-44c4-bb20-fd3397b2e4cb" alt=""><figcaption></figcaption></figure>

2- Na página de Banners, clique em **Novo Banner** para iniciar a criação de um novo banner conforme sua necessidade.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2Fm3ydEQOtK5Oj5lMydHKk%2Fprint-novo-banner.png?alt=media&amp;token=5a063f4f-e16b-4223-9741-89b22e51be28" alt=""><figcaption></figcaption></figure>

3- Já na página de Novo Banner, você deverá preencher as informações conforme necessário.

**A- Título do Banner:** insira o título desejado para o seu banner.

B- **Grupo** **do** **Banner** ou **Crie** **um:** escolha um grupo de banners já existente ou crie um novo grupo, dando o nome que preferir.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FnvmK2ph92JPcMzdkKP2V%2Fprint-painel-criando-novo-banner.png?alt=media&amp;token=48ce5049-a0bb-47bd-9250-d8d537312389" alt=""><figcaption></figcaption></figure>

4- Em seguida, você deve **Enviar** **a** **imagem** que deseja utilizar como banner em sua loja virtual.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FqhbYFXfWeUJLoJ4WWU8G%2Fprint-enviar-imagem-painel.png?alt=media&amp;token=94b6dad9-1cbb-41f5-a39f-0330c3bf71b5" alt=""><figcaption></figcaption></figure>

5- Após adicionar sua imagem, será preciso desmarcar todas as opções. Todas precisam estar marcadas como NÃO.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2F2qCMaIi9vcHxMWGRTaxY%2Fprint-painel-imagens-opcoes.png?alt=media&amp;token=eecc3a00-5646-49e7-9229-317c52c6a3c3" alt=""><figcaption></figcaption></figure>

6- Escolha uma tag única para o seu novo banner e clique em **Inserir**.

**Atenção:** Não utilize tags existentes. Utilize um nome novo, como **mosaico** ou **vitrine**.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2Fa0Vae9qlnqBpTiyUYzbC%2Fprint-inserir-tag-banner.png?alt=media&amp;token=8d512e05-13ba-4ab4-8942-d3bfe009ffbb" alt=""><figcaption></figcaption></figure>

#### Personalizando o Novo banner&#x20;

1- Para configurar o novo banner conforme sua necessidade, acesse **Personalização** >> **Vitrines** >> **Gerenciar Vitrines** no painel de controle.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2Fxv8h9yO6cXJ49j0TDhqd%2Fprint-painel-vitrines-gerenciar.png?alt=media&amp;token=738ab411-8a35-43c8-bf9d-b3ab8c7ac348" alt=""><figcaption></figcaption></figure>

2- Já na página Gerenciar Vitrines, clique em **Editar** o campo **pagina\_principal**.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FmbYuP9R4dUqLhAjrhysT%2Fprint-painel-vitrine-pagina-inicial.png?alt=media&amp;token=acfff627-1137-425d-a3c2-4739d9fb4a77" alt=""><figcaption></figcaption></figure>

3- Na Página **Editar Vitrine**, você deve clicar na opção **Adicionar** **Banner**.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2F9BZfClvc0lp5DaJZQgNB%2Fprint-painel-adicionar-banner-dados-vitrine.png?alt=media&amp;token=42907bfc-1017-4ec4-8c27-9f04100965a0" alt=""><figcaption></figcaption></figure>

4- Em seguida, selecione os banners que você deseja adicionar em sua loja virtual e clique em **Inserir** **Banners** **escolhidos**.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FkMJ25MHB1Bmf16zmawgY%2Fprint-painel-banners-adicionar.png?alt=media&amp;token=e5b9931a-653b-4ee3-8365-2a3199f4d728" alt=""><figcaption></figcaption></figure>

5- Após isso, você conseguirá configurar seu banners arrastando eles conforme sua necessidade.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FicNlrX2dxwKQczzdRosV%2FGravac%CC%A7a%CC%83o-de-Tela-2024-08-06-a%CC%80s-16.14.33.gif?alt=media&amp;token=23414491-2388-4430-890e-c0a1332d2f8d" alt=""><figcaption></figcaption></figure>

6- Para concluir suas alterações, clique no botão **Atualizar**.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FouByMeoL3ohd1AUftydu%2Fprint-atualizar-banners.png?alt=media&amp;token=bcd91bea-9805-4f1f-b6b2-446f14359b2b" alt=""><figcaption></figcaption></figure>

7- Para que todas as alterações sejam aplicadas em sua loja virtual, não se esqueça de atualizar o CACHE.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2Fz03E53A4WVwp2UpjvnKG%2Fatualizar-cache.png?alt=media&amp;token=32696437-ae66-4595-ac41-43be0fcc124b" alt=""><figcaption></figcaption></figure>

Ficou com alguma dúvida? Entre em contato com o suporte via chat online!