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 running Google Tag Manager? Take that route instead ↓
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.
Or add the tag
in Tag Manager.
Already have a Google Tag Manager web container on this site? Add Velo from the Community Template Gallery and configure it there. If you need to install the container first, use your platform’s supported integration and check it on the published URL.
- 01Add the Velo CMP templateTemplates→Tag Templates→New→Search Gallery
- 02Create the tagTags→New→Velo CMP template
- 03Review the advanced optionsAdvanced→url_passthrough→ads_data_redaction
- 04Fire it on Consent Initialization – All PagesTriggering→Consent Initialization – All Pages
- 05Enable the consent overviewAdmin→Container Settings→Enable consent overview
- 06Preview, then publishPreview→Submit→Publish
Velo CMP · tag configuration
- Velo site ID
- Copy the exact site ID from your Velo dashboard.
- Banner theme
- Light or Dark
- Velo API endpoint (optional)
- Use the API endpoint shown in your Velo installation settings.
Field names checked against the published Velo CMP template. Use your own site ID and API endpoint.
Velo CMP template ↗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.
From the journal.
Website privacy, in one place.
Scan your site →