# Banner

En este tutorial aprenderás cómo registrar un **banner principal** tanto para **la versión de desktop** como **para la versión móvil** de tu tienda online.

***

**Guía de tallas creativas**

Nuestro sistema de imágenes convertirá automáticamente tus imágenes al formato webp. Sin embargo, si no puedes subir la imagen, te recomendamos comprimirla manualmente antes de enviarla. Puedes usar un servicio en línea como tinypng.com.

1 - Plantilla de imagen **Desktop** (**1734 px x 500px**)

2 - Plantilla de imagen de **teléfono móvil** (**593 px x 630px**)

***

#### 1 - Inicia sesión con tu **nombre de usuario** y **contraseña** en **el panel** de administración de tu tienda . <a href="#id-1-entre-com-seu-login-e-senha-no-admin-de-sua-loja" id="id-1-entre-com-seu-login-e-senha-no-admin-de-sua-loja"></a>

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

* 2 - Navegue a **Design → Banners** en el menú principal.

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

* 3 - Seleccione el área del banner principal ( **Banner Home topo B2C** ) y haga clic en **Editar**.

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

#### 2 - Registra tu banner. <a href="#id-2-cadastre-seu-banner" id="id-2-cadastre-seu-banner"></a>

* 4 - Haga clic en **Imagen de escritorio** para agregar su nuevo banner ( **Escritorio** y **Móvil** ).

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

* 5 - En el **Administrador de archivos,** debes subir **ambas imágenes a la misma carpeta en el servidor** . Una para la \[ **versión de escritorio]** y otra para la \[ **versión móvil]** del mismo **banner,** y hacer clic en **Guardar.**

***

#### 3 - Actualizar la caché del banner <a href="#id-3-atualize-o-cache-dos-banners" id="id-3-atualize-o-cache-dos-banners"></a>

* ( **ATENCIÓN** ) → Después de realizar cambios en este módulo, debe actualizar la **caché del banner** de inicio de su tienda: - En la página de inicio de su **administrador** , busque el botón **Más acciones** en la esquina superior derecha y siga los pasos de la imagen a continuación.

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

* Marque la casilla \[ **Banners** ] , introduzca la **URL de su tienda** y haga clic en **Limpiar**.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://wiki.spiritshop.com.br/portal-bridgestone-b2c/design/banner.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.