Guia de instalação do Shopify

Adicione o Velo ao Shopify.

Instale o banner de cookies do Velo e o Google Consent Mode v2 no Shopify em minutos. Uma linha no theme.liquid resolve. Se você já usa Google Tag Manager, esse caminho também está nesta página.

Começar Todos os guias de instalação

OndeThemes → Edit code

PlanoQualquer plano, sem app

Entra no arAo salvar

TempoCerca de quatro minutos

Cole uma linha
no seu tema.

Uma linha no Shopify, e o banner está em todas as páginas com o padrão do Consent Mode definido antes de qualquer outra tag poder disparar. Mesmo banner, mesma ligação e o mesmo registro de auditoria do caminho pelo Tag Manager.

Já usa o Google Tag Manager? Vá por esse caminho ↓

Três passos · cerca de quatro minutos

01

Copie a linha

Uma tag de script, igual em todas as páginas do site. Tudo abaixo é sobre colocá-la no lugar certo, e esse lugar é sempre o head, antes das tags que ela governa.

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

Edite o theme.liquid

No seu admin do Shopify, abra Online Store → Themes → ⋯ → Edit code e selecione layout/theme.liquid. Cole o trecho de código logo depois da tag <head> de abertura, acima dos seus scripts de marketing, e salve.

admin.shopify.com · Edit code
03

Recarregue a storefront

O banner fica no ar no próximo carregamento de página. A decisão do visitante é guardada no seu próprio domínio e o Consent Mode a carrega pela sessão inteira, então toda tag da storefront a respeita desde o primeiro pageview.

seu-site.com

Um ponto de atenção

O checkout do Shopify roda na superfície do próprio Shopify e não executa código do tema. O Velo captura a decisão na storefront, onde as suas tags de marketing de fato vivem, e essa decisão guardada continua valendo conforme o visitante avança no funil.

Recomendado se você já usa um contêiner

Ou importe a tag
no Tag Manager.

Uma tag, sem código na página, e toda a sua stack de medição fica em um lugar só. Ainda sem Tag Manager na loja? Cole o contêiner do GTM no theme.liquid logo depois da tag <head> de abertura, publique, e então comece por aqui.

01Importe o template do Velo CMPTemplates→Tag Templates→New→Import
02Crie a tagTags→New→Velo CMP template
03Marque as duas opções de recuperaçãoAdvanced→url_passthrough→ads_data_redaction
04Dispare em Consent Initialization – All PagesTriggering→Consent Initialization – All Pages
05Ative a visão geral de consentimento em AdminAdmin→Container Settings→Enable consent overview
06Faça o preview e publiquePreview→Submit→Publish

Uma nova tag no Google Tag Manager usando o template Velo Consent Banner, com o ID do site preenchido

O guia do Tag Manager, tela por tela Seis telas, cerca de dez minutos, igual em qualquer plataforma.

Perguntas sobre o Shopify,
respondidas.

O que os times que instalam no Shopify perguntam primeiro.

Preciso de um app da App Store?

Não. O Velo é uma tag de script no seu tema, sem permissões de app, sem linha extra na sua fatura do Shopify, e sem nada que quebre quando você troca de tema. Copie a linha para o novo e pronto.

E o checkout?

O checkout do Shopify roda na superfície do próprio Shopify e não executa código do tema. O Velo captura a decisão na storefront, onde as suas tags de marketing de fato vivem, e a decisão guardada continua valendo conforme o visitante avança no funil.

Eu já uso um app de consentimento.

Remova ou desative antes de publicar o Velo. Dois banners em uma loja confundem os visitantes, e duas ferramentas definindo padrões do Consent Mode mandam sinais conflitantes para o Google. Uma camada de consentimento, uma fonte de verdade.

Isso deixa o site mais lento?

Não. O script carrega com defer, nunca bloqueia a renderização, e a região do visitante é resolvida na borda mais próxima antes de a página terminar de pintar. O banner em si são alguns kilobytes de código estático.

Um assistente de IA pode fazer isso por mim?

Sim. Copie o prompt em Instalar com agentes, logo abaixo, no Claude, ChatGPT, Cursor ou no assistente que você já usa. Ele carrega os passos desta página, a ordem em que as tags precisam carregar e as verificações que o agente tem que rodar antes de dizer que terminou.

Ou entregue
para um agente.

Copie o prompt no Claude, ChatGPT, Cursor ou no assistente que você já usa. Ele carrega tudo o que está nesta página: os dois caminhos, a ordem em que as tags precisam carregar e as verificações que provam que deu certo.

O prompt

Cole como sua primeira mensagem e troque your-site-id pelo ID que está no seu painel do Velo. Todo o resto de que o agente precisa já está escrito ali, inclusive o que verificar antes de publicar.

Prompt de instalação · Shopify

# Instale o Velo no Shopify: banner de cookies + Google Consent Mode v2

Você está instalando o Velo, uma plataforma de gestão de consentimento, no meu
site Shopify. O Velo mostra o banner de cookies, define os padrões do Google
Consent Mode v2 antes de qualquer outra tag poder disparar, e registra cada
decisão.

Me peça o seguinte antes de mexer em qualquer coisa:

- O id do meu site Velo. Ele está no painel do Velo. Ainda sem conta? Me mande
  para https://veloconsent.com/get-started e espere o id.
- Se o site já usa Google Tag Manager, e qual contêiner.
- Qual banner de cookies ou ferramenta de consentimento está no ar hoje.

## Caminho A: pelo Google Tag Manager (preferido quando o GTM já está no ar)

1. Templates → Tag Templates → New, depois ⋮ → Import. Importe o
   template.tpl de github.com/ampliodata/velo-cmp ("Velo CMP").
2. Crie uma tag a partir desse template. Defina o id do meu site Velo e escolha
   o tema claro ou escuro.
3. Dispare no gatilho "Consent Initialization – All Pages". Não
   Initialization, não All Pages. Os dois rodam tarde demais para definir os
   padrões de consentimento.
4. Preview, confira a aba Consent no Tag Assistant, depois Submit e
   Publish.

Ainda sem contêiner? No Shopify, cole os trechos do contêiner no
theme.liquid em Online Store → Themes → Edit code, ou instale um app de GTM da
Shopify App Store.

## Caminho B: o trecho de código, direto no site

Ponha esta linha no <head>, acima de toda tag de análise e de publicidade:

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

No Shopify: Online Store → Themes → ⋯ → Edit code → layout/theme.liquid.
Cole logo depois da tag <head> de abertura, acima dos scripts de marketing,
e salve.

## Regras

- Um caminho, nunca os dois. Duas instalações significam dois banners.
- O Velo carrega primeiro. Tudo que mede ou anuncia vem depois.
- Só uma ferramenta pode definir os padrões do Consent Mode. Se um app de
  consentimento estiver instalado, remova ou desative antes de publicar o Velo.
  Também não deixe nenhum gtag('consent', 'default', ...)
  escrito à mão em nenhum outro lugar.
- Não mude nada além do que esta instalação exige. Me avise antes se um arquivo
  de tema, plugin ou tag existente tiver que ser tocado.

## Verifique, depois me reporte

- O banner renderiza em um carregamento novo em uma janela anônima.
- Antes de eu escolher, todo sinal de consentimento exceto security_storage
  está negado a partir de uma localização do EEE, do Reino Unido ou da Suíça.
- Aceitar e recusar invertem cada um os sinais correspondentes, e um evento
  velo_consent_update chega à camada de dados.
- As tags do Google ficam no modo sem cookies até o consentimento ser
  concedido, e qualquer tag controlada à mão só dispara depois disso.
- window.Velo está definido, e Velo.open() reabre o painel de preferências.
- Em uma instalação por Tag Manager, o Tag Assistant mostra a tag do Velo
  disparando em Consent Initialization antes de qualquer outra tag.

Me diga o que você mudou, onde mudou, e o que cada verificação mostrou. Se uma
verificação falhar, corrija e rode as verificações de novo.

Guia completo: https://veloconsent.com/pt/shopify
Mais contexto para agentes: https://veloconsent.com/llms.txt

Trabalhando com um agente que lê a web? Aponte ele para veloconsent.com/llms.txt e /install.md para o mesmo contexto em texto puro.

Do diário.

Requisitos do GDPR para banners de cookies em 2026, e a verificação que prova cada um O que um banner de cookies precisa fazer sob o GDPR em 2026, cada item ao lado da verificação no navegador que prova que o seu banner realmente faz. 29 de julho de 2026

Como verificar se o seu banner de cookies está enviando o sinal do Consent Mode v2 Duas leituras resolvem: os quatro sinais de consentimento dentro do navegador e o estado que de fato chegou ao Google na requisição. 26 de julho de 2026

Você ainda precisa de banner de cookies com marcação do lado do servidor Precisa. 24 de julho de 2026

Todos os artigos