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

# Guía de migración: recrea tu aspecto Legacy en la nueva versión

En la transición de la versión Legacy a la nueva versión, hemos dejado atrás los "modos preestablecidos" para pasar a un **sistema modular**. Esto te da más control, pero significa que los nombres de algunos ajustes han cambiado.

### 1. La correspondencia del "Banner Type"
En Legacy elegías un "Banner Type" para definir la lógica. En la nueva versión, defines la lógica en el **Consent Model** y el aspecto en **Layout**.

| **Si usabas el modo Legacy...** | **Usa este Layout y esta lógica en la nueva versión...** |
| **Informative** | **Layout:** Cookie Notice (Simple) + **Consent Model:** Opt-out |
| **Accept/Decline** | **Layout:** Cookie Notice (Simple) + **Buttons:** Show "Accept-Decline" |
| **Preferences** | **Layout:** Cookie notice & Preferences center |
| **TCF Banner** | **Layout:** Preferences only + **Advanced:** Enable TCF v2.3 |

### 2. Recrea las posiciones de diseño Legacy más populares
La nueva versión usa un posicionamiento contextual. Así encuentras tu antiguo "punto ideal":
* **Para la "Barra en la parte inferior":**
    * Selecciona `Layout` > `Cookie notice` > `Dialog: Bar`.
    * En `Position`, selecciona `Bottom`.
* **Para el "Popup clásico" (centro):**
    * Selecciona `Layout` > `Cookie notice` > `Dialog: Box`.
    * En `Position`, selecciona `Center`.
* **Para el "Flotante abajo a la derecha":**
    * Selecciona `Layout` > `Cookie notice` > `Dialog: Box`.
    * En `Position`, selecciona `Bottom/Right`.
    * *Consejo profesional:* ve a **Style > Windows** y activa `Floating` para darle ese aspecto moderno de "flotación".

#### 3. Mejora tu imagen de marca (pestaña Style)

La nueva versión ofrece una personalización de estilo mucho más profunda. Si vienes de la versión Legacy, prueba estas nuevas funciones:

* **Auto-AI Coloring:** en lugar de escribir manualmente códigos HEX, haz clic en **Auto adjust theme** en la pestaña Style. Nuestra IA analizará tu tema de Shopify y ajustará los colores por ti.
* **Button Styles:** ahora puedes hacer que tu botón "Accept" sea **Solid** y tu botón "Decline" sea **Bordered** (botón fantasma) para orientar el comportamiento del usuario. La versión Legacy no permitía este nivel de detalle.

### 4. El "Re-open Widget"

Ahora es el **Consent Widget**.

* En la versión Legacy era un simple botón. En la nueva versión, es un menú de "Choices" totalmente interactivo.
* Para obtener el aspecto de V1, ve a **Layout > Consent widget options** y establece `Position` en tu esquina anterior (por ejemplo, Bottom/Left).
* **Nuevo poder:** ahora puedes invertir específicamente los botones dentro del widget, con independencia del banner principal.

### 5. Lista de comprobación final para el éxito con la nueva versión

1. **Revisa tus botones:** la nueva versión te permite "Reverse order". Si tu botón Accept está en el lado equivocado, ¡basta con activar el interruptor!
2. **Verifica las regiones:** la nueva versión está sincronizada con tu **Shopify Customer Privacy API**. Asegúrate de que tu página "Consent Model & Regions" muestra "Worldwide" o tus leyes específicas (RGPD (GDPR)/CCPA).
3. **Previsualiza en modo oscuro:** usa el nuevo previsualizador de la derecha para ver cómo se ve tu banner para los clientes que usan el "Dark Mode" en sus teléfonos.