Criar o projeto : ✅
Criar as diferentes telas e listar os cookies : ✅
Agora é hora de cuidar do design do widget ! Abra a porta da personalização, entre no spa de beleza dos cookies e torne seu widget tão bonito quanto seu site 💄.
Para acessar as configurações de personalização gráfica do widget, duas soluções :
👉 via a barra lateral, depois no menu "Cores e estilo"
👉 via a aba "Personalize a solução com suas cores"
🚧 Todas as modificações feitas no widget neste menu afetam todas as versões do seu projeto.
1. Posição do widget e sobreposição
A primeira seção da interface de personalização do seu widget é a seção Estilo do botão.
Nesta seção, você tem diferentes parâmetros que permitem gerenciar :
As diferentes opções de personalização do botão Axeptio.
A personalização do seu pop-up
A sombra projetada
2. Cores, Identidade visual, Fonte
A segunda seção da interface de configuração do seu widget é a seção Cores.
Nesta seção, você pode gerenciar todo o design de cores do seu widget de acordo com quatro tipos definidos : mancha de tinta, cor base, botões e sobreposição.
Lembrando que a sobreposição é a sombra atrás do consent wall contextual 😉
As diferentes outras seções permitem que você altere a cor de cada elemento clicando no pequeno quadrado que o precede.
Graças aos seletores de cores, você pode escolher com precisão a cor desejada para cada elemento representado.
💡 Lembre-se de validar o seletor de cores quando modificar a cor do elemento escolhido !
Atenção, magia 🪄 você pode visualizar em tempo real suas modificações graças à representação do seu widget Axeptio no lado esquerdo da interface de configuração.
3. Bordas do widget, Tamanho das fontes, Sombra projetada
A terceira seção de personalização do seu widget é a seção Estilo do widget.
Suas diferentes seções permitem que você modifique as bordas do widget, de seus botões e defina o tamanho das fontes.
Bônus ! É também aqui que você poderá brincar com a sombra projetada do seu widget 👻
Deixe sua criatividade fluir !
Foco na sombra projetada :
A sombra projetada é aquela que fica atrás do seu widget de cookie ao ser exibido.
Você pode optar por manter a padrão ou não colocar nenhuma :
Ou melhor ainda ! Você pode optar por personalizá-la ! Ou seja, você pode definir seu próprio tamanho e cor 🎨
Para isso, basta selecionar "Sombra personalizada CSS" e preencher a caixa CSS que aparece.
O tamanho da sombra é definido em pixels e a cor é gerenciada entre os parênteses rgba.
🌈 Dica
Se você deseja uma sombra projetada que ocupe toda a tela, é : 0px 0px 0px 2550px
4. Escolha da tipografia
A quarta e última seção da interface de personalização do seu widget é a seção Tipografia.
Se você não quiser se incomodar com esses detalhes, deixe conosco, cuidamos de tudo 💆
Basta marcar as caixas "Deixar Axeptio carregar a fonte no site" e nos encarregamos de identificar a fonte já presente no seu site e aplicá-la ao seu widget (se for uma Google Font ou já estiver carregada no site 😉).
E pronto !! 🎉 Agora você sabe tudo para deixar seu widget lindíssimo !
Resta apenas publicá-lo 💪 Mas antes disso, venha dar uma olhada nas outras funcionalidades do seu painel de controle 👉 🎁