Guia de instalação do Webflow

Adicione o Velo ao Webflow.

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

Começar Todos os guias de instalação

OndeCustom code → Head code

PlanoQualquer site plan pago do Webflow

Entra no arAo publicar

TempoCerca de três minutos

Cole uma linha
no Head code.

Uma linha no Webflow, 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 três 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

Abra Site settings → Custom code

No Designer, abra o menu do site no canto superior esquerdo → Site settings → a aba Custom code. Cole o trecho de código no campo Head code, que cabe folgado no limite de 10.000 caracteres do Webflow, e clique em Save. O código personalizado exige um site plan pago do Webflow e se aplica a todas as páginas; uma única página pode carregar o próprio head code nas configurações dela.

webflow.com · Site settings
03

Publique o site

O código personalizado só chega ao site na publicação: clique em Publish no canto superior direito, selecione seus domínios e recarregue o site publicado. O preview do Designer nunca roda código personalizado, então sempre confira a URL no ar (o domínio de staging webflow.io também serve). O banner renderiza e o padrão do Consent Mode está no lugar antes de qualquer outra tag poder disparar.

seu-site.com

Um ponto de atenção

O preview do Designer nunca roda código personalizado, então sempre confira a URL publicada — o domínio de staging webflow.io também serve para isso. O trecho de código cabe folgado no limite de 10.000 caracteres do Webflow.

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 no projeto? Cole o contêiner do GTM na mesma caixa Head code em Site settings, 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 Webflow,
respondidas.

O que os times que instalam no Webflow perguntam primeiro.

Isso funciona no plano gratuito?

Código personalizado, incluindo qualquer ferramenta de consentimento e o próprio Google Tag Manager, exige um site plan pago do Webflow. Quando o site tem um, qualquer um dos métodos desta página leva alguns minutos.

Dá para testar no domínio de staging webflow.io?

Sim. O Head code também é publicado no seu domínio de staging, então você pode acompanhar o banner e os padrões de consentimento lá antes de conectar o domínio de produção.

Eu já tenho um embed de CMP no meu projeto.

Remova o embed antigo antes de publicar o Velo. Dois banners confundem os visitantes, e duas ferramentas escrevendo padrões do Consent Mode mandam sinais conflitantes para o Google. O Velo assume o trabalho inteiro em uma tag.

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 · Webflow

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

Você está instalando o Velo, uma plataforma de gestão de consentimento, no meu
site Webflow. 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 Webflow, abra Site settings → Custom code (é preciso um
Site plan pago) e cole os trechos de head e de body do GTM em Head Code e
Footer Code, depois publique.

## 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 Webflow: Site settings → Custom code → o campo Head code → Save,
depois publique o site. O código personalizado exige um Site plan pago e se
aplica a todas as páginas; uma única página pode carregar o próprio head code
nas configurações dela.

## 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 já existe um
  embed de CMP no projeto, remova 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/webflow
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