> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.pandectes.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Cómo cambiar al nuevo banner o volver a la versión anterior

### Descripción general

Este artículo explica cómo pasar del **banner Legacy** al **nuevo banner** y viceversa. Después de cambiar, las pestañas de la página Banner y algunos ajustes cambian.

| | Legacy | New version |
| -------- | -------- | -------- |
| Pestañas del banner | Behavior, Style, Content | Layout, Content, Style, Advanced |
| Política de consentimiento | Banner Behavior (modo de política) | **All settings > Consent model & regions** |
| Tienda | `#pandectes-banner` | Componente web `pandectes-cmp` |

En la página del nuevo banner puedes usar **Switch to previous version**. La actualización usa el flujo de actualización de la app en la página Banner.

Lee primero la descripción general del producto: [Introducing our New, Faster and Optimized Pandectes GDPR Compliance Banner](/es/article/presentamos-el-nuevo-banner-de-pandectes-gdpr-compliance-mas-rapido-y-optimizado-qf98b7/).

### Antes de empezar

* Anota cualquier **CSS personalizado** de la pestaña Style de Legacy. **No** se copia automáticamente.
* Anota cualquier fragmento de **API de JavaScript** en el tema. El nuevo banner usa una API rediseñada.
* **Reset consent on reopen** de Legacy **no** está disponible en el nuevo banner.
* Después de un cambio, revisa Checkout block, la tienda personalizada (headless) y el uso de la API de JS.

### Cambia al nuevo banner

1. Abre **Shopify Admin > Apps > Pandectes GDPR Compliance**.
2. Ve a **Cookie banner**.
3. Sigue el aviso de **upgrade** / New version de la app si aún estás en Legacy.
4. Confirma que la insignia de la página muestra **New version**.

![Página Banner con la insignia New version y Switch to previous version](https://images.pandect.es/knowledge-base/how-to-switch-to-the-new-banner-or-switch-back-to-the-previous-version-1.png =900xauto)
5. Abre **All settings > Consent model & regions** y establece el modelo de consentimiento y las regiones (esto sustituyó a Geolocation + el modo de política de Legacy).
6. Recrea el aspecto: [Migration Guide: Recreating your Legacy Look in New Version](/es/article/guia-de-migracion-recrea-tu-aspecto-legacy-en-la-nueva-version-1iro8ks/).
7. Pega el CSS necesario en **Style > Custom styling**. Consulta [Custom styling with CSS](/es/article/estilos-personalizados-con-css-1b5e4gk/).
8. Si usabas la API de JS, sigue [Javascript API (New Version)](/es/article/api-de-javascript-version-nueva-1yayqlx/).
9. Prueba con **Enable for admins** y luego actívalo para los visitantes.

### Vuelve a la versión anterior

1. Abre **Cookie banner** (New version).
2. Elige **Switch to previous version**.
3. Confirma que las pestañas del banner vuelven a ser **Behavior**, **Style** y **Content**.
4. Vuelve a revisar Geolocation / el modo de política de Legacy, el CSS personalizado y cualquier fragmento de reapertura o de API de JS que se escribió para el nuevo banner.

||| Volver atrás puede cambiar cómo ven el banner los visitantes. Prueba en una ventana privada. Considera **Reset user consents** solo si tu aviso de privacidad o tu lógica de consentimiento cambió de una forma que exija volver a preguntar.

### Qué no se conserva

* CSS personalizado de Legacy: [Custom styling with CSS (Legacy Banner)](/es/article/estilos-personalizados-con-css-banner-legacy-sffbl6/)
* Nombres de métodos y eventos de la API de JS de Legacy
* Restablecer el consentimiento al hacer clic en el botón de reapertura

Los registros de consentimiento ya almacenados no se eliminan al cambiar de generación del banner. Usa **All settings > Reset user consents** solo cuando quieras volver a preguntar a todos los visitantes.

### Artículos relacionados

* [Consent Model & Regions (New Version)](/es/article/modelo-de-consentimiento-y-regiones-version-nueva-3072sh/)
* [Javascript API (Old Version)](/es/article/api-de-javascript-version-antigua-nvj527/)