Salta ai contenuti

Icona con testo

Metti in evidenza una caratteristica, un vantaggio o un segnale di fiducia con un’icona, un testo breve e un link facoltativo.

Usa questo blocco per evidenziare una singola caratteristica, un vantaggio o un segnale di fiducia con una piccola icona e una breve riga di testo. Funziona meglio per messaggi rapidi e facili da scansionare, come vantaggi di spedizione, benefici del prodotto, garanzie o dettagli sui materiali.

Per maggiori dettagli su come questo tipo di contenuto si inserisce in un tema, consulta documentazione Shopify sulle sezioni e i blocchi

Inizia con l’icona e il testo. Puoi usare un emoji o un nome icona, il che rende facile abbinare lo stile al resto dei tuoi contenuti. Se lasci l’icona vuota, il blocco mostra solo il testo.

Mantieni il testo breve e specifico. Di solito le frasi brevi funzionano meglio delle frasi complete, soprattutto quando vuoi che gli acquirenti capiscano il messaggio a colpo d’occhio.

Puoi anche aggiungere un link se l’evidenziazione deve rimandare a maggiori dettagli, come una policy, una guida o una pagina di supporto. Aprire quel link in una nuova scheda può essere utile quando non vuoi che gli acquirenti perdano la loro posizione.

Queste impostazioni controllano l’allineamento orizzontale separatamente per desktop e mobile. Sono utili quando il blocco appare in layout diversi tra le varie dimensioni dello schermo o quando stai perfezionando un layout mobile personalizzato.

Scegli l’allineamento in base al contenuto circostante. L’allineamento al centro si adatta bene agli elementi in evidenza autonomi, mentre l’allineamento a sinistra di solito risulta più naturale nei layout impilati o nelle aree con molto testo.

Controlla l’allineamento sia su desktop sia su mobile. Una posizione che appare bilanciata su uno schermo ampio può risultare scomoda su schermi più piccoli.

Queste impostazioni consentono a questo blocco di sostituire i colori più ampi del tema per l’icona e il testo. Usale quando l’evidenziazione necessita di maggiore enfasi o quando hai bisogno di un contrasto migliore all’interno di un layout specifico.

Evita di usare troppi colori diversi per le evidenziazioni nella stessa pagina. Un uso coerente dei colori rende i punti di vendita più facili da scansionare e impedisce che il design appaia troppo carico. Per maggiori informazioni sul comportamento condiviso dei colori, consulta Impostazioni colore.

Assicurati che sia l’icona sia il testo rimangano facili da leggere sullo sfondo.

Usa i controlli di visibilità per mostrare o nascondere questo blocco su desktop o mobile. È utile quando vuoi contenuti di supporto diversi in base alle dimensioni del dispositivo o quando un breve elemento in evidenza si adatta meglio a un layout rispetto a un altro.

Usa la possibilità di nascondere in modo selettivo. Funziona meglio per decisioni intenzionali di layout, non come sostituto del perfezionamento dei contenuti. Per maggiori informazioni sul comportamento condiviso della visibilità, consulta Impostazioni di visibilità.

  1. Mantieni il testo sintetico. Usa una frase breve e orientata al beneficio, così il messaggio resta rapido da scansionare.
  2. Scegli icone chiare. Seleziona icone che rafforzino immediatamente il testo invece di aggiungere decorazione senza significato.
  3. Aggiungi il link con uno scopo. Inserisci un link solo quando gli acquirenti hanno davvero bisogno di maggiori dettagli dietro l’evidenziazione.
  4. Rivedi entrambe le dimensioni dello schermo. Controlla allineamento e spaziatura su desktop e mobile prima della pubblicazione.
  5. Usa l’enfasi con moderazione. Riserva i colori personalizzati alle evidenziazioni che meritano un’attenzione in più.
  6. Lascia che i valori predefiniti facciano il loro lavoro quando possibile. Lascia non impostate le scelte di colore e stile quando vuoi che il blocco erediti il design circostante, e usa le sostituzioni solo quando l’evidenziazione deve distinguersi.