Su banner de cookies es a menudo el primer punto de contacto que los visitantes tienen con los estándares de privacidad de su marca. Con QookieQloud™, puede adaptar fácilmente el aspecto, el idioma y el comportamiento para que coincida con su diseño de sitio web manteniendo el estricto cumplimiento.
Dónde personalizar
En su panel de dominio, seleccione su dominio y haga clic en Adaptar en el menú de navegación lateral. Entrará en el personal interactivo en vivo con vista previa en tiempo real.
Seleccione primero un dominio. Adaptar contiene la apariencia del banner, el modo de consentimiento y los servicios. En Configuración → Conexión encontrará la API v1, la API v2 Site Key, el código de instalación y las integraciones conectadas. En Configuración → Notificaciones puede activar los informes mensuales de auditoría y pausar los recordatorios de actividad.
Lo que puede personalizar
Diseño del Banner
Elija Classic (diálogo centrado), Classic Minimal, una tarjeta flotante inferior, una barra lateral estrecha (izquierda o derecha) o WideBanner. Gestione la pestaña DSR con Premium en Configuración → Solicitudes de privacidad. Configura tus campos DSR →
Qookie Eyes Widget
Posicionar el icono de configuración persistente en la izquierda, derecha o ocultarlo para utilizar un enlace de pie personalizado1.
Colores > Contraste
Obtén una propuesta de paleta de tu sitio o elige los colores manualmente. Previsualiza los temas claro y oscuro y revisa los contrastes antes de guardar. La combinación automática de colores del sitio requiere Premium o superior. Standard mantiene la selección manual de colores.
Copiar " Idiomas
Edite la introducción en Diseño. Con el plan Free, seleccione el idioma del banner en la pestaña Idioma. Los colores, el logotipo y las opciones disponibles dependen de su plan.
Usar los colores de tu sitio
La combinación automática de colores del sitio requiere Premium o superior. Standard mantiene la selección manual de colores. Con un plan que permita personalizar colores, QookieQloud puede proponer una paleta completa a partir del dominio seleccionado. Lee los colores visibles y los colores de marca y acento identificables en el diseño del sitio. Puedes seguir modificando cada color.
- Abre Customize → Colores y selecciona el tema claro u oscuro.
- Pulsa Obtener colores del sitio en la cabecera de la tarjeta, antes de Guardar.
- Revisa la propuesta en la vista previa. Elige Usar estos colores o Restaurar mis colores para volver a tus valores anteriores.
- Ajusta los colores, revisa los contrastes y pulsa Guardar para publicar los cambios.
Obtén los colores por separado para cada tema. Si el sitio no tiene un estilo oscuro, ambas propuestas pueden ser similares. La extracción no guarda nada. Los ajustes de contraste ayudan a la legibilidad; revisa también el resultado en tu sitio.
Seis diseños de banner para elegir
Los seis están en Personalizar → Diseño. Compara su posición y sus principales diferencias.
Classic – Diálogo centrado
Un diálogo centrado con las categorías de cookies visibles desde el principio.
Classic Minimal
Un diálogo centrado con texto y botones primero. Personalizar abre las categorías.
Banner estrecho – izquierda
Un banner estrecho en la esquina inferior izquierda.
Banner estrecho – derecha
Un banner estrecho en la esquina inferior derecha.
Tarjeta flotante inferior
Una tarjeta independiente cerca del borde inferior de la página.
Ancho completo inferior
Un banner que ocupa todo el ancho inferior de la página.
¿Classic o Classic Minimal?
Classic muestra las categorías de cookies en el diálogo inicial. Classic Minimal utiliza el mismo diseño, pero comienza con la descripción y los botones. Los visitantes abren las categorías con el botón de personalización. Aceptar y rechazar siguen disponibles desde la primera vista.
Configura el diseño de tu banner
- Abre tu dominio y ve a Personalizar → Diseño. Elige el diseño que mejor se adapte a tu sitio.
- En Estilo, elija los radios de las esquinas del diálogo y los botones mediante los selectores de píxeles con búsqueda. Ajuste la sombra y elija un espaciado compacto, cómodo o amplio. Las acciones de restablecimiento recuperan los valores predeterminados del diseño seleccionado.
- Añada, si lo necesita, una introducción y enlaces a su política de privacidad y condiciones de uso. Configure los colores y las variantes claras/oscuras en Colores, y su logotipo en Logotipo, según las opciones de su plan.
- Abra la vista previa, pruebe las categorías y ambos temas y pulse Guardar. Después, compruebe la banner en su sitio con anchuras de escritorio y móvil.
Classic Minimal cambia la vista inicial del banner. Los visitantes pueden seguir abriendo sus preferencias mediante Qookie Eyes o su propio enlace. La pestaña Detalles enumera las cookies por categoría y plataforma o dominio, con las descripciones, duraciones de almacenamiento e información del proveedor disponibles. Los datos que faltan en el catálogo no se completan automáticamente.
Si elige ocultar el icono de Qookie Eyes flotante, puede proporcionar accesos directos a los usuarios con las siguientes clases CSS:
class="qookieqloud-settings-panel"– abre el panel de configuración de cookies.class="qookieqloud-dsr-panel"– abre directamente la pestaña DSR (Derechos de privacidad).
Demostración de vídeo
Vea lo fácil que es ajustar los diseños, probar el contraste de color contra las directrices WCAG, y los cambios de vista previa en vivo:
El vídeo puede mostrar una versión anterior de Customize. Siga los pasos anteriores para Classic Minimal y los controles de estilo actuales.
