Add Velo
to Shopify.
Install the Velo cookie banner and Google Consent Mode v2 on Shopify with one line in theme.liquid. Most installs take a few minutes when you already have admin access to the site. If you run Google Tag Manager, that route is on this page too.
Instructions and image sources reviewed 23 September 2026.
Paste one line
into your theme.
Add your site’s snippet to the site-wide head, then publish and test the result. If your measurement tags already run through Google Tag Manager, use the route below.
Already using Google Tag Manager? Skip the code and do it there ↓
Three steps · about four minutes
-
01
Copy the line
Copy the complete installation snippet for this site from your Velo dashboard. The example below shows the format; replace your-site-id before using it. Keep the API endpoint supplied by your dashboard.
<script src="https://cdn.veloconsent.com/v1/velo.js" data-api="https://app.veloconsent.com" data-velo-site="your-site-id" async></script> -
02
Open layout/theme.liquid
Open Online Store → Themes, use the theme’s actions menu and choose Edit code. Open layout/theme.liquid and paste your complete Velo snippet inside the head, before your measurement scripts. Save the theme. This installs on the storefront; checkout needs its own supported integration.
Official documentation image, reviewed 23 September 2026 Shopify’s current theme editor. Open layout/theme.liquid and use the head of your storefront theme; checkout is a separate surface.
Shopify documentation ↗View full size ↗ -
03
Publish and check the live site
Save and publish the change using the platform steps above, then clear any site or CDN cache. Open the published URL in a fresh browser session. Check the banner where your region rules require it, test accepting and rejecting, and verify consent defaults and updates before your measurement tags run. Confirm the site appears as installed in your Velo dashboard.
Live interface capture · 23 September 2026 The real banner on veloconsent.com, captured on 23 September 2026. Your banner’s copy, layout and region settings may differ.
Velo live site ↗View full size ↗
Theme code runs on your storefront. It does not automatically install Velo in Shopify checkout or synchronize Shopify’s Customer Privacy API. Test the storefront and any checkout integration separately.
Still comparing options? Read why teams use Velo on Shopify, or see every supported platform.
Use Tag Manager?
Skip the code.
If Google Tag Manager is already on your site, this is the easiest way to add Velo. There’s no code to touch, it takes four short steps, and all your tags stay in one place.
- 01
Add Velo to Tag Manager
Open the Velo template, click Add to workspace, then pick your container.
Open the Velo template ↗ - 02
Paste your site ID
In Tag Manager, open Tags and click New. Click Tag Configuration, choose Velo CMP and paste your site ID. You’ll find it in your Velo dashboard. Leave everything else as it is.
- 03
Make it load first
Click Triggering, choose Consent Initialization – All Pages, then click Save. This lets Velo start before your other tags.
- 04
Publish and check it
Click Submit, then Publish. Preview alone doesn’t put Velo live. Then open your site in a private window, try the banner, and check that it shows as installed in your Velo dashboard.
Shopify questions,
answered.
What teams installing on Shopify ask first.
Do I need an app from the App Store?
No. Velo is one script tag in your theme, with no app permissions and no extra line on your Shopify bill. If you switch themes, copy the line into the new theme's theme.liquid.
What about the checkout?
Shopify’s checkout runs on Shopify’s own surface and does not execute theme code. Velo captures the decision on the storefront, where your marketing tags actually live, and the stored decision keeps applying as the visitor moves through the funnel.
I already use a consent app.
Remove or disable it before publishing Velo. Two banners on one store confuse visitors, and two tools setting Consent Mode defaults send Google conflicting signals. One consent layer, one source of truth.
Will it slow the site down?
The dashboard snippet loads asynchronously. As with any script, measure its effect on your site and check your tag order; asynchronous loading alone does not guarantee consent defaults run before other tags.
Can an AI assistant do this for me?
Yes. Copy the prompt in Install with agents, just below, into Claude, ChatGPT, Cursor or whichever assistant you already use. It carries the steps on this page, the order the tags have to load in, and the checks the agent has to run before it tells you the job is done.
Or hand it
to an agent.
Copy the prompt into Claude, ChatGPT, Cursor or whichever assistant you already use. It carries everything on this page: both routes, the order the tags have to load in, and the checks that prove it worked.
Paste this prompt into your assistant, then provide your site ID and the complete installation snippet or GTM settings from your Velo dashboard.
Working with an agent that reads the web? Point it at veloconsent.com/llms.txt and /install.md for the same context in plain text.
