Icone dei social media

Link in evidenza

1. Documentazione di Company XYZ sulle impostazioni dei colori
2. Documentazione di Company XYZ sulle impostazioni di visibilità
3. Documentazione Shopify sulle sezioni e i blocchi

Video utili

Video di Shopify Academy: personalizzare il tuo negozio

Video di Shopify Academy: personalizzare il tuo negozio

Questo blocco mostra link ai profili social già configurati nelle impostazioni del tema. Per una panoramica più ampia su come sono organizzati i blocchi del tema, consulta documentazione Shopify sulle sezioni e i blocchi. Usalo dove i clienti si aspettano punti di contatto rapidi con il brand, ad esempio nell’header, nel footer, in un’area di contatto o in contenuti orientati al supporto.

Impostazioni principali

Le impostazioni principali controllano l’aspetto dei link social e quali reti vengono visualizzate.

Scegli uno stile icona in base al ruolo del blocco nel tuo layout. Branded è il più facile da riconoscere a colpo d’occhio, Solid offre uno stile visivo più pulito e uniforme, e Text only funziona bene quando vuoi che i link assomiglino più a navigazione che a decorazione.

Per impostazione predefinita, Show all visualizza ogni rete social che è stata configurata nelle impostazioni del tema. Disattivalo quando vuoi che questo blocco mostri solo reti selezionate, ad esempio mantenendo l’header essenziale e mostrando un elenco più completo nel footer.

Quando Show all è disattivato, puoi scegliere reti singole per questo blocco. È l’opzione migliore quando lo spazio è limitato o quando aree diverse del tuo negozio devono evidenziare canali diversi.

Questo blocco mostra solo le reti che hanno già dettagli dell’account aggiunti nelle impostazioni del tema. Abilitare una rete qui non crea il link social da solo.

Impostazioni standard del blocco

Impostazioni colore

Queste impostazioni consentono a questo blocco di ignorare le scelte colore più ampie del tuo tema quando necessario. Sono particolarmente utili quando il blocco si trova su uno sfondo diverso o ha bisogno di un contrasto più forte rispetto ai contenuti circostanti.

Colore icona influisce solo sullo stile Solid, e Colore testo influisce solo sullo stile Text only. Se una modifica del colore non appare, controlla prima che corrisponda allo stile selezionato.

Consulta il riferimento condiviso per le impostazioni colore: documentazione Company XYZ sulle impostazioni colore.

Impostazioni di visibilità

Usa i controlli di visibilità per decidere se questo blocco appare su desktop, su mobile o su entrambi. È utile quando vuoi i link social in un layout ma non in un altro, soprattutto nei design mobile compatti.

Nascondi il blocco solo quando gli stessi link sono disponibili altrove o quando la posizione risulta ripetitiva. In questo modo il layout resta pulito senza rendere più difficile trovare i link social.

Consulta il riferimento condiviso per le impostazioni di visibilità: documentazione Company XYZ sulle impostazioni di visibilità.

Note sull’uso

1. Abbina lo stile alla posizione. Usa icone branded per un riconoscimento rapido, icone solid per un aspetto più ordinato e text only per aree simili alla navigazione.
2. Riduci l’elenco delle reti quando necessario. Disattiva Show all negli spazi più stretti così il blocco evidenzia solo i canali che i clienti hanno più probabilità di usare.
3. Sovrascrivi i colori con uno scopo preciso. Cambia i colori delle icone o del testo quando hai bisogno di un contrasto migliore o di un’enfasi più chiara in un’area specifica.
4. Controlla prima la configurazione dell’account. Se una rete dovrebbe apparire ma non compare, conferma che il relativo profilo social sia già stato aggiunto nelle impostazioni del tema.
5. Usa con attenzione la visibilità responsive. Nascondi il blocco su mobile o desktop solo quando un’altra posizione copre già la stessa esigenza.
6. Controlla entrambe le viewport. I controlli per desktop e mobile possono portare a spaziatura, allineamento, visibilità e comportamento multimediale diversi, quindi verifica entrambi i layout prima della pubblicazione.