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

> 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 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](/es/doc/services-and-legal-basis) y la [declaración de cookies](/es/doc/cookie-declaration).
- **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.

> [!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 ve el punto de ruptura que está 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 ha 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:

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

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

## Próximos pasos

- [Declarar sus 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)