# Instalación rápida

La forma más rápida de publicar un banner de FlowConsent: regístrese, cree un banner, pegue una etiqueta de script. En pocos minutos y sin ajustes avanzados.

> Canonical: https://www.flowconsent.com/es/doc/quick-install
> Last updated: 2026-05-01
Esta es la vía más directa para tener un banner RGPD en producción en pocos minutos. Nos saltamos los ajustes opcionales: podrá afinarlos después.

## 1. Regístrese

Vaya a [app.flowconsent.com](https://app.flowconsent.com) y cree una cuenta. El plan gratuito cubre 1 banner con auto-alojamiento en su propia cuenta de Cloudflare, sin tarjeta de crédito.

## 2. Crear un banner

En la página **Banners**, haga clic en **+ Nuevo banner**. Introduzca:

- Un nombre (cualquiera, p. ej. `acme-website`)
- La URL de su sitio (`https://acme.com`)

FlowConsent escanea la página y rellena las pestañas **Services** y **Cookie list** con los scripts de terceros detectados. Los valores por defecto son conformes al RGPD: botones Aceptar / Rechazar del mismo tamaño, bloqueo previo, categorías granulares.

## 3. Desplegar

Abra la pestaña **Deployment**.

**En el plan Free**, se le pedirá conectar una cuenta de Cloudflare para desplegar un Worker en su infraestructura. Siga la [guía de Cloudflare](/es/doc/cloudflare-deployment): solo hay que hacerlo la primera vez.

**En Pro / Enterprise**, el despliegue se hace con un clic; el banner se aloja en `https://SU-WORKSPACE.consent.flowconsent.com`.

Una vez desplegado, la pestaña **Deployment** muestra su script de instalación:

```html
<!-- FlowConsent CMP -->
<script src="https://SU-WORKSPACE.consent.flowconsent.com/cookie-manager.js?code=SU_LICENSE_CODE"></script>
```

## 4. Pegar el script

Añada el script en el `<head>` de cada página de su sitio, **lo más arriba posible**, idealmente justo después de `<head>` y antes de cualquier otro `<script>`. Es imprescindible para que el bloqueo previo funcione: cualquier script de seguimiento declarado debajo del de FlowConsent se retiene hasta el consentimiento.

Para un sitio HTML estático, péguelo en su plantilla. Para un CMS:

- **WordPress**: `header.php` del tema, o un plugin como *Insert Headers and Footers*
- **Shopify**: Tienda online → Temas → Editar código → `theme.liquid` → dentro de `<head>`
- **Webflow**: Project Settings → Custom Code → Head Code
- **Framer**: Site Settings → Custom Code → End of `<head>`
- **Next.js / Nuxt / SvelteKit**: el `<head>` del layout raíz. Para el enrutamiento del lado del cliente, active también el Modo SPA: consulte la [guía de Next.js y SPA React](/es/doc/nextjs-integration)

## 5. Verificar

Abra su sitio en una ventana privada. Debería ver:

- El banner en la primera visita
- Ninguna petición a terceros en la pestaña **Red** antes de pulsar **Aceptar**
- Una entrada nueva en **Analytics → Sesiones** del panel de FlowConsent en poco tiempo

Si el banner no aparece, compruebe que el script está dentro de `<head>` (no de `<body>`) y que no lo bloquea una CSP.

## Listo

Esta es la instalación mínima. Cuando tenga tiempo, vuelva para:

- [Personalizar colores y textos en el Builder](/es/doc/dashboard-overview)
- [Añadir idiomas al banner](/es/doc/dashboard-overview)
- [Leer las analíticas](/es/doc/dashboard-overview)