KATLA PARA WEBFLOW
Consentimiento de cookies para Webflow, con el banner diseñado a tu manera.
Añade Katla a Webflow como código del head en todas las páginas y usa el banner alojado, o diseña tu propio banner en Webflow y ejecuta Katla en modo headless detrás de él. Un contenedor de Google Tag Manager también sirve, y el escaneo redacta la política de cookies a partir de lo que escribe tu sitio.
Código del head, todas las páginasO Google Tag ManagerO un banner hecho en Webflow
Site settings → Custom code → Head codeHead, todas las páginas
1. In Katla, add your Webflow site's domain and let the first scan run. 2. Install → Widget, and copy the snippet. 3. In Webflow: Site settings → Custom code → Head code. 4. Paste it into the head code for all pages, above any analytics or advertising code. 5. Publish, then open the site in a private window and check that the banner appears. For a banner you design yourself, load https://cdn.katla.app/YOUR-SITE-ID.js?headless=true instead: the guard and the API, no banner.
Comprueba que tu plan de Webflow incluye código personalizado en todo el sitioGuía del widget →
POR QUÉ A LOS SITIOS DE WEBFLOW LES CUESTA EL CONSENTIMIENTO
Un sitio de Webflow acumula cookies de todo lo que se le añade.
EL PROBLEMALas integraciones, los contenidos incrustados y las etiquetas de marketing de un sitio de Webflow escriben sus propias cookies, y la política de cookies es una plantilla que alguien adaptó una vez.
CON KATLAKatla escanea el sitio publicado como lo haría un visitante, lista cada cookie que encuentra con su proveedor y su finalidad, y redacta la política de cookies a partir de esa lista.
EL PROBLEMAUn banner de consentimiento que ignora tu sistema de diseño es el único elemento de la página al que no puedes dar estilo.
CON KATLACarga Katla en modo headless, diseña el banner como un elemento normal de Webflow y llama a KatlaConsent desde sus botones. La lógica de consentimiento, el bloqueador y los registros siguen siendo cosa de Katla.
EL PROBLEMAEl código de seguimiento del head se ejecuta en cuanto carga la página, antes de que ningún visitante haya elegido.
CON KATLAEl bloqueador de cookies rechaza las cookies de fuera de las categorías consentidas y borra las que se escribieron antes de que arrancara. Los scripts que añadas tú pueden esperar al consentimiento con data-katla-category.
CONFIGURACIÓN
Tres formas de instalarlo, y un asistente si lo quieres.
- Widget: pega un snippetCopia el snippet de Install → Widget en Katla y pégalo en Site settings → Custom code → Head code, en el head, para todas las páginas, antes de cualquier código de analítica.
- Tag Manager: nada que pegarSi tu sitio de Webflow ya carga un contenedor de Google Tag Manager, conecta Google en Katla y creará allí su propia etiqueta, en el activador Consent Initialization.
- Tu propio banner: headlessCarga Katla con el modo headless activado y diseña el banner en Webflow. Sus botones llaman a KatlaConsent.acceptAll(), rejectAll() o acceptCategories().
- O pídeselo a tu asistenteConecta Claude o ChatGPT al servidor MCP de Katla y añadirá el sitio, lo escaneará y te dará el snippet. Tú lo pegas en Webflow; después, el asistente comprueba en la página en vivo si hay cookies escritas antes del consentimiento.
HECHO PARA WEBFLOW
Lo que obtienes, lo instales como lo instales.
Consent Mode v2Los valores por defecto y las actualizaciones para GA4 y Google Ads salen del banner, así que no hay código de consentimiento de gtag que escribir ni que mantener sincronizado.
Escaneo de cookies con IACada cookie del sitio de Webflow publicado, clasificada por categoría y proveedor, con una descripción en cada idioma en el que publicas.
Una política que se mantiene al díaLa política de cookies se inserta en cualquier página con un snippet corto, se genera a partir del escaneo y se actualiza sola después de cada escaneo.
Una forma de volver a elegirUn icono flotante, o un enlace que llama a katla.open(), permite a los visitantes cambiar o retirar su elección desde cualquier página.
Global Privacy ControlLos visitantes cuyo navegador envía GPC quedan registrados como que rechazan, o como que ejercen el opt-out de la CCPA, antes de que el banner pregunte nada.
Alojado en la UEKatla funciona en la región eu-central-1 de AWS, en Fráncfort.
CORE WEB VITALS
Las galletas se desmoronan. Tu SEO, no.
Un banner de consentimiento es el primer script de terceros en cada página, y los sitios hechos con constructores ya cargan bastante script. El banner de Katla son 18 KB transferidos, servidos desde una CDN y en caché en el edge, y el modo headless son 4 KB.
Cómo funciona el modo headless →18 kBTransferidoBanner y tus datos de cookies, brotli
0 msLCP añadidoFrente a la misma página sin él
0Desplazamiento de diseñoEl banner no reserva espacio en el flujo
2PeticiónUn script, en caché en el edge
Mediciones propias, realizadas el : así se hicieron.
Lo que preguntan los equipos de Webflow
- ¿Hay una app de Katla para Webflow?
- No, y no hace falta. Katla funciona en Webflow como un snippet en el código del head de todo el sitio, desde un contenedor de Google Tag Manager, o en modo headless detrás de un banner que diseñes tú.
- ¿Katla bloquea las cookies que escribe el propio Webflow?
- El escaneo las lista. Las cookies que Webflow necesita para las sesiones y la seguridad son necesarias y se quedan. Cualquier cookie que el visitante no haya permitido se elimina cuando Katla arranca y se rechaza a partir de ahí, pero las cookies que escriben los servidores de Webflow, y no los scripts de la página, quedan fuera del alcance de cualquier script de banner.
- ¿Puede instalarlo mi asistente de IA?
- Todo menos pegarlo. Conectado al servidor MCP de Katla, Claude o ChatGPT añade el sitio, ejecuta el escaneo, te da el snippet y te dice dónde va en Webflow, y comprueba la página en vivo una vez que la hayas publicado.
- ¿Cómo conecto un banner diseñado en Webflow?
- Carga https://cdn.katla.app/YOUR-SITE-ID.js?headless=true en el código del head, muestra tu banner mientras KatlaConsent.hasConsent() sea false, y haz que sus botones llamen a KatlaConsent.acceptAll(), KatlaConsent.rejectAll() o KatlaConsent.acceptCategories() desde un pequeño script en el código personalizado de la página.
- ¿Qué plan de Webflow necesito?
- Uno que publique código personalizado en todo el sitio, así que comprueba que tu plan lo incluye. En el lado de Katla, el plan gratuito escanea el sitio y genera la política.
Escanea tu sitio de Webflow y añade un solo snippet.
El plan gratuito escanea tu sitio de Webflow y genera una política de cookies, sin tarjeta.