Integraciones

Consentimiento de cookies para Webflow

Webflow te deja añadir código al <head> de todas las páginas desde los ajustes del sitio. Es todo lo que necesita el banner. La analítica que añadas de la misma forma puede quedar retenida hasta que el visitante acepte.

Configúralo con tu agente de IA

Conecta el servidor MCP de Croombit a tu editor o agente de código y pega esto. Crea el sitio, las categorías de cookies y el banner, y edita tu código.

Con Croombit: crea un sitio para este proyecto con las categorías de cookies Analítica (ANALYTICS) y Publicidad (MARKETING), desactivadas por defecto, publícalas y publica el banner. Crea una clave publicable de TEST para localhost:3000. Usamos Webflow: dame los fragmentos exactos para pegar en Site settings → Custom code → Head code, con nuestras etiquetas de analítica ya en type="text/plain" y data-tc-consent.

El agente trabaja en TEST. Pasar a LIVE son dos pasos en la consola: verificar tu dominio y cambiar a una clave LIVE; consulta pasar a LIVE.

O a mano

1. Site settings → Custom code → Head code

Pega la etiqueta al principio de Head code, publica, y estará en todas las páginas.

<script src="https://croombit.com/cmp.js"
        data-tc-api-key="pk_live_…"></script>

2. Añade también la analítica desde Custom code

Las integraciones propias de Webflow insertan sus etiquetas a su manera. Para retener Google Analytics hasta el consentimiento, quita su ID de Integrations y pega el fragmento etiquetado bajo el banner:

<script type="text/plain" data-tc-consent="analytics" async
        src="https://www.googletagmanager.com/gtag/js?id=G-XXXX"></script>
<script type="text/plain" data-tc-consent="analytics">
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXX');
</script>

3. Lista de cookies y enlace de ajustes

Añade un elemento Embed en tu página de política de cookies, y otro en el símbolo del pie:

<div data-tc-cookie-declaration></div>
<a href="#" data-tc-open-preferences>Configurar cookies</a>

Preguntas

¿Qué plan de Webflow necesito?

Uno que permita código personalizado en los ajustes del sitio. El código personalizado solo se ejecuta en el sitio publicado, no en el Designer.

¿Funciona con el dominio de staging de Webflow?

Sí, con una clave de TEST cuya lista de orígenes incluya tu dominio webflow.io. Cambia a la clave LIVE en tu dominio verificado.