Menú de la documentación

Personalice su 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 su marca.

En esta página

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 usted lo despliega: puede 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; consulte servicios y bases legales y la declaración de cookies.
  • Deployment: la publicación, el script 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.

Elija un formato

El formato del banner se elige entre estas plantillas: minimal, barra inferior, flotante, ancho completo, popup moderno y muro de cookies. La plantilla determina qué controles de estilo aplican:

  • La barra inferior y el muro de cookies 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: elija la esquina y ajuste 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 ha 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:

  • elija 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ñada 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 a medida (28 idiomas disponibles en total).

Versiones y vuelta atrás

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 volver a desplegar; se conservan los últimos 10 despliegues. Si un cambio de estilo sale mal en producción, primero vuelva atrás y corrija con calma después.

Próximos pasos

Haga que su sitio cumpla la normativa hoy mismo.

Gratis hasta 25.000 sesiones al mes. Sin tarjeta de crédito, sin compromiso.