Personaliza tu banner de cookies en el Builder
Formatos, colores, tipografía, textos multilingües y vista previa en vivo: todo lo que ofrece el Builder de FlowConsent para adaptar el banner a tu marca.
El Builder es donde se editan la apariencia, los textos y el comportamiento de un banner. Cada cambio se refleja al instante en la vista previa en vivo de la derecha, con un selector de dispositivo (escritorio, tableta, móvil), y nada sale a producción hasta que despliegas — puedes iterar con tranquilidad sobre un banner publicado.
Qué se personaliza y dónde
El Builder se organiza en pestañas, cada una con su responsabilidad:
- Information — título, descripción y logotipo del banner (sube un archivo o conserva el predeterminado).
- Style — toda la capa visual, detallada más abajo.
- Legal — la identidad legal mostrada a los visitantes. Un banner no puede publicarse sin ella; la barra lateral marca esta pestaña con un punto mientras esté incompleta.
- Services y Cookie list — lo que el banner declara y bloquea; consulta servicios y bases legales y la declaración de cookies.
- Deployment — la publicación, el snippet de instalación y el asistente de instalación.
- GTM Server Side y Google Consent Mode v2 — las integraciones específicas de Google.
- Translations — los textos multilingües, detallados más abajo.
- Logs — la actividad de consentimiento del banner.
Elige un formato
El formato del banner se elige entre seis plantillas: minimal, barra inferior, flotante, ancho completo, popup moderno y muro RGPD. La plantilla determina qué controles de estilo aplican:
- La barra inferior y el muro RGPD ocupan todo el ancho, así que no tienen controles de posición; la barra inferior dispone en cambio de su propia sección dedicada.
- Todos los demás formatos exponen una sección de posición del widget: elige la esquina y ajusta los desplazamientos X/Y por punto de ruptura (escritorio, tableta, móvil), en px o en rem.
Estilo: colores, tipografía, botones
La pestaña Style agrupa las secciones visuales:
- Colores — fondo, texto, acentos, radios, con selectores de color.
- Tipografía — familia tipográfica y tamaños.
- Botones — el estilo de los botones aceptar / rechazar / preferencias.
- Botón flotante — el botón persistente con el que los visitantes cambian de opinión, tamaño incluido.
- Disparador, sombra y overlay (con opacidad ajustable) — cómo y sobre qué aparece el banner; sombra y overlay no aplican a la barra inferior.
- Una sección de restablecimiento restaura los valores por defecto si has ido demasiado lejos.
Textos e idiomas
La pestaña Information contiene el título y la descripción por defecto. La pestaña Translations gestiona todos los demás idiomas:
- elige el idioma por defecto y cómo se detecta el idioma del visitante (navegador o URL), con una vista general del mapeo de URL por idioma;
- añade traducciones, cada una editable en su tarjeta de idioma.
El número de idiomas depende del plan: Free cubre 2 idiomas (por defecto + 1 traducción), Pro 5, Enterprise ilimitado.
Versiones y rollback
Cada despliegue registra una versión en la tarjeta Version History de la pestaña Deployment. Volver a una versión anterior es instantáneo y no requiere redespliegue; se conservan los últimos 10 despliegues. Si un cambio de estilo sale mal en producción, primero vuelve atrás, corrige con calma después.