FlowConsent

Instalación rápida en 3 minutos

La forma más rápida de publicar un banner de FlowConsent — registro, crea un banner, pega una etiqueta de script. Tres minutos, sin configuración.

Esta es la vía script-and-go para quienes quieren un banner RGPD en producción en tres minutos. Saltamos cualquier ajuste opcional. Volverás a afinar después.

1. Regístrate

Ve a app.flowconsent.com y crea una cuenta. El plan gratuito cubre 1 banner con auto-alojamiento en tu propia cuenta de Cloudflare — sin tarjeta.

2. Crear un banner

En la página Banners, haz clic en + Nuevo banner. Introduce:

  • Un nombre (cualquiera, p. ej. acme-website)
  • La URL de tu 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

Abre la pestaña Deployment.

En el plan Free, se te pedirá conectar una cuenta de Cloudflare para desplegar un Worker en tu infraestructura. Sigue la guía de Cloudflare — unos 2 minutos la primera vez.

En Pro / Enterprise, el despliegue es un clic; el banner se aloja en https://TU-WORKSPACE.consent.flowconsent.com.

Una vez desplegado, la pestaña Deployment muestra tu snippet de instalación:

<!-- FlowConsent CMP -->
<script src="https://TU-WORKSPACE.consent.flowconsent.com/cookie-manager.js?code=TU_LICENSE_CODE"></script>

4. Pegar el snippet

Añade el snippet en el <head> de cada página de tu 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 tracking declarado bajo el snippet se retiene hasta el consentimiento.

Para un sitio HTML estático, pégalo en tu 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
  • Next.js / Nuxt / SvelteKit — el <head> del layout raíz

5. Verificar

Abre tu sitio en una ventana privada. Deberías 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 ~1 minuto

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

Listo

Esto es la instalación mínima. Cuando tengas tiempo, vuelve para: