Pular para o conteúdo
Abra seu espaço de trabalho
Ver tópicos de ajuda
Banner e estilo

Deixe o seu banner com a cara do site.

Edite as cores, o layout, os textos e o botão de privacidade do seu site e depois confira o resultado em uma página real.

3 min de leituraRevisado em 23 de setembro de 2026

Comece pelo site certo

Abra Banner no seu workspace e selecione o site que você quer alterar. Confira o nome do site antes de editar. Se você estiver vendo All sites e os controles estiverem desativados, selecione um site específico.

O editor divide as configurações em Appearance, Content & languages, Preferences e Privacy button. Use a prévia enquanto edita e depois salve e teste o site publicado.

Defina cores e posição

  1. Em Appearance, comece por um tema predefinido ou ajuste Button colour, Background e Text colour.
  2. Escolha uma Position: barra de largura total, canto ou modal centralizado. Use o controle de posicionamento onde ele estiver disponível.
  3. Ajuste Banner corners para combinar com o resto do seu site.
  4. Em um plano pago elegível, use Upload logo para adicionar um PNG, JPG ou WebP de até 1 MB.

Mantenha textos e controles fáceis de distinguir do fundo. Revise qualquer aviso de contraste no editor e confira o banner tanto sobre áreas claras quanto escuras do seu site.

Pensado para a escolha.

Mantenha fáceis de encontrar os caminhos para aceitar, recusar e abrir as preferências. Confira se um widget de chat, um botão de checkout fixo ou a navegação no celular não cobrem o banner.

Escreva textos claros em cada idioma

Abra Content & languages, ative os idiomas de que o seu site precisa e selecione o Editing language. Revise o título e a mensagem de cada idioma ativado, incluindo o texto de fallback mostrado no editor.

Descreva o uso real que você faz de cookies e tecnologias semelhantes. Explique o que é opcional e onde os visitantes podem mudar a escolha. Evite dar a entender que o consentimento é obrigatório quando não é.

Um ponto de partida para a sua mensagem

“Usamos cookies para medir como o nosso site é usado e apoiar a nossa publicidade. Você pode aceitar, recusar ou escolher quais cookies opcionais permitir. Você pode mudar a sua escolha nas configurações de privacidade.”

Adapte esse texto às tecnologias do seu site. Em Preferences, confira se as descrições das categorias batem com a sua implementação; mudar o texto, por si só, não reclassifica nem bloqueia scripts.

Deixe as configurações de privacidade ao alcance

Use a aba Privacy button para revisar o controle que os visitantes usam depois da primeira escolha. Coloque-o onde continue visível sem cobrir conteúdo importante.

Se você substituir o botão nativo por um link próprio, a sua implementação pode chamar window.Velo.openPreferences() depois que o SDK tiver carregado. Ofereça essa alternativa funcionando antes de desativar o controle nativo.

  • O controle aparece em todas as páginas relevantes.
  • Quem usa teclado consegue chegar até ele e acioná-lo.
  • Ele abre as preferências tanto depois de aceitar quanto depois de recusar.
  • Salvar uma escolha alterada atualiza as tags.

Salve e verifique as alterações

Clique em Save changes e espere a confirmação de que foi salvo. Abra o site publicado em uma sessão nova e revise o layout no computador e no celular. Confira mensagens traduzidas longas, links, botões e a camada de preferências.

Salvei, mas o banner no ar continua com o visual antigo.

Confira se você editou o ID do site usado pelo trecho de código publicado. Recarregue o site, veja se há uma configuração em cache e verifique se atributos de instalação inline estão sobrescrevendo as suas configurações. Uma segunda instalação do Velo também pode fazer aparecer o banner errado.

A opção de logo ou outra configuração não está disponível.

Confira o seu plano e as permissões do workspace. Logos personalizados exigem um plano pago. Se o uso passou da sua franquia, a edição pode ficar pausada enquanto o banner que já está no ar continua funcionando. Veja limites de uso.

A prévia está certa, mas o banner fica por cima do meu site.

Teste na página real, com o chat, a navegação fixa e os controles de checkout. Mude a posição, salve e repita a verificação no celular. A prévia do editor não tem como levar em conta todos os elementos do seu site.