Un codice esadecimale è un numero esadecimale a 3 byte utilizzato in HTML, CSS e altre applicazioni per rappresentare i colori. Inizieranno con un hashtag (#) e sono seguiti da 6 cifre, utilizzando numeri, lettere (A - F) o una combinazione di entrambi.
Quando selezioni un colore di un font, un bordo o uno sfondo in una campagna o un modulo creato in ActiveCampaign utilizzando il selettore colori, visualizzeremo automaticamente il codice esadecimale.72 Inoltre, se sai già quale codice esadecimale utilizzare nei tuoi moduli e comunicazioni, ti semplifichiamo l'applicazione di tale codice. Ciò ti consente di utilizzare colori specifici nei tuoi moduli e comunicazioni associati al tuo marchio.
Se vuoi saperne di più sui codici colore esadecimali e su come vengono generati, clicca qui.
Come utilizzare i codici colore esadecimali nelle campagne e nelle email di automazione
Nelle campagne e nelle email di automazione è possibile utilizzare i colori esadecimali sui seguenti elementi:
- Colore font
- Colore di sfondo per tutti i blocchi del contenuto
- Colore del bordo per tutti i blocchi del contenuto
- Colore colonna per tutti i blocchi del contenuto
- Colore del carattere (se applicabile)
- Blocco HTML personalizzato
- Quando crei un'email utilizzando il tuo codice personalizzato
Esistono modi leggermente diversi per applicare i codici esadecimali nel designer per email (lanciato nel 2022) e nella Finestra di progettazione classica. Clicca qui sotto per saperne di più espandi le informazioni per saperne di più:
Tieni presente che con il designer per email, puoi aggiornare le Impostazioni globali nella tua campagna per impostare l'aspetto generale, inclusi i colori, prima di applicare singole impostazioni. Ulteriori informazioni sulle opzioni disponibili per la personalizzazione sono disponibili nella scheda Impostazioni globali. È possibile utilizzare le seguenti istruzioni per aggiornare i colori esadecimali anche per tali opzioni.
Per cambiare il colore del font in un singolo blocco di testo utilizzando il designer per email (lanciato nel 2022):
-
Fai clic sul blocco di testo con il carattere che desideri aggiornare, quindi a destra, fai clic sul campo Colore testo. Si noti che è anche possibile modificare il colore dello sfondo del blocco facendo clic su Colore di sfondo eventuali collegamenti nel box di testo facendo clic su Colore collegamento.
- Selezionare i colori digitando il codiceesadecimale o facendo clic all'interno del quadrato del colore e della barra nella modalità visualizzata.
- Le modifiche verranno salvate automaticamente.
Per aggiungere modifiche al colore del font con Classic Designer, è sufficiente fare clic su quel blocco di testo e fare clic sul selettore colore dalla barra degli strumenti modale.
È quindi possibile selezionare tra colori aggiuntivi o fare clic sul collegamento "Altro" per selezionare tra ancora più colori o aggiungere il proprio codice colore esadecimale:
Per aggiungere il proprio codice colore esadecimale a qualsiasi blocco specifico, ad esempio un bordo di blocco o per aggiungere un colore di sfondo, fare clic su quel blocco specifico:
Quando lo fai, Visualizzeremo un menu Opzioni a destra dello schermo:
Qui puoi digitare il tuo codice esadecimale direttamente nel campo colore che desideri modificare oppure, seleziona un nuovo colore dal selettore colori.
Se si dispone di un codice esadecimale specifico da utilizzare per lo sfondo del bordo o della colonna, fare clic sul selettore colore per immettere il codice.
Come utilizzare i codici colore esadecimali nei moduli
Nei moduli è possibile utilizzare i colori esadecimali sui seguenti elementi:
- Colore di sfondo del modulo
- Colore del carattere del modulo
- Colore del bordo del modulo (moduli in linea)
- Sfondo del pulsante Invia
- Tipo di carattere del pulsante Invia
- Bordo pulsante Invia
- Blocchi CSS personalizzati
Per aggiungere il tuo colore esadecimale al modulo, fai clic sulla scheda "Stile". Quindi aggiungi il tuo codice esadecimale ovunque ci sia un'opzione per modificare il campo del colore. Ad esempio, ecco l'editor dei colori nella sezione "Testo" della scheda "Stile":