Dicas de Front End e Layout do aviso de cookies da AdOpt no seu site.

O Adopt procura se adaptar da melhor maneira possível ao seu website.

O cliente opta pela seleção de cores, comportamentos e nós puxamos a mesma fonte do site para o aviso. Mas, ainda assim algumas divergências podem aparecer no seu site.

Abaixo algumas dicas do que temos trabalhado, e a maneira como investigamos esses pontos.

**## Problemas de layout **

CSS é uma linguagem muito flexível é comum que a aparência do aviso seja sobrescrita por alguma regra do tema do seu site. Para evitar isso sugerimos algumas boas práticas:

• Evitar colocar regras com !important no seu css.

• Tome cuidado com o escopo do das regras. Procure sempre que possível, escopar as regras a uma class ou id. Especialmente para elementos mais próximos a raiz do elemento body.

• Se puder, evite temas prontos.

## Solucionando Problemas Comuns

• Se aparecer mais de um aviso um em cima do outro, cheque se você não adicionou a tag mais de uma vez (ex. adicionou e no código html e também no GTM).

• Se o estilo aparece bagunçado (seja tamanho, espaçamento ou fontes), observe os pontos acima de Problema de Layout:

• Se o design do seu site foi feito em casa, contate o designer ou desenvolvedor front-end para solicitar a retirada das regras que estejam interferindo com o aviso.

• Se seu site possui tema pronto mas que permite customizações peça a um desenvolvedor front-end colocar instruções CSS que resolvam o conflito nessa área.

• Algumas plataformas de e-commerce também podem ter essas situações, a mesma revisão serve também para elas.

## Solicitando suporte

Se apesar de tentar as dicas acima você não conseguiu resolver entre em contato com nosso suporte. Algumas informações que nos ajudam a detectar o problema:

• Seu site utiliza algum CMS (ex. Wordpress), está usando algum tema comercial?
• Seu site está hospedado em alguma plataforma de criação automatizada de sites?
• Você possui acesso a fazer alterações no código do site? - Tire um print screen / screenshot da tela.
• Se o aviso nem chega a aparecer aperte ctrl+shif+i no seu site e copie o conteúdo que aparecer no console.
• Você possui uma área de homologação do seu site? Se possue, desative o aviso no seu site principal e nos mande o link da área de homologação.