> For the complete documentation index, see [llms.txt](https://wiki.spiritshop.com.br/suporte-admin-3.0/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.spiritshop.com.br/suporte-admin-3.0/home-banner-paginas-e-blog/cadastrar-um-banner-para-versao-desktop-e-mobile.md).

# Cadastrar um Banner para versão Desktop e Mobile

Neste tutorial você irá aprender como cadastrar um **Banner Principal** para versão **Desktop** e tambem para **versão Mobile** em sua loja virtual.

### 1 - Entre com seu **Login** e **Senha** no A**dmin** de sua Loja.

<div data-full-width="true"><figure><img src="/files/IwWzWu5VGNL3tQGiSOLF" alt=""><figcaption></figcaption></figure></div>

* 2 - Navegue em **Design → Banners** no menu principal.

<div data-full-width="true"><figure><img src="/files/GLLaOrCTZYBgkp5TuLQ2" alt=""><figcaption></figcaption></figure></div>

* 3 - Selecione a área do Banner principal (**Principal - Home**) e clique em **Editar**.

<div data-full-width="true"><figure><img src="/files/UEd8bpSeGfGVVadHRSk9" alt=""><figcaption></figcaption></figure></div>

### 2 - Cadastre seu Banner.

* 4 - Clique em **Imagem Desktop** para adicionar seu novo Banner (**Desktop** e **Mobile**).

<div data-full-width="true"><figure><img src="/files/thmmF1ixLxkowRRbai7k" alt=""><figcaption></figcaption></figure></div>

* Basta clicar em editar e **fazer o upload de suas imagens em uma pasta no servidor** e selecionar as imagens desktop e mobile do Banner e depois clicar em **Salvar**.&#x20;

<div data-full-width="true"><figure><img src="/files/WtOKg7qkpm58jkQ7OVA6" alt=""><figcaption></figcaption></figure></div>

***

### 3 - Atualize o cache dos Banners

* ( **ATENÇÃO** ) → Após alterações nesse módulo você precisa atualizar o **Cache dos Banners** da Home de sua Loja:\
  \- Na página inicial do seu **Admin**, encontre o botão **Mais Ações** no canto superior direito e siga os passos da imagem abaixo.

<div data-full-width="true"><figure><img src="/files/QKlhnLZQJYVtZupfUtfq" alt=""><figcaption></figcaption></figure></div>

* Marque a caixa de seleção \[**Banner's**], digite a **URL da página inicial** de sua Loja e clique em **Limpar**.

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

&#x20;