Estilo do botão
Usar um botão personalizado
Por padrão, nosso botão amarelo com o logotipo Axeptio é exibido. Marcando esta caixa, você pode substituí-lo por um botão com visual e/ou texto personalizados. Você também pode personalizar o tamanho e a aparência do botão, do visual e do texto.
Posição do widget
Por padrão, a faixa é exibida na parte inferior esquerda. Mas você pode movê-la para a direita se preferir.
Deslocamento horizontal do botão (offset X)
Você pode deslocar o botão para a esquerda ou para a direita. Útil para evitar que o botão sobreponha outros elementos da sua interface.
Deslocamento vertical do botão (offset Y)
Você pode deslocar o botão para cima ou para baixo. Útil para evitar que o botão sobreponha outros elementos da sua interface.
Não interceptar o scroll da página
Por padrão, o Axeptio controla o scroll (rolagem) da página quando o widget é exibido, para permanecer visível e evitar efeitos de exibição desagradáveis.
Na maioria das vezes, isso é prático e recomendamos deixar esta opção desativada se você não tiver problemas específicos. Porém, em alguns sites, isso pode ser desagradável. Você pode tentar ativar esta opção se observar os seguintes comportamentos indesejados típicos:
impossibilidade de rolar a página, particularmente em dispositivos móveis, onde o scroll pode ser bloqueado enquanto a faixa está exibida
comportamento com elementos do site como menus, pop-ins ou modais
Quando esta opção está ativada, o Axeptio não controla mais a rolagem da página e deixa o navegador gerenciar o scroll normalmente.
Posição no body da raiz do widget
Define onde no código HTML da página o Axeptio insere o widget: no início ou no final da tag <body>.
Por padrão, o widget é inserido no início do <body>. Este posicionamento é recomendado, pois permite melhor suporte por tecnologias assistivas, como leitores de tela.
No entanto, é possível inserir o widget no final do <body> se você encontrar problemas de compatibilidade com a estrutura do site, alguns estilos CSS globais ou scripts JavaScript. Esta opção é principalmente destinada a casos específicos e geralmente não tem impacto visível para os usuários.
Sobreposição
A sobreposição é um fundo semi-transparente exibido atrás do widget Axeptio quando este está aberto. Permite destacar a faixa de consentimento e reduzir as distrações relacionadas ao conteúdo da página.
Os parâmetros disponíveis nesta seção permitem apenas personalizar a aparência da sobreposição (opacidade, cores, estilo). O fato de preencher esses valores não ativa por si só a exibição da sobreposição.
Para que a sobreposição seja exibida, um dos seguintes recursos deve estar ativado:
o consent wall contextual, que pode ser adicionado a partir de uma configuração existente
a opção Exibir o widget no centro da tela (como o consent wall), disponível em uma configuração via Integrar ao seu site
As cores da sobreposição (gradiente ou cor sólida) podem ser personalizadas mais adiante na página, em Cores > Sobreposição.
Opacidade do fundo da sobreposição
Define o nível de transparência do fundo exibido atrás do widget.
O valor esperado é um valor decimal entre 0 e 1, onde:
0 corresponde a um fundo totalmente transparente
1 corresponde a um fundo totalmente opaco
Estilo do preenchimento da sobreposição
Permite escolher o tipo de fundo utilizado:
Radial: um gradiente centrado ao redor do widget, com um efeito mais suave e progressivo
Cor sólida: um fundo uniforme em toda a página
Cores
A seção Cores permite personalizar todas as cores utilizadas pelo widget Axeptio.
Mancha de tinta
A mancha de tinta corresponde ao elemento gráfico em forma de círculo colorido exibido no topo (à direita ou no centro) das diferentes etapas do widget, visível no fundo das ilustrações.
Esta cor é usada como um acento visual e contribui para a identidade gráfica geral do widget.
Cores de base
Estes parâmetros permitem definir as cores utilizadas para os elementos gerais do widget:
Principal: cor dominante do tema
Textos: cor dos textos padrão
Títulos: cor dos títulos
Fundo dos widgets: fundo principal do widget
Fundo dos cartões: fundo dos cartões e blocos internos
Cor de fundo da checkbox desmarcada: estado não marcado
Cor de fundo da checkbox marcada: estado marcado
Botões de base
Estas opções definem a aparência padrão dos botões secundários:
cor do texto
cor do texto ao passar o mouse
cor da borda
cor de fundo
cor de fundo ao passar o mouse
Botão Principal
Estes parâmetros se aplicam especificamente ao botão principal do widget:
cor do texto
cor do texto ao passar o mouse
cor de fundo
cor de fundo ao passar o mouse
Eles permitem destacar a ação principal proposta ao usuário.
Botão de consentimento
Estas opções controlam a aparência dos botões relacionados ao consentimento:
cor de fundo
cor de fundo ao passar o mouse
cor do texto
cor do texto ao passar o mouse
cor do contorno
cor do contorno ao passar o mouse
Elas permitem ajustar com precisão a aparência das ações de consentimento e recusa.
Sobreposição
Estes parâmetros definem as cores utilizadas para o fundo exibido atrás do widget quando este está aberto:
Centro do gradiente da sobreposição
Exterior do gradiente da sobreposição
Eles são utilizados quando o estilo de preenchimento da sobreposição está configurado para um gradiente.
Estilo do widget
Border radius (cantos arredondados)
Define o nível de arredondamento aplicado aos cantos do widget, expresso em pixels.
Um valor alto produz cantos mais arredondados, enquanto um valor baixo resulta em uma aparência mais angular.
Border radius dos botões de consentimento
Controla o arredondamento dos botões de consentimento exibidos no widget.
Este ajuste permite harmonizar a aparência dos botões com o estilo geral do site.
Cantos arredondados do botão fechar
Define o arredondamento do botão que permite fechar o widget.
Este parâmetro é independente dos outros ajustes de border radius.
Tamanho dos títulos
Define o tamanho dos títulos exibidos no widget, expresso em pixels.
Este ajuste tem impacto direto na hierarquia visual e legibilidade do conteúdo.
Tamanho do corpo
Define o tamanho do texto principal do widget, expresso em pixels.
Um tamanho muito pequeno pode prejudicar a legibilidade, particularmente em dispositivos móveis.
Sombra projetada
Permite definir o estilo de sombra aplicado ao widget.
A sombra ajuda a destacar visualmente o widget do conteúdo da página e reforça sua visibilidade.
Tipografia
A seção Tipografia permite definir as fontes utilizadas no widget Axeptio, para títulos e textos.
Estes ajustes permitem alinhar a aparência do widget com a tipografia do site.
Fonte dos títulos
Permite definir a fonte utilizada para os títulos exibidos no widget.
É possível escolher uma fonte Google ou outra fonte inserindo diretamente seu nome de família (font-family).
Se a fonte escolhida ainda não estiver carregada na página, a opção Deixar o Axeptio carregar a fonte no site permite ao Axeptio carregá-la automaticamente.
Fonte dos textos
Permite definir a fonte utilizada para os textos do widget, independentemente da dos títulos. Como nos títulos, é possível usar uma fonte Google ou uma fonte personalizada através de seu nome de família.
Se a fonte ainda não estiver disponível no site, o Axeptio pode carregá-la automaticamente via Google Fonts ativando a opção correspondente.
O carregamento de fontes adicionais pode ter impacto no desempenho e conformidade do site e deve ser usado com cuidado.