# 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.

> Canonical: https://www.flowconsent.com/es/doc/banner-customization
> Last updated: 2026-07-30
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](/es/doc/services-and-legal-basis) y la [declaración de cookies](/es/doc/cookie-declaration).
- **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.

> [!TIP]
> El selector de punto de ruptura de la sección de posición comparte estado con el selector de dispositivo de la vista previa — cambiar uno cambia el otro, así que siempre ves el punto de ruptura que estás editando.

## 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.

> [!NOTE]
> Los valores por defecto RGPD — botones Aceptar / Rechazar de igual tamaño, bloqueo previo, categorías granulares — se conservan a través de la personalización. El estilo cambia cómo se ve el banner, no lo que tiene permitido hacer.

## 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.

> [!NOTE]
> En los banners autoalojados (plan Free), leer el historial de versiones requiere tu token de API de Cloudflare, ya que las versiones viven en tu propia cuenta de Cloudflare.

## Próximos pasos

- [Declarar tus servicios y sus bases legales](/es/doc/services-and-legal-basis)
- [Revisar la declaración de cookies](/es/doc/cookie-declaration)
- [Verificar el resultado con un escaneo de rechazo](/es/doc/compliance-verification)