Análisis gratuito Sobre Velo Soporte Contacto
Empezar con Velo

¿Ya tienes cuenta? Iniciar sesión

Guía de instalación para Shopify

Añade Velo
a Shopify.

Instala el banner de cookies de Velo y Google Consent Mode v2 en Shopify en pocos minutos. Basta con una línea en theme.liquid. Si ya usas Google Tag Manager, en esta página también tienes esa vía.

Instrucciones y fuentes de las imágenes revisadas el 23 de septiembre de 2026.

DóndeThemes → Edit code → layout/theme.liquid
PlanAcceso al código del tema
Se activaAl guardar
TiempoUnos cuatro minutos

Pega una línea
en tu tema.

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 cuatro minutos

  1. 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>
  2. 02

    Abre layout/theme.liquid

    Ve a Online Store → Themes, abre el menú de acciones del tema y elige Edit code. Abre layout/theme.liquid y pega el fragmento completo de Velo dentro del head, antes de tus scripts de medición. Guarda el tema. Así queda instalado en la tienda; el checkout necesita su propia integración compatible.

    Shopify: editor de código del tema
    Imagen de la documentación oficial, revisada el 23 de septiembre de 2026

    El editor de temas actual de Shopify. Abre layout/theme.liquid y usa el head del tema de tu tienda; el checkout va aparte.

    Documentación de Shopify ↗Ver a tamaño completo ↗
  3. 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.

    Velo · banner de consentimiento real
    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 ↗
Ojo con esto

El código del tema se ejecuta en la tienda. No instala Velo automáticamente en el checkout de Shopify ni sincroniza la Customer Privacy API de Shopify. Prueba por separado la tienda y cualquier integración del checkout.

Recomendado si ya usas un contenedor

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.

  1. 01Añade la plantilla Velo CMPTemplates→Tag Templates→New→Search Gallery
  2. 02Crea la etiquetaTags→New→Velo CMP template
  3. 03Revisa las opciones avanzadasAdvanced→url_passthrough→ads_data_redaction
  4. 04Dispárala con Consent Initialization – All PagesTriggering→Consent Initialization – All Pages
  5. 05Activa la vista general del consentimientoAdmin→Container Settings→Enable consent overview
  6. 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.
Campos de la plantilla verificados · 23 de septiembre de 2026

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 ↗
La guía completa de Tag Manager Seis pasos y unos diez minutos. Igual en todas las plataformas.

Dudas sobre Shopify,
resueltas.

Lo primero que nos preguntan los equipos que instalan Velo en Shopify.

¿Necesito una app de la App Store?

No. Velo es una etiqueta de script en tu tema: sin permisos de app, sin una línea más en la factura de Shopify y sin nada que se rompa al cambiar de tema. Pasa la línea al tema nuevo y listo.

¿Y el checkout?

El checkout de Shopify funciona en un entorno propio de Shopify y no ejecuta el código del tema. Velo recoge la decisión en la tienda, que es donde viven de verdad tus etiquetas de marketing, y esa decisión guardada se sigue aplicando mientras el visitante avanza por el embudo.

Ya uso una app de consentimiento.

Quítala o desactívala antes de publicar Velo. Dos banners en la misma tienda confunden a los visitantes, y si dos herramientas fijan los valores por defecto de Consent Mode, Google recibe señales contradictorias. Una sola capa de consentimiento, una sola fuente de verdad.

¿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.

El prompt

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.

Prompt de instalación · Shopify
Instala Velo en Shopify. Guía actual: https://veloconsent.com/shopify Antes de tocar nada, consigue en el panel de Velo el ID de mi web y el fragmento de instalación completo o los ajustes de GTM. Comprueba qué herramienta de consentimiento y qué etiquetas de medición hay ya en la web. Elige una sola vía de instalación: A. Si la web ya usa Google Tag Manager, añade la plantilla Velo CMP (publicada por ampliodata) desde la Community Template Gallery. Configura el ID de mi web, el tema y el endpoint de la API que aparecen en el panel. Revisa las opciones avanzadas: las dos vienen desactivadas por defecto. Usa el activador Consent Initialization – All Pages; después abre Preview y comprueba el consentimiento antes de publicar. Pasos completos: https://veloconsent.com/google-tag-manager B. Instalación directa: ve a Online Store → Themes, abre el menú de acciones del tema y elige Edit code. Abre layout/theme.liquid y pega el fragmento completo de Velo dentro del head, antes de los scripts de medición. Guarda el tema. Así queda instalado en la tienda; el checkout necesita su propia integración compatible. No toques el código que no tenga que ver con esto. No instales Velo dos veces ni dejes valores de consentimiento por defecto que compitan entre sí. No des por hecho que ponerlo en el head o cargarlo con async baste para garantizar el orden de las etiquetas. Revisa la web publicada en una sesión nueva. Comprueba que el banner respeta las reglas por región configuradas y revisa los valores iniciales de consentimiento, qué cambia al aceptar y al rechazar, y el evento velo_consent_update. Comprueba que las etiquetas que no son de Google respetan la categoría que tienen asignada. Prueba también una segunda página y cualquier checkout que vaya por separado. Confirma que las señales llegan al panel de Velo. Cuéntame qué has cambiado, dónde y qué ha dado cada comprobación. Dime también si te ha faltado algún acceso o qué comprobaciones no has podido hacer.

¿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.

Cómo configurar Google Consent Mode v2 en Shopify Pon los valores por defecto en denied por encima del contenedor y, con el mismo clic, escribe la elección del visitante tanto en Google Consent Mode como en la Customer Privacy API de Shopify. 2 de septiembre de 2026
Google Consent Mode en Squarespace: lo que la plataforma te da y lo que no El banner nativo de Squarespace bloquea las cookies de analítica, pero no envía señales de Consent Mode. 16 de agosto de 2026
Qué es el modelado del consentimiento y cuándo lo activa Google de verdad El modelado del consentimiento estima lo que hicieron los visitantes que no dieron su consentimiento. 11 de agosto de 2026