Personalizar a aparência do elemento

# Configurações do botão

Você pode modificar:

• a redação;
• a cor de fundo;
• a cor do ícone e do texto;
• a posição da tela;
• offsets associados.

As posições disponíveis são: inferior direita, inferior esquerda, superior direita e superior esquerda.

Mensagens Cores

Separate settings existem para:

• o fundo da mensagem do utilizador;
• o texto da mensagem do utilizador;
• o fundo da mensagem IA;
• o texto da mensagem IA.

Uma visão geral ajuda-o a verificar a sua associação.

Boas práticas de acessibilidade

• manter um contraste legível entre texto e fundo;
• evitar uma cor de botão muito perto do fundo do site;
• verificar a posição no celular;
• não esconder um botão importante do site;
• usar uma formulação curta e orientada para a ação.

# Verificar no site

. Salve as configurações. 2. Atualize o site público. 3. Monitor de controle em computador e mobile. 4. Abra a conversa e compare mensagens de usuário e IA. 5. Verifique os estados de sobrevoo e foco no teclado.

Seção ocupada

A cópia atual exibe dois blocos muito próximos para o botão. Os valores referem-se à mesma configuração. Mude-os uma vez, salve e, em seguida, verifique o resultado final no site. ::

Exemplo: tornar o botão visível sem perturbar o site

Para um site limpo, você pode escolher:

• marcado: 0000;
• posição: inferior à direita;
• cor do botão: uma cor de marca suficientemente contrastante;
• cor do texto: branca se o fundo é escuro;
• decal inferior: um valor que deixa o banner de consentimento visível;
• desconexão lateral: uma margem que não cobre o botão de compra.

O texto explica a ação, a posição segue os hábitos de navegação e os deslocamentos evitam superposições com os elementos do site. Verifique o resultado no computador e no celular e, em seguida, use o foco do teclado para confirmar que o botão permanece acessível.