Añade Velo
a Webflow.
Instala el banner de cookies de Velo y Google Consent Mode v2 en Webflow con la aplicación Velo Consent (disponible ahora en apps.veloconsent.com y muy pronto en el Webflow Apps Marketplace). La mayoría de las instalaciones llevan solo unos minutos cuando ya tienes acceso de publicación al sitio. ¿Prefieres no usar la aplicación? Puedes pegar una línea en Head code o usar Google Tag Manager.
Instrucciones y fuentes de las imágenes revisadas el 23 de septiembre de 2026.
Instala con la aplicación
Velo Consent.
La aplicación Velo Consent se puede usar ya en apps.veloconsent.com y estará disponible muy pronto en el Webflow Apps Marketplace. Añade un único script al head de tu sitio mediante la API de código personalizado de Webflow (sin editar el tema) y pasa las elecciones de los visitantes a Webflow Analyze y Optimize. ¿Prefieres no usar la aplicación? Pega una línea en Head code o usa Google Tag Manager.
¿Ya usas Google Tag Manager? Sáltate la app y hazlo allí ↓
Cuatro pasos · unos dos minutos
-
01
Autoriza con Webflow
Abre apps.veloconsent.com (muy pronto en el Webflow Apps Marketplace), haz clic en Authorise with Webflow y selecciona el sitio o Workspace de Webflow que quieras conectar.
-
02
Conecta con Velo
Haz clic en Connect to Velo e inicia sesión o crea una cuenta gratuita de Velo. Tu sitio de Webflow queda vinculado automáticamente, sin tener que copiar IDs de sitio.
-
03
Instala el script del banner
Haz clic en Install banner script. La aplicación añade un único script al head de tu sitio mediante la API de código personalizado de Webflow, sin editar el tema, y pasa la elección de cada visitante a Webflow Analyze y Optimize junto con Google Consent Mode v2.
-
04
Publica el sitio y comprueba el banner en vivo
Publica tu sitio en Webflow para activar el script en tu dominio de staging o de producción. Abre la URL publicada en una ventana privada para probar a aceptar y rechazar, y confirma que el sitio aparece como instalado en tu panel de Velo.

Captura de la interfaz real · 23 de septiembre de 2026 El banner real de veloconsent.com, capturado el 23 de septiembre de 2026. Los textos, el diseño y los ajustes por región de tu banner pueden ser distintos.
La web de Velo ↗Ver a tamaño completo ↗
Guarda los cambios y publica en los dominios que correspondan. Webflow puede incluir el código personalizado en la vista previa, pero lo que vale es la URL publicada. Revisa tu dominio de pruebas webflow.io antes que el de producción.
¿Sigues comparando opciones? Lee por qué los equipos usan Velo en Webflow o consulta todas las plataformas compatibles.
¿Prefieres no usar la aplicación?
Pega una línea en Head code.
Añade el snippet de tu sitio al head global en Site settings → Custom code; después publica y prueba el resultado.
Alternativa · Head code
-
01
Copia la línea
Copia desde tu panel de Velo el fragmento de instalación completo de esta web. El ejemplo de abajo solo muestra el formato: sustituye your-site-id antes de usarlo. Deja el endpoint de la API tal como te lo da el panel.
<script src="https://cdn.veloconsent.com/v1/velo.js" data-api="https://app.veloconsent.com" data-velo-site="your-site-id" async></script> -
02
Abre Site settings → Custom code
Pega el fragmento completo de Velo en Head code y guarda los cambios. El código personalizado exige un Site plan activo o un plan de pago de Workspace que lo incluya. Publica en los dominios que quieras actualizar.
Webflow · código personalizado para toda la web
- Abrir
- Site settings → Custom code
- Pegar
- Head code
- Guardar
- Save changes
- Publicar
- Publica la web
Referencia de configuración verificada · 23 de septiembre de 2026 Referencia de configuración cotejada con la documentación de la plataforma. No es una captura del panel de administración.
Documentación de la plataforma ↗ -
03
Publica y compruébalo en producción
Guarda y publica el cambio siguiendo los pasos de tu plataforma que tienes arriba, y vacía la caché de la web o del CDN. Abre la URL publicada en una sesión nueva del navegador. Comprueba que el banner aparece donde lo exigen tus reglas por región, prueba a aceptar y a rechazar, y verifica que los valores por defecto y las actualizaciones del consentimiento se aplican antes de que se ejecuten tus etiquetas de medición. Confirma que tu web aparece como instalada en el panel de Velo.
¿Usas Tag Manager?
Olvídate del código.
Si ya tienes Google Tag Manager en tu web, esta es la forma más fácil de añadir Velo. No tienes que tocar código, son cuatro pasos cortos y todas tus etiquetas quedan en un solo sitio.
- 01
Añade Velo a Tag Manager
Abre la plantilla de Velo, pulsa Add to workspace y elige tu contenedor.
Abrir la plantilla de Velo ↗ - 02
Pega el ID de tu web
En Tag Manager, abre Tags y pulsa New. Pulsa Tag Configuration, elige Velo CMP y pega el ID de tu web. Lo encontrarás en tu panel de Velo. Deja todo lo demás como está.
- 03
Haz que cargue primero
Pulsa Triggering, elige Consent Initialization – All Pages y pulsa Save. Así Velo arranca antes que tus otras etiquetas.
- 04
Publica y compruébalo
Pulsa Submit y luego Publish. Preview no basta para poner Velo en marcha. Después abre tu web en una ventana privada, prueba el banner y comprueba que tu web aparece como instalada en tu panel de Velo.
Dudas sobre Webflow,
resueltas.
Lo primero que nos preguntan los equipos que instalan Velo en Webflow.
¿Necesito la aplicación de Webflow o puedo usar Custom code?
Cualquiera de las dos opciones sirve. La aplicación Velo Consent (disponible ahora en apps.veloconsent.com y muy pronto en el Webflow Apps Marketplace) es la opción más rápida: añade un único script al head de tu sitio mediante la API de código personalizado de Webflow sin editar el tema y pasa las elecciones a Webflow Analyze y Optimize. Si prefieres no usar la aplicación, pega el snippet en Site settings → Custom code → Head code o instala mediante Google Tag Manager.
¿Funciona con el plan gratuito?
Añadir scripts al head del sitio, ya sea mediante la aplicación Velo Consent o la pestaña Custom code, requiere un plan de sitio activo o un plan de Workspace Core, Growth, Agency o Freelancer. Puedes hacer pruebas en tu dominio de staging webflow.io antes de conectar tu dominio de producción.
Ya tengo el embed de otra CMP en mi proyecto.
Quita el embed antiguo antes de publicar Velo. Dos banners confunden a los visitantes, y si dos herramientas fijan los valores por defecto de Consent Mode, Google recibe señales contradictorias. Velo se encarga de todo con una sola etiqueta.
¿Ralentizará mi web?
El fragmento del panel carga de forma asíncrona. Como con cualquier script, mide cómo afecta a tu web y revisa el orden de las etiquetas: la carga asíncrona, por sí sola, no garantiza que los valores de consentimiento por defecto se apliquen antes que el resto de etiquetas.
¿Puede hacerlo por mí un asistente de IA?
Sí. Copia el prompt de Instalar con agentes, justo debajo, y pégalo en Claude, ChatGPT, Cursor o el asistente que ya uses. Incluye los pasos de esta página, el orden en que tienen que cargar las etiquetas y las comprobaciones que el agente tiene que hacer antes de darte el trabajo por terminado.
O deja que
lo haga un agente.
Copia el prompt y pégalo en Claude, ChatGPT, Cursor o el asistente que ya uses. Lleva todo lo que hay en esta página: las dos vías, el orden en que tienen que cargar las etiquetas y las comprobaciones que demuestran que funciona.
Pega este prompt en tu asistente y pásale el ID de tu web y, desde tu panel de Velo, el fragmento de instalación completo o los ajustes de GTM.
¿Usas un agente que lee páginas web? Pásale veloconsent.com/llms.txt y /install.md y tendrá el mismo contexto en texto plano.


