Presentamos el nuevo banner de Pandectes GDPR Compliance, más rápido y optimizado
Te 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.
Esta actualización incorpora un banner de alto rendimiento basado en Web Components 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 de Shopify actuales, basándose en los comentarios de los comerciantes, en las leyes de privacidad en evolución y en las API de privacidad de clientes de Shopify.
Estas actualizaciones afectan a todos los planes. Todas las tiendas se benefician de un mejor rendimiento y de una base más potente, mientras que cada plan ahora incluye más funciones y flexibilidad que antes.
Novedades de un vistazo
Un banner completamente rediseñado
El nuevo banner está construido como un web component moderno para mejorar el rendimiento y la fiabilidad.
Ventajas clave:
- 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 directo más inteligente
Los ajustes del banner incluyen ahora una experiencia de vista previa en directo más precisa y unificada, directamente dentro de la interfaz de administración.
Mejoras clave:
- Vista previa de escritorio por defecto con un interruptor instantáneo para 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
Hemos sustituido los tipos de banner predefinidos y rígidos por tres estructuras flexibles. Así, tu lógica de consentimiento (opt-in frente a opt-out) se mantiene igual 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 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 bastante más flexible que antes.
Capacidades clave:
- Diverse Layouts: Elige entre los estilos Box, Bar, Wide, Drawer y Sidepanel.
- Granular Positioning: 9 puntos de anclaje distintos, incluido el centro y el centro izquierdo.
- Button Logic: Elige entre alineaciones agrupadas, justificadas, verticales u horizontales.
- Smooth Motion: Opciones de animación profesionales: fundido, deslizamiento, zoom y crecimiento.
Un widget de consentimiento mejorado
El widget de consentimiento (botón para reabrir) forma ahora parte nativa del ecosistema del banner, para que los clientes puedan cambiar de opinión en cualquier momento.
Mejoras principales:
- Sistema de diseño y animaciones unificado, compartido con el banner principal.
- Posibilidad de reabrir la última ventana vista o el estado de consentimiento concreto.
- Compatibilidad con disparadores personalizados para abrir el widget desde cualquier enlace de tu tema.
Estilos modernos con herramientas basadas en IA
El estilo se ha rediseñado para ofrecer resultados profesionales con un esfuerzo mínimo.
Opciones disponibles:
- AI Theme Detection: Detecta y aplica automáticamente los colores principales de tu tienda.
- Refined Assets: Una galería de logotipos actualizada con iconos de alta fidelidad.
- Button Customization: Elige entre estilos rellenos, con contorno o simples, con control total sobre el redondeado y los bordes.
- Custom Style: Compatibilidad con CSS personalizado para una personalización avanzada
Controles avanzados, mejor organizados
Las opciones de configuración más complejas se agrupan ahora en una sección Advanced dedicada.
Funciones incluidas:
- Reglas de visibilidad del banner
- Opciones de almacenamiento mediante HTML storage o cookies
- Configuración del consentimiento implícito
- Acciones alternativas de cierre, 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 o redirección de la página al producirse eventos de consentimiento
Así, la configuración principal se mantiene limpia y sigue ofreciendo control total para casos de uso avanzados.
Modelos de consentimiento y regiones globales
Los ajustes de geolocalización están ahora totalmente sincronizados con la API de Shopify Customer Privacy. Así, las señales de consentimiento que recoge nuestra app coinciden a la perfección con los ajustes internos de privacidad de tu tienda de Shopify.
Modelos de consentimiento disponibles:
- Opt-in: Obligatorio para las regiones que cumplen el RGPD.
- Opt-out: Optimizado para los requisitos al estilo de EE. UU. (CCPA).
- 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 o opt-out) a distintas regiones dentro de una misma configuración.
La visibilidad del banner 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 de Shopify.
Compatibilidad con el marco IAB TCF
Para tiendas que utilizan publicidad avanzada, la nueva versión incluye compatibilidad completa con el IAB Transparency and Consent Framework (TCF 2.3).
Este marco del sector es esencial para los comerciantes que hacen anuncios personalizados en el EEE y el Reino Unido. Permite a tu tienda comunicar señales de consentimiento detalladas directamente a las redes publicitarias y a Google, para que tu marketing siga siendo conforme a la normativa y eficaz.
Nota: la compatibilidad con TCF está disponible únicamente en el plan Enterprise.
Pandectes clásico frente a nuevo: mapa de comparación estructural
Feature Category | Legacy Version | New Version | AI Interpretation of Change |
|---|---|---|---|
Architecture | Monolithic: El tipo de banner (por ejemplo, "Informative") controlaba tanto la lógica como los botones de la interfaz. | Modular: La lógica de consentimiento (opt-in/opt-out) está desacoplada del diseño del diálogo (Box/Bar/Wide). | High: Paso de presets fijos a un "Rules Engine" flexible + "UI Engine." |
Logic Core | Selección manual de regiones, independiente de los ajustes de Shopify. | Native Sync: 100% integrado con Shopify Customer Privacy API y las regiones de la tienda. | High: La V2 es "consciente del contexto" y respeta automáticamente las señales globales de privacidad de Shopify. |
UI Positioning | 11 presets fijos (por ejemplo, "Floating top center"). | Contextual: Las posiciones son relativas al diseño (Box, Bar, Wide, Sidepanel, Drawer). | Medium: Mejor UX; evita posiciones ilógicas (por ejemplo, una Bar en el centro). |
Visual Sizing | Valores de píxeles manuales para el ancho y el padding. | T-Shirt Sizing: Presets estandarizados de | Medium: Avance hacia un diseño responsive alineado con los estándares de sistemas de diseño, en lugar de unidades manuales. |
Theming | 4 sobrescrituras HEX + temas fijos (Block, Classic). | AI-Driven: "Auto-adjust" detecta los colores de la tienda + 10 sobrescrituras granulares de elementos. | High: Introducción de estilo inteligente (detección con IA) y personalización avanzada. |
Consent Widget | Icono o texto flotante; lógica de reinicio simple. | Interactive Mini-Dialog: Muestra "Current Choices" + detalles plegables + animaciones. | Medium: El widget es ahora un "Third Dialog" con su propia gestión de estado. |
User Interaction | Explícito frente a implícito (desplazamiento/tiempo de espera). | Advanced Controls: Tecla Esc, clic fuera, bloqueo de desplazamiento, sincronización entre pestañas. | Low: Incorporación de controles modernos de accesibilidad e interacción para usuarios avanzados. |
Preferences | Un modal de preferencias único para todos los casos. | Multi-Form: Compatible con Sidepanels, Drawers y una lógica específica de "Save Preferences". | Medium: Optimización para móvil y para estéticas de marca de gama alta (Drawers). |
Mapa comparativo de diseños
Feature | Legacy Version Flexibility | New Version Flexibility |
|---|---|---|
Notice Layouts | 1 (modal/barra estándar) | 3 (Box, Bar, Wide) |
Preferences Layouts | 1 (modal estándar) | 3 (Box, Drawer, Sidepanel) |
Sizing | Píxeles manuales (fijos) | 5 presets (responsive) |
Button Pairing | Bloqueado al tipo de banner | Totalmente personalizable |
Animations | Interruptor simple | 4 tipos (Fade, Slide, Zoom, Grow) |
La gran ventaja empresarial: velocidad y estabilidad
El nuevo banner se construye con buenas prácticas web modernas que convierten las mejoras técnicas en beneficios empresariales medibles.
Mejora técnica | Beneficio para el negocio |
|---|---|
Mejor rendimiento (0 ms de TBT) | Interactividad más rápida, para que los clientes puedan usar la tienda de inmediato |
Mejor adaptación a móviles | Menor tasa de rebote gracias a una experiencia estable en dispositivos móviles |
CSS encapsulado (Shadow DOM) | Evita que los estilos del banner afecten al tema de Shopify |
Arquitectura Web Component | Diseñada para adaptarse a los futuros estándares web y a los requisitos de privacidad en evolución |
Estas mejoras respaldan 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 | Nueva versión | Mejora |
|---|---|---|---|
Total Blocking Time (TBT) | 20 ms | 0 ms | 100% de reducción |
Largest Contentful Paint (LCP) | 1197.8 ms | 109.0 ms | 90.9% más rápido |
Recálculo de estilos | Global | Aislado | Carga mínima en el navegador |
Al eliminar los retrasos que bloquean el hilo principal, tu tienda se vuelve interactiva antes, lo que mejora los Core Web Vitals, la experiencia de usuario y el potencial de conversión.
Más flexibilidad y nuevas funciones
La nueva versión sustituye los ajustes rígidos por un sistema modular que amplía de forma notable las opciones de personalización.
Motor de diseño avanzado
- Arquitectura flexible para el aviso y el centro de preferencias
- 9 opciones de posicionamiento, incluidas las ubicaciones en el centro y en el centro izquierdo
- 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 basada en tu tema de Shopify
- Galería de iconos y logotipos actualizada con recursos mejorados
- Opciones de estilo de botones ampliadas, con control de bordes y redondeado
Más control y cumplimiento
- Ajustes de región sincronizados con la API de Shopify Customer Privacy
- Sincronización del consentimiento entre varias pestañas
- Elección entre HTML storage y cookies para almacenar el consentimiento
- Disparadores alternativos del banner, como la profundidad de desplazamiento y las acciones con teclado
Comparativa de capacidades
Función | Versión anterior | Nueva versión |
|---|---|---|
Renderizado del banner | Inyección directa en el DOM | Web Component |
Experiencia de vista previa | Basada en modal | Visor en directo unificado |
Interacción con el tema | CSS global | Estilos aislados |
Experiencia móvil | Diseños estáticos | Capas responsive |
Lógica de regiones | 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 de los planes
Todos los planes se benefician de la nueva arquitectura de rendimiento. La disponibilidad de funciones depende del plan que elijas:
- Free and Basic: Acceso al nuevo motor de web components y a la administración rediseñada.
- Premium: Incluye estilos avanzados, detección de color con IA y acciones de cierre alternativas (desplazamiento, tiempo de espera, etc.).
- Enterprise: Compatibilidad completa con IAB TCF 2.3, consentimiento entre dominios, integraciones avanzadas con la API JS y controles regionales detallados.
Entre las capacidades adicionales se incluyen:
- Sincronización del consentimiento entre pestañas del navegador
- Acciones de cierre alternativas, como la tecla Escape, el clic fuera o el tiempo de espera
- Recarga opcional de la página al dar el consentimiento, por compatibilidad con ciertos scripts
- Compatibilidad con disparadores personalizados mediante la API JS
Funciones obsoletas:
- Tipos de banner fijos
- Sobrescrituras de CSS global
- Página de geolocalización heredada
Por qué importa para tu tienda
Esta actualización recoge todo lo que hemos aprendido desde 2018. Al cambiar a la nueva versión, tu tienda tendrá:
- Mejor rendimiento y mejores Core Web Vitals.
- Cero riesgo de conflictos con el tema o el CSS.
- Sincronización perfecta con los ajustes nativos de privacidad de Shopify.
- Una base preparada para el futuro en materia de cumplimiento de privacidad a escala global.
Primeros pasos con la nueva versión
Para explorar las nuevas opciones de configuración, abre Cookie banner en tu app Pandectes GDPR Compliance. Usa el visor en directo 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.
Actualizado el: 27/10/2026
¡Gracias!