Personalizzazione Tema e UI
FlashCRM offre diverse opzioni per personalizzare l'aspetto dell'interfaccia utente, permettendoti di adattare il sistema all'identità visiva della tua azienda.
Configurazione del tema predefinito
Accedere alle impostazioni tema:
Vai su Impostazioni → Stile Tema
Qui troverai tutte le opzioni di personalizzazione visiva
Colori dell'interfaccia
Colori area amministrazione:
Personalizza i colori principali dell'area amministrativa:
Colore primario: colore principale utilizzato per menu, pulsanti e link (es. #3498db)
Colore secondario: utilizzato per elementi secondari e hover effects
Colore sidebar: colore di sfondo della barra laterale
Colore menu attivo: evidenzia la voce di menu correntemente attiva
Colori area clienti:
Configura separatamente i colori per l'area clienti per offrire un'esperienza personalizzata:
Colore header: colore dell'intestazione nell'area clienti
Colore pulsanti: colore dei pulsanti call-to-action
Colore link: colore dei collegamenti ipertestuali
Suggerimento: Usa i colori del tuo brand aziendale per mantenere coerenza visiva. Puoi inserire i codici esadecimali (#RRGGBB) o usare il selettore colore integrato.
Layout e disposizione
Larghezza contenitore:
Scegli tra:
Larghezza fluida: il contenuto si adatta alla larghezza dello schermo
Larghezza fissa: il contenuto ha una larghezza massima definita (raccomandato per schermi molto grandi)
Sidebar (barra laterale):
Sidebar fissa: rimane visibile durante lo scorrimento
Sidebar collassabile: può essere compressa per avere più spazio
Posizione: sinistra o destra (sinistra è lo standard)
Densità interfaccia:
Regola la spaziatura tra gli elementi:
Compatta: più informazioni in meno spazio, ideale per utenti esperti
Standard: bilanciamento tra leggibilità e densità
Spaziosa: più aria tra gli elementi, più facile da leggere
Font e tipografia
Famiglia di font:
FlashCRM supporta diverse famiglie di font:
System font: usa i font di sistema per prestazioni ottimali
Google Fonts: scegli tra centinaia di font disponibili
Font personalizzati: carica i tuoi font aziendali
Dimensione del testo:
Regola la dimensione base del testo per migliorare la leggibilità:
Piccolo: 13px
Standard: 14px (raccomandato)
Grande: 15px
Extra Grande: 16px
Tema scuro/chiaro
Alcuni temi supportano la modalità scura:
Vai su Impostazioni → Stile Tema
Nella sezione "Modalità tema", seleziona:
Chiaro: tema tradizionale con sfondo chiaro
Scuro: tema con sfondo scuro, riduce l'affaticamento visivo
Automatico: segue le preferenze del sistema operativo dell'utente
CSS personalizzato
Per personalizzazioni avanzate dell'interfaccia, FlashCRM permette di aggiungere CSS personalizzato:
Metodo 1: Tramite pannello amministrativo (raccomandato)
Se hai abilitato il modulo Theme Style:
Vai su Impostazioni → Stile Tema → CSS Personalizzato
Scegli dove applicare il CSS:
Area Amministrazione: solo per lo staff
Area Clienti: solo per i clienti
Entrambe: applicato ovunque
Inserisci il tuo codice CSS nel campo di testo
Clicca su Salva modifiche