Cómo instalar el banner de cookies en Wix

En Wix no editas plantillas: el banner se añade con la función de código personalizado del panel. Hay tres cosas que debes saber antes. Exige un plan de pago. Hay que cargar jQuery aparte. Y Wix tiene su propio banner de cookies, que hay que apagar para no mostrar dos.

Antes de empezar

• Ten a mano el token de la web: lo ves en el panel, en la ficha de la web.
• Wix solo permite código personalizado si el sitio está publicado y tiene un dominio conectado. Para conectar un dominio necesitas un plan de pago de Wix. En un sitio gratuito no se puede instalar.
• Si cambias de dominio, Wix borra los fragmentos de código personalizado. Tendrías que volver a añadirlos.

Paso 1: apaga el banner de cookies de Wix

1. En el panel de control del sitio, ve a Privacidad y cookies.
2. Entra en Banner de consentimiento de cookies.
3. Desactiva el interruptor Mostrar banner.

Si alguna vez instalaste una app de avisos de cookies del App Market, elimínala también.

Paso 2: revisa las integraciones de marketing

Wix permite conectar Google Analytics, Google Tag Manager o el píxel de Meta desde Integraciones de marketing. Esas etiquetas las inserta Wix y siguen al banner de Wix, no al nuestro.

1. En el panel, ve a Integraciones de marketing.
2. Mira qué herramientas están conectadas y desconéctalas.
3. Si usas Google Tag Manager, pon el ID del contenedor en nuestro panel, como explica la guía de Google Tag Manager.

No pegues el código de Google Analytics o del píxel de Meta como código personalizado. Wix advierte de que esos códigos de seguimiento no funcionan por esa vía.

Paso 3: añade jQuery en el encabezado

El cargador del banner necesita jQuery con el atajo $. En Wix no tienes acceso a los archivos del servidor, así que lo práctico es cargarlo desde el CDN oficial de jQuery. Usa la rama 3.x: la 4.0 eliminó funciones antiguas que algunos scripts todavía usan.

1. Ve a Ajustes y, en la sección Desarrollo e integraciones, haz clic en Código personalizado.
2. Haz clic en + Agregar código personalizado.
3. Pega esta línea:

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

4. Ponle un nombre claro, como «jQuery para el banner».
5. Elige Todas las páginas y carga el código una vez por visita.
6. En la ubicación, elige Encabezado.
7. Deja el Tipo de código en Esencial, que es el valor por defecto.
8. Haz clic en Aplicar.

Paso 4: añade el fragmento del banner

1. Vuelve a Código personalizado y haz clic otra vez en + Agregar código personalizado.
2. Pega el fragmento y cambia TU_TOKEN por el token de la web:

<script>
document.addEventListener('DOMContentLoaded', function () {
  if (window.jQuery && typeof window.$ !== 'function') { window.$ = window.jQuery; }
  var s = document.createElement('script');
  s.async = true;
  s.id = 'cookies-token';
  s.src = 'https://cookies.sslcamaltec.com.es/cookies/cookie-loader.nojq.min.js?tokencookies=TU_TOKEN';
  document.body.appendChild(s);
});
</script>

3. Llámalo, por ejemplo, «Banner de cookies».
4. Elige Todas las páginas y carga el código una vez por visita.
5. En la ubicación, elige Cuerpo - final.
6. Deja el Tipo de código en Esencial. Por defecto, Wix carga el código esencial antes de cualquier consentimiento, y el banner tiene que cargarse siempre.
7. Haz clic en Aplicar.

Si jQuery no llega a cargarse a tiempo, hay una variante del cargador que ya lo incluye. Borra el código de jQuery del paso 3 y cambia cookie-loader.nojq.min.js por cookie-loader.js en la URL. Úsala solo si no hay otra forma: pesa unos 530 KB sin minificar.

Cómo comprobar que funciona

Haz las pruebas en el dominio publicado, no en el editor.

1. Abre el sitio en una ventana privada. El banner debe salir en la portada y en cualquier otra página, incluidas las legales.
2. Comprueba que no sale también el banner de Wix.
3. Antes de elegir, revisa las cookies y las peticiones en las herramientas de desarrollo. No debe haber _ga ni peticiones a google-analytics.com, googletagmanager.com o facebook.com.
4. Pulsa «Rechazar» y recarga. Sigue sin haber nada de analítica ni de publicidad.
5. Tras la primera elección debe aparecer el icono para reabrir la configuración.
6. Si quieres un informe, pide la auditoría gratuita.

Problemas frecuentes

Si el sitio usa Consent Mode, sigue con configurar Consent Mode. El resto de guías están en la ayuda.

Preguntas frecuentes

¿Puedo instalar el banner en un sitio de Wix gratuito?

No. El código personalizado exige un sitio publicado con dominio conectado, y para conectar un dominio Wix pide un plan de pago.

¿Qué categoría pongo al código del banner en Wix?

Déjalo como Esencial, que es la categoría por defecto. Así se carga siempre, antes de cualquier consentimiento, que es lo que necesita el banner.

¿Qué pasa con Google Analytics conectado desde Integraciones de marketing?

Esas integraciones las inserta Wix y siguen al banner de Wix, no al nuestro. Desconéctalas y gestiona las etiquetas desde el banner, con Google Tag Manager si lo usas.

Fuentes

1. Insertar código personalizado en tu sitio (Centro de Ayuda de Wix)
2. Categorizar tu código personalizado (Centro de Ayuda de Wix)
3. Mostrar un banner de cookies (Centro de Ayuda de Wix)
4. Conectar Google Tag Manager a tu sitio de Wix (Centro de Ayuda de Wix)
5. Comprar un dominio o comprar un plan (Centro de Ayuda de Wix)
6. Versiones de jQuery (jQuery CDN)