Personalização
A página de rastreamento aplica automaticamente a identidade visual configurada na plataforma Abbiamo. Isso inclui cores, logo e links de suporte.
Elementos personalizáveis
Seção intitulada “Elementos personalizáveis”| Elemento | Descrição |
|---|---|
| Cor primária | Botões, barra de progresso, ícones e indicadores de status |
| Cor secundária | Fundo de cards e detalhes visuais |
| Logo | Exibido no topo da página |
| Cor de fundo do logo | Fundo atrás da imagem do logo |
| Favicon | Ícone da aba do navegador |
| Link de ajuda | URL de suporte exibido como “Ajuda” na página |
Como funciona
Seção intitulada “Como funciona”- A plataforma envia as configurações de tema junto com os dados do pedido
- A página aplica as cores como variáveis CSS
- O logo é exibido no cabeçalho com o fundo configurado
- Opcionalmente, cores complementares são extraídas do logo para enriquecer a paleta
Cor primária
Seção intitulada “Cor primária”A cor primária é usada em:
- Botões e elementos interativos
- Barra de progresso das etapas
- Ícones de status e marcadores no mapa
- Faixa superior do card principal
Transportadora com frota própria
Seção intitulada “Transportadora com frota própria”Quando o pedido é entregue por frota própria, a página exibe o nome e o logo configurados no tema do embarcador, em vez das informações da transportadora.
Paleta do logo
Seção intitulada “Paleta do logo”A página pode extrair cores adicionais do logo para complementar a identidade visual:
- Cor de destaque: extraída para variações mais claras
- Cor secundária: extraída quando não configurada manualmente
Isso acontece de forma transparente e automática.