Añade Velo a Webflow.
Instala el banner de cookies de Velo y Google Consent Mode v2 en Webflow en minutos. Con una línea en el campo Head code basta. Si ya usas Google Tag Manager, esa ruta también está en esta página.
Pega una línea
en Head code.
Una línea en Webflow y el banner está en todas las páginas, con el valor por defecto de Consent Mode puesto antes de que pueda dispararse ninguna otra etiqueta. El mismo banner, el mismo cableado y el mismo registro de auditoría que por la ruta de Tag Manager.
¿Ya usas Google Tag Manager? Mejor sigue esa ruta ↓
Tres pasos · unos tres minutos
-
01
Copia la línea
Una etiqueta de script, la misma en todas las páginas del sitio. Todo lo que viene ahora va de ponerla en el sitio correcto, y ese sitio es siempre el head, por delante de las etiquetas que gobierna.
<!-- Antes que el resto de tus etiquetas. Ese orden es lo importante. --> <script src="https://veloconsent.com/v1/velo.js" data-velo-site="your-site-id" defer></script> -
02
Abre Site settings → Custom code
En el Designer, abre el menú del sitio arriba a la izquierda → Site settings → la pestaña Custom code. Pega el fragmento en el campo Head code, donde cabe de sobra dentro del límite de 10,000 caracteres de Webflow, y pulsa Save. El código personalizado necesita un site plan de pago de Webflow y se aplica a todas las páginas; una página suelta puede llevar su propio código de head en sus page settings.
webflow.com · Site settings
-
03
Publica el sitio
El código personalizado solo llega al sitio al publicar: pulsa Publish arriba a la derecha, elige tus dominios y recarga el sitio publicado. La vista previa del Designer nunca ejecuta código personalizado, así que comprueba siempre la URL en producción (el dominio de staging webflow.io también sirve). El banner aparece y el valor por defecto de Consent Mode ya está puesto antes de que pueda dispararse ninguna otra etiqueta.
tu-sitio.com
La vista previa del Designer nunca ejecuta código personalizado, así que comprueba siempre la URL publicada — el dominio de staging webflow.io también sirve. El fragmento cabe de sobra dentro del límite de 10,000 caracteres de Webflow.
O importa la etiqueta
en Tag Manager.
Una etiqueta, nada de código en la página, y todo tu stack de medición se queda en un mismo sitio. ¿Aún no hay Tag Manager en el proyecto? Pega el contenedor de GTM en esa misma caja de Head code en Site settings, publica y empieza por aquí.
- 01Importa la plantilla CMP de VeloTemplates→Tag Templates→New→Import
- 02Crea la etiquetaTags→New→Velo CMP template
- 03Marca las dos opciones de recuperaciónAdvanced→url_passthrough→ads_data_redaction
- 04Dispárala en Consent Initialization – All PagesTriggering→Consent Initialization – All Pages
- 05Activa la vista general de consentimiento en AdminAdmin→Container Settings→Enable consent overview
- 06Previsualiza y publicaPreview→Submit→Publish
Y verifícalo
con tráfico real.
Vayas por donde vayas, la consola de Velo espera la primera señal real de tu sitio de Webflow — el banner cargando o una decisión registrada — y pasa a instalado en cuanto llega una.
Lanza el análisis gratuito cuando ya estés en producción y leerá el resultado como si fuera la primera visita.
Preguntas sobre Webflow,
respondidas.
Lo que primero preguntan los equipos que instalan en Webflow.
¿Funciona en el plan gratuito?
El código personalizado, incluida cualquier herramienta de consentimiento y el propio Google Tag Manager, necesita un site plan de pago de Webflow. Cuando el sitio lo tiene, cualquiera de los dos métodos de esta página lleva un par de minutos.
¿Puedo probarlo en el dominio de staging webflow.io?
Sí. El Head code también se publica en tu dominio de staging, así que puedes ver ahí el banner y los valores de consentimiento por defecto antes de conectar el dominio de producción.
Ya tengo un embed de un CMP en mi proyecto.
Quita el embed antiguo antes de publicar Velo. Dos banners confunden a quien visita, y dos herramientas escribiendo los valores por defecto de Consent Mode le mandan a Google señales contradictorias. Velo se ocupa de todo el trabajo con una sola etiqueta.
¿Ralentizará el sitio?
No. El script carga en diferido, nunca bloquea el renderizado, y la región de quien visita se resuelve en el nodo más cercano antes de que la página termine de pintarse. El banner en sí son unos pocos kilobytes de código estático.
¿Puede hacerlo por mí un asistente de IA?
Sí. Copia el prompt de Instalar con agentes, justo debajo, en Claude, ChatGPT, Cursor o el asistente que ya uses. Lleva dentro los pasos de esta página, el orden en el que tienen que cargar las etiquetas y las comprobaciones que el agente tiene que hacer antes de decirte que ha terminado.
O pásaselo
a un agente.
Copia el prompt en Claude, ChatGPT, Cursor o el asistente que ya uses. Lleva dentro todo lo de esta página: las dos rutas, el orden en el que tienen que cargar las etiquetas y las comprobaciones que demuestran que ha funcionado.
Pégalo como primer mensaje y luego cambia your-site-id por el ID de tu panel de Velo. Todo lo demás que el agente necesita ya está escrito dentro, incluido qué comprobar antes de publicar.
¿Trabajas con un agente que lee la web? Apúntalo a veloconsent.com/llms.txt y a /install.md para el mismo contexto en texto plano.
Del diario.
Tu banner, tu consentimiento,
tus datos — todo en un mismo sitio.
© 2026 de
