Guía de instalación de Shopify

Añade Velo a Shopify.

Instala el banner de cookies de Velo y Google Consent Mode v2 en Shopify en minutos. Con una línea en theme.liquid basta. Si ya usas Google Tag Manager, esa ruta también está en esta página.

Empezar Todas las guías de instalación

DóndeThemes → Edit code

PlanCualquier plan, sin app

Se activaAl guardar

TiempoUnos cuatro minutos

Pega una línea
en tu tema.

Una línea en Shopify y el banner está en todas las páginas, con el valor por defecto de Consent Mode puesto antes de que pueda dispararse ninguna otra etiqueta. El mismo banner, el mismo cableado y el mismo registro de auditoría que por la ruta de Tag Manager.

¿Ya usas Google Tag Manager? Mejor sigue esa ruta ↓

Tres pasos · unos cuatro minutos

01

Copia la línea

Una etiqueta de script, la misma en todas las páginas del sitio. Todo lo que viene ahora va de ponerla en el sitio correcto, y ese sitio es siempre el head, por delante de las etiquetas que gobierna.

 <script src="https://veloconsent.com/v1/velo.js" data-velo-site="your-site-id" defer></script>
02

Edita theme.liquid

En tu admin de Shopify, abre Online Store → Themes → ⋯ → Edit code y selecciona layout/theme.liquid. Pega el fragmento justo después de la etiqueta <head> de apertura, por encima de tus scripts de marketing, y guarda.

admin.shopify.com · Edit code
03

Recarga la tienda

El banner está activo en la siguiente carga de página. La decisión de quien visita se guarda en tu propio dominio y Consent Mode la lleva durante toda la sesión, así que todas las etiquetas de la tienda la respetan desde la primera vista de página.

tu-sitio.com

Un detalle a vigilar

El checkout de Shopify corre en la propia superficie de Shopify y no ejecuta el código del tema. Velo captura 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 la persona avanza por el embudo.

Recomendado si ya tienes un contenedor

O importa la etiqueta
en Tag Manager.

Una etiqueta, nada de código en la página, y todo tu stack de medición se queda en un mismo sitio. ¿Aún no hay Tag Manager en la tienda? Pega el contenedor de GTM en theme.liquid justo después de la etiqueta <head> de apertura, publica y empieza por aquí.

01Importa la plantilla CMP de VeloTemplates→Tag Templates→New→Import
02Crea la etiquetaTags→New→Velo CMP template
03Marca las dos opciones de recuperaciónAdvanced→url_passthrough→ads_data_redaction
04Dispárala en Consent Initialization – All PagesTriggering→Consent Initialization – All Pages
05Activa la vista general de consentimiento en AdminAdmin→Container Settings→Enable consent overview
06Previsualiza y publicaPreview→Submit→Publish

Una etiqueta nueva en Google Tag Manager con la plantilla Velo Consent Banner y el ID del sitio rellenado

La guía de Tag Manager, pantalla a pantalla Seis pantallas, unos diez minutos, igual en todas las plataformas.

Y verifícalo
con tráfico real.

Vayas por donde vayas, la consola de Velo espera la primera señal real de tu sitio de Shopify — el banner cargando o una decisión registrada — y pasa a instalado en cuanto llega una.

El banner de consentimiento de Velo en un sitio real, con las opciones Rechazar, Preferencias y Aceptar todo

El banner apareceEn una carga limpia de la página, el banner se muestra antes de que nada más pida datos.

Todo empieza denegadoDesde el EEE, el Reino Unido o Suiza, todas las señales de consentimiento arrancan denegadas hasta que la persona elige.

Cada elección cambia las señalesAceptar o rechazar cambia la actualización de consentimiento correspondiente, y la decisión queda en el registro de auditoría.

Lanza el análisis gratuito cuando ya estés en producción y leerá el resultado como si fuera la primera visita.

Preguntas sobre Shopify,
respondidas.

Lo que primero preguntan los equipos que instalan 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 extra en tu factura de Shopify y sin nada que se rompa al cambiar de tema. Copia la línea al tema nuevo y listo.

¿Y el checkout?

El checkout de Shopify corre en la propia superficie de Shopify y no ejecuta el código del tema. Velo captura la decisión en la tienda, que es donde viven de verdad tus etiquetas de marketing, y la decisión guardada se sigue aplicando mientras la persona avanza por el embudo.

Ya uso una app de consentimiento.

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

¿Ralentizará el sitio?

No. El script carga en diferido, nunca bloquea el renderizado, y la región de quien visita se resuelve en el nodo más cercano antes de que la página termine de pintarse. El banner en sí son unos pocos kilobytes de código estático.

¿Puede hacerlo por mí un asistente de IA?

Sí. Copia el prompt de Instalar con agentes, justo debajo, en Claude, ChatGPT, Cursor o el asistente que ya uses. Lleva dentro los pasos de esta página, el orden en el que tienen que cargar las etiquetas y las comprobaciones que el agente tiene que hacer antes de decirte que ha terminado.

O pásaselo
a un agente.

Copia el prompt en Claude, ChatGPT, Cursor o el asistente que ya uses. Lleva dentro todo lo de esta página: las dos rutas, el orden en el que tienen que cargar las etiquetas y las comprobaciones que demuestran que ha funcionado.

El prompt

Pégalo como primer mensaje y luego cambia your-site-id por el ID de tu panel de Velo. Todo lo demás que el agente necesita ya está escrito dentro, incluido qué comprobar antes de publicar.

Prompt de instalación · Shopify

# Instalar Velo en Shopify: banner de cookies + Google Consent Mode v2

Vas a instalar Velo, una plataforma de gestión del consentimiento, en mi
sitio de Shopify. Velo muestra el banner de cookies, fija los valores por
defecto de Google Consent Mode v2 antes de que pueda dispararse ninguna
otra etiqueta y registra cada decisión.

Pregúntame esto antes de tocar nada:

- Mi site id de Velo. Está en el panel de Velo. ¿Aún no tengo cuenta?
  Mándame a https://veloconsent.com/get-started y espera al id.
- Si el sitio ya usa Google Tag Manager, y qué contenedor.
- Qué banner de cookies o herramienta de consentimiento hay hoy en el
  sitio.

## Ruta A: con Google Tag Manager (preferida si GTM ya está activo)

1. Templates → Tag Templates → New, y luego ⋮ → Import. Importa el
   template.tpl de github.com/ampliodata/velo-cmp ("Velo CMP").
2. Crea una etiqueta a partir de esa plantilla. Pon mi site id de Velo y
   elige el tema claro u oscuro.
3. Dispárala con el activador "Consent Initialization – All Pages".
   No con Initialization, ni con All Pages. Los dos llegan tarde para
   fijar los valores de consentimiento por defecto.
4. Previsualiza, mira la pestaña Consent en Tag Assistant y luego Submit
   y Publish.

¿Todavía no hay contenedor? En Shopify, pega los fragmentos del
contenedor en theme.liquid, en Online Store → Themes → Edit code, o
instala una app de GTM desde la Shopify App Store.

## Ruta B: el fragmento, directo en el sitio

Pon esta línea en el <head>, por encima de cada etiqueta de analítica
y de publicidad:

  <script src="https://veloconsent.com/v1/velo.js"
    data-velo-site="MY_SITE_ID" defer></script>

En Shopify: Online Store → Themes → ⋯ → Edit code →
layout/theme.liquid. Pégala justo después de la etiqueta <head> de
apertura, por encima de los scripts de marketing, y guarda.

## Reglas

- Una ruta, nunca las dos. Dos instalaciones significan dos banners.
- Velo carga primero. Todo lo que mide o anuncia va después.
- Solo una herramienta puede fijar los valores por defecto de Consent
  Mode. Si hay instalada una app de consentimiento, quítala o
  desactívala antes de publicar Velo. Y no dejes escrito a mano ningún
  gtag('consent', 'default', ...) en ningún otro sitio.
- No cambies nada más allá de lo que pide esta instalación. Dime antes si
  hay que tocar un archivo del tema, un plugin o una etiqueta existente.

## Verifica y luego infórmame

- El banner aparece en una carga limpia en una ventana privada.
- Antes de que yo elija, todas las señales de consentimiento salvo
  security_storage están denegadas desde el EEE, el Reino Unido o Suiza.
- Aceptar y rechazar cambian cada uno las señales correspondientes, y un
  evento velo_consent_update llega al data layer.
- Las etiquetas de Google siguen en su modo sin cookies hasta que se
  concede el consentimiento, y cualquier etiqueta bloqueada a mano se
  dispara solo después.
- window.Velo está definido y Velo.open() vuelve a abrir el panel de
  preferencias.
- En una instalación con Tag Manager, Tag Assistant muestra la etiqueta
  de Velo disparándose en Consent Initialization antes que cualquier otra.

Dime qué cambiaste, dónde lo cambiaste y qué mostró cada comprobación. Si
una comprobación falla, arréglalo y vuelve a pasar las comprobaciones.

Guía completa: https://veloconsent.com/shopify
Más contexto para agentes: https://veloconsent.com/llms.txt

¿Trabajas con un agente que lee la web? Apúntalo a veloconsent.com/llms.txt y a /install.md para el mismo contexto en texto plano.

Del diario.

Requisitos del banner de cookies del RGPD en 2026, y la comprobación que confirma cada uno Lo que un banner de cookies tiene que cumplir bajo el RGPD en 2026, cada punto con la comprobación en el navegador que demuestra que tu banner lo cumple de verdad. 29 de julio de 2026

Cómo comprobar que tu banner de cookies envía la señal de Consent Mode v2 Dos lecturas lo resuelven: las cuatro señales de consentimiento dentro del navegador y el estado que llegó realmente a Google en la petición. 26 de julio de 2026

¿Sigues necesitando un banner de cookies con etiquetado del lado del servidor? Sí. 24 de julio de 2026

Todos los artículos