Añade Velo
a PrestaShop.
Instala el banner de cookies de Velo y Google Consent Mode v2 en PrestaShop con una línea en la plantilla del head de tu tema. La mayoría de las instalaciones llevan unos minutos si ya tienes acceso de administrador a la web. Si usas Google Tag Manager, en esta página también tienes esa vía.
Instrucciones y fuentes de las imágenes revisadas el 3 de noviembre de 2026.
Pega una línea
en head.tpl.
Añade el fragmento de tu web al head de todas las páginas, publica y comprueba el resultado. Si tus etiquetas de medición ya van por Google Tag Manager, usa la vía de abajo.
¿Ya usas Google Tag Manager? Entonces ve por esa vía ↓
Tres pasos · unos cinco minutos
-
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
Edita la plantilla del head de tu tema
En un tema hijo de tu tema activo, copia templates/_partials/head.tpl del tema padre y pega el fragmento completo de Velo justo después del bloque head_charset, por encima del bloque hook_header, donde los módulos añaden sus etiquetas. Guarda y vacía la caché en Parámetros Avanzados → Rendimiento. También puedes editar el tema padre, pero una actualización del tema sobrescribe el cambio.
PrestaShop · plantilla del head del tema
{* In your child theme: templates/_partials/head.tpl, copied from the parent theme *} {block name='head_charset'} <meta charset="utf-8"> {/block} {* Paste the complete Velo snippet from your dashboard here. *} {* …the rest of the parent's head.tpl, unchanged… *} {block name='hook_header'} {$HOOK_HEADER nofilter} {/block}Referencia de configuración verificada · 3 de noviembre 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.
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 ↗
Si el banner no aparece después del cambio, casi siempre es por la caché: vacíala en Parámetros Avanzados → Rendimiento y fuerza la recarga. Luego comprueba que el tema hijo es el activo y que el fragmento está por encima del bloque hook_header, donde los módulos añaden sus propias etiquetas.
¿Sigues comparando opciones? Consulta todas las plataformas compatibles.
O añade la etiqueta
en Tag Manager.
¿Ya tienes un contenedor web de Google Tag Manager en esta web? Añade Velo desde la Community Template Gallery y configúralo ahí. Si antes tienes que instalar el contenedor, hazlo con la integración que ofrezca tu plataforma y compruébalo en la URL publicada.
- 01Añade la plantilla Velo CMPTemplates→Tag Templates→New→Search Gallery
- 02Crea la etiquetaTags→New→Velo CMP template
- 03Revisa las opciones avanzadasAdvanced→url_passthrough→ads_data_redaction
- 04Dispárala con Consent Initialization – All PagesTriggering→Consent Initialization – All Pages
- 05Activa la vista general del consentimientoAdmin→Container Settings→Enable consent overview
- 06Prueba en Preview y publicaPreview→Submit→Publish
Velo CMP · configuración de la etiqueta
- Velo site ID
- Copia del panel de Velo el ID exacto de tu web.
- Banner theme
- Light o Dark
- Velo API endpoint (optional)
- Usa el endpoint de la API que aparece en tus ajustes de instalación de Velo.
Nombres de campo cotejados con la plantilla Velo CMP publicada. Usa el ID y el endpoint de API de tu propia web.
Plantilla Velo CMP ↗Dudas sobre PrestaShop,
resueltas.
Lo primero que preguntan los equipos al instalar Velo en PrestaShop.
¿Para qué versión de PrestaShop sirve?
Los pasos sirven para PrestaShop 1.7, 8 y 9 con el tema Classic, Hummingbird o un tema basado en cualquiera de los dos, que guardan el head de la página en templates/_partials/head.tpl. Los temas de PrestaShop 1.6 lo guardan en otra plantilla, así que ahí lo más sencillo es la vía de Tag Manager.
Mi tienda ya muestra un banner de cookies de un módulo.
Desactiva ese módulo en Módulos → Gestor de módulos para que Velo sea la única capa de consentimiento activa. Dos banners confunden a los visitantes, y solo Velo conecta la decisión con Consent Mode y el registro de auditoría.
¿Por qué no se ve el banner después del cambio?
Casi siempre es por la caché: vacíala en Parámetros Avanzados → Rendimiento y fuerza la recarga. Si sigue sin aparecer, comprueba que el tema hijo es el tema activo y que su head.tpl está en templates/_partials/head.tpl, la misma ruta que en el tema padre.
¿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.
Del blog.
© 2026
