Abbiamo DocsPersonalização
Como a identidade visual do embarcador é aplicada na página de rastreamento
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
| 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 |
As configurações de tema são definidas na plataforma Abbiamo. A página de rastreamento aplica essas configurações automaticamente — não é necessário configurar nada diretamente na página.
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
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
Se a cor primária configurada for muito clara, a plataforma a substitui automaticamente para garantir contraste e legibilidade.
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
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.