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

# Presentamos el nuevo banner de Pandectes GDPR Compliance, más rápido y optimizado

### Presentamos tu banner de consentimiento, más rápido e inteligente
Desde 2018, nuestra misión en Pandectes ha sido ofrecer a los comerciantes de Shopify herramientas sólidas y fiables para la privacidad de datos. Tras más de un año de desarrollo, nos complace presentar el nuevo **Pandectes Cookie Banner**, un rediseño completo centrado en la claridad, la flexibilidad, el rendimiento y el cumplimiento normativo.

Esta actualización introduce un banner basado en Web Component de alto rendimiento y una interfaz de administración simplificada. Va más allá de un cambio visual y redefine cómo funciona la gestión del consentimiento en las tiendas Shopify modernas, a partir de los comentarios de los comerciantes, la evolución de las leyes de privacidad y las Customer Privacy APIs de Shopify.

**Estas actualizaciones afectan a todos los planes.** Todas las tiendas se benefician de un mejor rendimiento y una base más potente, y cada plan incluye ahora más funciones y flexibilidad que antes.

### Novedades de un vistazo

##### Un banner completamente rediseñado

![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/screenshot-2026-03-11-at-13640_o6h71q.png =900x525)

El nuevo banner está construido como un web component moderno para mejorar el rendimiento y la fiabilidad.

Ventajas principales:
* Carga y ejecución del banner más rápidas.
* Sin interferencias con el CSS de tu tema.
* Una tienda más limpia, sin efectos secundarios en el diseño.
* Una interfaz moderna que se adapta a distintos diseños y dispositivos.

##### Vista previa en vivo más inteligente

![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/image_1fdgelp.png =800x625)
Los ajustes del banner ahora incluyen una vista previa en vivo más precisa y unificada directamente en la interfaz de administración.

Mejoras principales:
* Vista previa de escritorio por defecto con un cambio instantáneo a móvil.
* Selector de fondo claro y oscuro para probar el contraste.
* Representación en tiempo real de animaciones y transiciones.

### Tipos de banner más claros

![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/screenshot-2026-03-11-at-13746_5pq8dv.png =900x434)

Hemos sustituido los tipos de banner predefinidos y rígidos por tres estructuras flexibles. Esto garantiza que tu lógica de consentimiento (Opt-in u Opt-out) se mantenga coherente sea cual sea el estilo visual que elijas.

Opciones disponibles:
* **Cookie Notice:** Un banner sencillo y ligero de una sola capa.
* **Cookie notice & Preferences:** Gestión avanzada del consentimiento visible como capa principal.
* **Preferences Only:** Un enfoque clásico de dos capas para la máxima transparencia.

### Diseños y animaciones más flexibles

Ahora tienes control total sobre cómo y dónde aparece tu banner. Todo es modular y mucho más flexible que antes.

Capacidades principales:
* **Diseños diversos:** Elige entre los estilos Box, Bar, Wide, Drawer y Sidepanel.
* **Posicionamiento detallado:** 9 puntos de anclaje distintos, incluidos el centro y el centro izquierdo.
* **Lógica de botones:** Elige entre alineaciones agrupadas, justificadas, verticales u horizontales.
* **Movimiento fluido:** Opciones de animación profesionales, como fade, slide, zoom y grow.

### Un widget de consentimiento más inteligente

![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/screenshot-2026-07-03-at-25322_6omdwk.png =900x552)

El widget de consentimiento (botón de reapertura) es ahora una parte nativa del ecosistema del banner, y permite a los clientes cambiar de opinión en cualquier momento.

Mejoras principales:
* Sistema de diseño y animación unificado, compartido con el banner principal.
* Posibilidad de reabrir la última ventana vista o el estado de consentimiento específico.
* Compatibilidad con activadores personalizados para abrir el widget desde cualquier enlace de tu tema.

### Estilos modernos con herramientas basadas en IA

![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/image_mj8snm.png =900x411)

El estilo se ha rediseñado para ofrecer resultados profesionales con el mínimo esfuerzo.

Opciones disponibles:
* **AI Theme Detection:** Detecta y aplica automáticamente los colores principales de tu tienda.
* **Recursos mejorados:** Una galería de logotipos actualizada con iconos de alta fidelidad.
* **Personalización de botones:** Elige entre estilos rellenos, con contorno o simples, con control total sobre el redondeo y los bordes.
* **Custom Style:** Compatibilidad con CSS personalizado para una personalización avanzada

### Controles avanzados, mejor organizados
Las opciones de configuración complejas ahora se agrupan en una sección Advanced específica.

Funciones incluidas:
* Reglas de visibilidad del banner
* Opciones de almacenamiento mediante HTML storage o cookies
* Configuración del consentimiento implícito
* Acciones de cierre alternativas, como la profundidad de desplazamiento, el tiempo de espera, la tecla Escape o hacer clic fuera
* Sincronización del consentimiento entre varias pestañas
* Acciones opcionales de recarga de página o redirección en los eventos de consentimiento

Así la configuración principal se mantiene limpia y sigues teniendo control total en los casos de uso avanzados.

### Modelos de consentimiento y regiones globales

![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/image_q9asp0.png =900x595)

Los ajustes de geolocalización ahora están totalmente sincronizados con la Customer Privacy API de Shopify. Esto garantiza que las señales de consentimiento recopiladas por nuestra app estén perfectamente alineadas con los ajustes de privacidad internos de tu tienda Shopify.

Modelos de consentimiento disponibles:
* **Opt-in:** Obligatorio en las regiones que exigen el cumplimiento del RGPD (GDPR).
* **Opt-out:** Optimizado para los requisitos de tipo CCPA/EE. UU.
* **Auto-pilot / Geotargeting**: Detecta automáticamente la ubicación del visitante y aplica el modelo correcto. Opt-in para visitantes de la UE, Opt-out para visitantes de EE. UU.
* **Flexible:** Asigna reglas de consentimiento distintas (Opt-in/Opt-out) a diferentes regiones dentro de una misma configuración.

La visibilidad por región se puede configurar a nivel mundial o por región, incluidas la UE/EEE y el Reino Unido, Estados Unidos, Canadá, Brasil, Japón, Australia y muchas más. Todos los ajustes permanecen sincronizados con la configuración de tu tienda Shopify.

### Compatibilidad con el marco IAB TCF
Para las tiendas que utilizan publicidad avanzada, la nueva versión incluye compatibilidad total con el IAB Transparency and Consent Framework (TCF 2.3).

Este marco estándar del sector es esencial para los comerciantes que muestran anuncios personalizados en el EEE y el Reino Unido. Permite que tu tienda comunique señales de consentimiento detalladas directamente a las redes publicitarias y a Google, de modo que tu marketing siga siendo conforme y eficaz.

Nota: La compatibilidad con TCF está disponible exclusivamente en el plan Enterprise.

### Pandectes Legacy vs. New: mapa comparativo de estructura

| **Categoría de función** | **Versión legacy** | **Versión nueva** | **Interpretación del cambio con IA** |
| **Arquitectura** | **Monolítica:** El tipo de banner (p. ej., "Informative") controlaba tanto la lógica como los botones de la interfaz. | **Modular:** La lógica de consentimiento (Opt-in/out) está desacoplada del diseño del cuadro de diálogo (Box/Bar/Wide). | **Alta:** Paso de ajustes predefinidos fijos a un "motor de reglas" + "motor de interfaz" flexibles. |
| **Núcleo lógico** | Selección manual de regiones; independiente de los ajustes de Shopify. | **Sincronización nativa:** 100 % integrada con la **Shopify Customer Privacy API** y las regiones de la tienda. | **Alta:** V2 es "consciente del contexto" y respeta automáticamente las señales de privacidad globales de Shopify. |
| **Posicionamiento de la interfaz** | 11 ajustes predefinidos fijos (p. ej., "Floating top center"). | **Contextual:** Las posiciones son relativas al diseño (Box, Bar, Wide, Sidepanel, Drawer). | **Media:** Mejor experiencia de usuario; evita posiciones ilógicas (p. ej., una Bar en el centro). |
| **Tamaño visual** | Valores manuales en píxeles para el ancho y el relleno. | **Tallas tipo camiseta:** Ajustes estandarizados `XS`, `SM`, `MD`, `LG`, `XL`. | **Media:** Cambio hacia una adaptabilidad estándar de sistema de diseño en lugar de unidades manuales. |
| **Temas visuales** | 4 colores HEX personalizables + temas fijos (Block, Classic). | **Basado en IA:** "Auto-adjust" detecta los colores de la tienda + 10 sobrescrituras detalladas de elementos. | **Alta:** Introducción de estilos inteligentes (detección con IA) y personalización profunda. |
| **Widget de consentimiento** | Icono/texto flotante; lógica de restablecimiento sencilla. | **Minidiálogo interactivo:** Muestra las "Current Choices" + detalles plegables + animaciones. | **Media:** El widget es ahora un "tercer diálogo" con su propia gestión de estado. |
| **Interacción del usuario** | Explícito vs. implícito (desplazamiento/tiempo de espera). | **Controles avanzados:** Tecla Esc, clic fuera, bloqueo de desplazamiento, sincronización de pestañas. | **Baja:** Adición de accesibilidad moderna y controles de interacción para "usuarios avanzados". |
| **Preferencias** | Modal de preferencias único para todos los casos. | **Multiformato:** Admite Sidepanels, Drawers y lógica específica de "Save Preferences". | **Media:** Optimización para móviles y para estéticas de marca de alta gama (Drawers). |

### Mapa comparativo de diseños

| **Función** | **Flexibilidad de la versión legacy** | **Flexibilidad de la versión nueva** |
| **Diseños de aviso** | 1 (modal/barra estándar) | 3 (Box, Bar, Wide) |
| **Diseños de preferencias** | 1 (modal estándar) | 3 (Box, Drawer, Sidepanel) |
| **Tamaño** | Píxeles manuales (fijo) | 5 ajustes predefinidos (adaptable) |
| **Combinación de botones** | Ligada al tipo de banner | Totalmente personalizable |
| **Animaciones** | Interruptor simple | 4 tipos (Fade, Slide, Zoom, Grow) |

### La gran ventaja para tu negocio: velocidad y estabilidad
El nuevo banner está construido con prácticas web modernas que convierten las mejoras técnicas en beneficios de negocio medibles.

| Mejora técnica | Beneficio para el negocio |
| ---- |
| Mejor rendimiento (0 ms de TBT) | Interactividad más rápida, que ayuda a que los clientes interactúen con tu tienda de inmediato |
| Mejor adaptación a móviles | Menores tasas de rebote gracias a una experiencia estable en dispositivos móviles |
| CSS encapsulado (Shadow DOM) | Evita que los estilos del banner afecten a tu tema de Shopify |
| Arquitectura Web Component | Diseñada para adaptarse a los futuros estándares web y a los requisitos de privacidad en constante evolución |

Estas mejoras favorecen unos Core Web Vitals más sólidos y una experiencia de compra más fiable.

### Impacto en el rendimiento en cifras

El paso a una arquitectura Web Component elimina las limitaciones técnicas de los banners tradicionales.

| Métrica | Versión anterior | Versión nueva | Mejora |
| ---- |
| Total Blocking Time (TBT) | 20ms | 0ms | 100 % de reducción |
| Largest Contentful Paint (LCP) | 1197.8ms | 109.0ms | 90,9 % más rápido |
| Recálculo de estilos | Global | Aislado | Carga mínima del navegador |

Al eliminar los retrasos que bloquean el hilo de ejecución, tu tienda se vuelve interactiva más rápido, lo que mejora los Core Web Vitals, la experiencia de usuario y el potencial de conversión.

### Mayor flexibilidad y nuevas funciones
La nueva versión sustituye los ajustes rígidos por un sistema modular que amplía de forma significativa las opciones de personalización.

##### Motor de diseño avanzado
* Arquitectura flexible de Notice y Preferences
* 9 opciones de posicionamiento, incluidas las ubicaciones centro y centro izquierda
* 3 diseños de aviso: Box, Bar y Wide
* 3 diseños del centro de preferencias: Box, Sidepanel y Drawer

##### Herramientas de diseño inteligentes
* Detección de colores con IA a partir de tu tema de Shopify
* Galería de iconos y logotipos actualizada con mejores recursos
* Opciones ampliadas de estilo de botones con control sobre bordes y redondeo

##### Mayor control y cumplimiento
* Ajustes de región sincronizados con la Customer Privacy API de Shopify
* Sincronización del consentimiento entre varias pestañas
* Posibilidad de elegir entre HTML storage y cookies para almacenar el consentimiento
* Activadores alternativos del banner, como la profundidad de desplazamiento y las acciones de teclado

### Comparativa de capacidades

| Función | Versión anterior | Versión nueva |
| ---- |
| Renderizado del banner | Inyección directa en el DOM | Web Component |
| Experiencia de vista previa | Basada en modal | Previsualizador en vivo unificado |
| Interacción con el tema | CSS global | Estilos aislados |
| Experiencia móvil | Diseños estáticos | Capas adaptables |
| Lógica regional | Manual | Sincronizada con la API de Shopify |
| Opciones de almacenamiento | Solo cookies | Cookies o HTML storage |
| Lógica de botones | Tipos fijos | Configuración flexible |

### Mejoras por plan
Todos los planes se benefician de la nueva arquitectura de rendimiento. La disponibilidad de funciones escala según el plan que elijas:

* **Free y Basic:** Acceso al nuevo motor de web component y a la administración rediseñada.
* **Premium:** Incluye estilos avanzados, detección de colores con IA y acciones de cierre alternativas (desplazamiento, tiempo de espera, etc.).
* **Enterprise:** Compatibilidad total con IAB TCF 2.2, consentimiento entre dominios, integraciones avanzadas con la API de JS y controles regionales detallados.

Otras capacidades adicionales:
* Sincronización del consentimiento entre pestañas del navegador
* Acciones de cierre alternativas, como la tecla Escape, hacer clic fuera o el tiempo de espera
* Recarga de página opcional tras el consentimiento para garantizar la compatibilidad con ciertos scripts
* Compatibilidad con activadores personalizados mediante la API de JS

Funciones obsoletas:
* Tipos de banner fijos
* Sobrescrituras de CSS globales
* Página de geolocalización legacy

### Por qué es importante para tu tienda
Esta actualización representa todo lo que hemos aprendido desde 2018. Al cambiar a la nueva versión, te aseguras de que tu tienda tenga:

* Mejor rendimiento y mejores Core Web Vitals.
* Cero riesgo de conflictos con el tema o el CSS.
* Sincronización fluida con los ajustes de privacidad nativos de Shopify.
* Una base preparada para el futuro del cumplimiento normativo de privacidad a nivel global.

### Primeros pasos con la nueva versión
Para explorar las nuevas opciones de configuración, ve a la pestaña **Banner Settings** de tu app Pandectes GDPR Compliance. Usa el previsualizador en vivo unificado para probar tu nuevo diseño antes de publicarlo.

Si necesitas ayuda durante la transición, nuestro equipo de soporte está disponible para ayudarte a optimizar tu configuración y aprovechar al máximo las nuevas funciones del banner.