Dai vita ai tuoi form, sondaggi e quiz! Le interazioni basate sul colore primario di GoHighLevel / Squadd fanno sì che ogni hover, clic e selezione rispecchi il colore del tuo brand.
Cosa sono le interazioni avanzate dei form con gli effetti del Colore Primario?
L'impostazione Colore Primario (Primary Color) controlla l'aspetto degli elementi del form quando gli utenti interagiscono con essi. Applica automaticamente il colore del tuo brand ai campi di testo, ai menu a tendina, alle caselle di spunta e ad altri elementi — mantenendo tutto visivamente coerente con la tua identità visiva.
La funzione Colore Primario mantiene i tuoi form dall'aspetto professionale, coeso e in linea con il brand — senza richiedere alcuna competenza di design. Migliora inoltre l'accessibilità, rendendo più visibili gli elementi attivi e selezionati.
Vantaggi principali degli effetti del Colore Primario
Coerenza del brand: Crea un aspetto uniforme su Form, Sondaggi e Quiz.
Usabilità e chiarezza: Evidenzia gli stati hover e attivi così gli utenti sanno sempre dove stanno digitando o cosa hanno selezionato.
Fiducia e professionalità: Stati visivi curati e reattivi migliorano la qualità percepita e i tassi di completamento.
Meno passaggi di stile: Impostalo una volta e il colore si applica automaticamente a più elementi interattivi.
Flessibilità: Puoi opzionalmente associare il Colore Primario al colore dei pulsanti per una completa armonia visiva.
Colore Primario negli elementi
Quando imposti un Colore Primario, l'aspetto di diverse interazioni del form viene aggiornato. Questi effetti visivi aiutano gli utenti a vedere dove stanno cliccando o digitando, mantenendo al contempo i form allineati ai colori del tuo brand. Il colore primario appare solo quando gli utenti interagiscono con un form, ad esempio:
Passando il cursore su un campo
Cliccando o digitando in un campo
Selezionando una casella di spunta o un pulsante radio
Scegliendo una data o un'opzione
Se non è definito alcun colore primario, il form utilizza lo stile neutro predefinito. Di seguito è illustrato come il colore primario viene visualizzato in ciascun tipo di elemento.
Campi del form: Il bordo si evidenzia con il tuo colore primario quando il cursore passa sopra o quando si clicca.
Menu a tendina (Dropdown): Le opzioni e i bordi riflettono il colore primario quando il menu è aperto o un'opzione è selezionata.
Caselle di spunta e pulsanti radio (Checkboxes & Radio Buttons): Le opzioni selezionate si riempiono con il tuo colore primario.
Selettore data (Date Picker): La data attiva o selezionata viene evidenziata con il tuo colore primario.
Campi di caricamento file e firma (File Uploads & Signature Fields): I bordi e i colori di disegno usano il tuo colore primario.
Come modificare il Colore Primario
Dal builder, vai su Stile e Opzioni (Style and Options) → Stili (Styles)
Scorri fino al campo Colore Primario (Primary Color) che si trova sotto Colori e Sfondo (Colors and Background).
Seleziona un colore o inserisci un codice esadecimale personalizzato. Attiva il toggle "Map Primary color to Button color" se vuoi che anche i pulsanti seguano lo stesso colore. Clicca su Salva (Save) per applicare le modifiche. I tuoi form si aggiorneranno automaticamente utilizzando il nuovo colore per tutti gli elementi interattivi.
Domande frequenti
D: Questo influirà su tutti i form?
Sì. Tutti i form che utilizzano lo stile predefinito si aggiorneranno automaticamente quando modifichi il colore primario.
D: Posso impostare un colore diverso per un singolo form?
Non al momento. Il colore primario si applica a tutti i form del tuo account.
D: Posso disattivare gli effetti hover o focus?
No. Questi effetti sono integrati per migliorare la chiarezza e l'usabilità per i visitatori del form.
D: I dispositivi mobile mostrano gli stessi effetti?
Sì, le evidenziazioni sono presenti anche sui dispositivi mobile.
D: Posso mantenere un colore diverso per i pulsanti rispetto al Colore Primario?
Sì. Lascia il toggle di associazione disattivato e personalizza i pulsanti tramite il tema o gli stili personalizzati.