Editor visual de banners de cookies
Crea un banner acorde a tu web
Editor de arrastrar y soltar para el banner de cookies. Colores, tipografías, posición, textos: todo sin código. Vista previa en directo de los cambios y diseño responsive sin Dark patterns (patrones oscuros).
Perfecto en todos los dispositivos
El editor incluye una vista previa para escritorio, tablet y móvil. El banner se adapta automáticamente al tamaño de pantalla y luce perfecto en todas partes.
- Vista previa en directo de los cambios
- Cambia entre dispositivos con un clic
- Optimización automática para móvil
- Pruebas en distintas resoluciones
Por qué el diseño del banner importa más de lo que se piensa
Un banner de cookies es lo primero que ve un visitante. Si parece confuso, agresivo o copiado y pegado de un hilo de foro de 2019, erosiona la confianza antes de que nadie lea una sola palabra del contenido real. Muchos sitios todavía usan banners que descargaron como plantilla hace años y nunca adaptaron: eso es a la vez un problema de conversión y un problema de validez del consentimiento según el RGPD.
El editor visual de Consentio está diseñado para que se cumplan dos reglas a la vez: el banner tiene que verse bien y tiene que ser legalmente correcto. Las Directrices 03/2022 del CEPD sobre patrones de diseño engañoso prohíben explícitamente un botón "Rechazar" oculto, un contraste ilegible, flujos de rechazo con varios pasos o casillas premarcadas. El diseñador simplemente no te deja construir nada de eso: los selectores de color exigen contraste suficiente, y el botón "Rechazar" siempre lleva el mismo peso visual que "Aceptar todo".
Al mismo tiempo, tienes control total sobre la marca. El banner puede sentirse como una extensión natural del sitio, no como una capa ajena superpuesta. En toda la base de clientes de Consentio, los banners con marca que encajan con la identidad visual del sitio muestran alrededor de un 12% más de consentimientos que los diseños genéricos por defecto: y todo ello sin ninguno de los patrones oscuros por los que la CNIL y la ICO han sancionado a competidores.
Cómo funciona el editor visual
Del registro a un banner en producción en menos de 10 minutos. Sin código, sin desarrollador, sin plantillas de foro de 2018 copiadas y pegadas.
- 1
Crea una cuenta y añade tu web
El registro tarda unos 30 segundos y nunca pide tarjeta de crédito en el plan gratuito. Introduces la URL de tu web y Consentio obtiene los metadatos básicos: favicon, título de la página, idioma predeterminado, que el editor usa como punto de partida para el diseño del banner.
- 2
Abre el diseñador y elige una plantilla
El diseñador incluye cuatro estilos de partida: Minimalista, Moderno, Profesional y Desenfadado, además de un lienzo en blanco. La plantilla es solo un punto de partida; cada elemento sigue siendo editable, así que el resultado nunca parece un banner genérico de plantilla.
- 3
Personaliza colores, tipografías y posición
El panel izquierdo agrupa la configuración en Colores, Tipografía, Posición, Textos, Botones y Logo. Cada cambio se refleja al instante en la vista previa en directo, sin necesidad de guardar. Los campos de color aceptan HEX o RGB y las tipografías se cargan de todo el catálogo de Google Fonts (más de 1.500 familias).
- 4
Pruébalo en escritorio, tablet y móvil
Un selector de dispositivos en la barra de herramientas te permite previsualizar el banner en tres resoluciones distintas. El banner se adapta automáticamente. Tanto la ICO como la CNIL han señalado en sus guías publicadas que un texto ilegible en móvil puede significar que el consentimiento recogido no sea "informado" en el sentido del artículo 4(11) del RGPD, así que merece la pena comprobarlo.
- 5
Guarda y publica con una línea de código
Al guardar se genera una única etiqueta de script que colocas en el <head> de tu web o cargas mediante Google Tag Manager. Los nuevos visitantes ven el banner de inmediato y los cambios de diseño que hagas después en el editor se publican sin necesidad de volver a desplegar nada. Cada versión se guarda automáticamente, así que puedes revertir cambios si lo necesitas.
Cómo se compara Consentio Designer
Cómo se compara el editor visual de Consentio con los principales competidores y con HTML/CSS escrito a mano. Las cuatro plataformas orientadas a la UE (CookieBot, CookieYes, OneTrust, Consentio) operan bajo el RGPD y la normativa ePrivacy.
| Funcionalidad | Consentio | CookieBot | CookieYes | OneTrust | HTML/CSS a mano |
|---|---|---|---|---|---|
| Editor visual de arrastrar y soltar | Sí, completo | Limitado | Sí | Sí (Enterprise) | No |
| Vista previa en directo de escritorio, tablet y móvil | Los tres | Solo escritorio | Sí | Sí | No |
| CSS y JavaScript personalizados | Sí (Pro) | Sí (Premium y superior) | Solo CSS | Sí | Sí |
| Integración con Google Fonts | Más de 1.500 fuentes | Limitado | Sí | Sí | Manual |
| Plantillas gratuitas | 4 predeterminadas | 3 predeterminadas | 5 predeterminadas | Solo de pago | Ninguna |
| Versionado automático / reversión | Sí | No | No | Sí | Depende de Git |
| Impacto en la velocidad del sitio | < 50 ms | < 100 ms | < 80 ms | 150-300 ms | Variable |
Preguntas frecuentes
¿Necesito conocimientos de programación para editar el banner de cookies?
No, Consentio ofrece un editor visual donde haces todos los cambios haciendo clic y arrastrando. No hace falta código.
¿Puedo personalizar el banner con los colores de mi marca?
Sí, en el editor puedes configurar cualquier color de fondo, texto, botones y enlaces. Admitimos HEX, RGB y colores predefinidos.
¿Cómo se ve el banner en móvil?
El editor incluye una vista previa para escritorio, tablet y móvil. El banner es totalmente responsive y se adapta automáticamente al tamaño de pantalla.
¿Puedo usar textos y traducciones personalizadas?
Sí, todos los textos del banner son completamente editables. Puedes editar títulos, descripciones, textos de botones y el enlace a la política de privacidad.
¿Un banner creado en el editor cumple con las normas contra los patrones oscuros?
Sí. Consentio Designer está construido en torno a las Directrices 03/2022 del CEPD sobre patrones de diseño engañoso en los banners de cookies. El botón "Rechazar" recibe el mismo peso visual que "Aceptar todo", los colores no se pueden configurar de forma que una opción quede claramente oculta, y el título no puede ser engañoso. La CNIL multó a Google con 150 millones de euros en enero de 2022 precisamente porque rechazar las cookies requería más clics que aceptarlas: Consentio lo evita por diseño.
¿Puedo crear diseños de banner distintos para varias webs?
Sí. El plan Pro permite hasta 10 webs, cada una con su propio diseño. El plan Agency amplía esto a 50. Puedes clonar un diseño entre sitios, lo cual es útil si la misma marca tiene varios dominios y quieres un estilo coherente sin empezar desde cero.
¿Cuánto se tarda en publicar el primer banner en mi web?
La mayoría de usuarios crea un banner funcional y con su marca en 5-10 minutos. En el plan Pro, la ayuda inicial de nuestro equipo está incluida en el precio. Para webs en WordPress, nuestro plugin instala el banner sin tocar los archivos de tu tema. Para configuraciones headless (Next.js, Nuxt, Astro), basta con una etiqueta de script en el layout.
¿Qué ocurre cuando cambio el diseño más adelante?
Los cambios se publican al instante para todos los visitantes: sin volver a desplegar, sin esperar a la caché, sin intervención de un desarrollador. Cada versión del diseño se guarda automáticamente, así que puedes revertir a un diseño anterior con un clic. Es útil si experimentas con el texto (por ejemplo, un botón "Rechazar todo" más claro) y quieres revertirlo rápido si baja la conversión.
Conforme con la normativa europea de protección de datos
El editor visual y el banner que genera están diseñados para cumplir los requisitos de los siguientes marcos legales y guías de las autoridades de control:
- RGPD (Reglamento (UE) 2016/679)
- Directiva ePrivacy (2002/58/CE)
- ÚOOÚ — Oficina Checa de Protección de Datos Personales
- CEPD: Directrices 03/2022 sobre patrones de diseño engañoso
Última actualización:
Resuelve las cookies hoy.
Duerme tranquilo mañana.
Probar gratis - Sin tarjeta
- 5 minutos de implementación
- Hecho en la UE