Informazioni di contatto

Link in evidenza

1. Documentazione Shopify su sezioni e blocchi
2. Documentazione Shopify sulle impostazioni del tema
3. Documentazione Company XYZ sulle impostazioni degli sfondi delle sezioni
4. Documentazione Company XYZ sulle impostazioni dei colori
5. Documentazione Company XYZ sulle impostazioni di visibilità

Video utili

Video di Shopify Academy: personalizzare il tuo negozio

Video di Shopify Academy: personalizzare il tuo negozio

Usa questo blocco per presentare i dettagli di contatto importanti in un unico punto facile da consultare. È un modo pratico per mostrare i modi migliori per contattarti, sia che i clienti abbiano bisogno di supporto, dettagli del negozio, informazioni sul ritiro o orari di apertura. Per una panoramica più ampia su come i blocchi sono organizzati nell’editor del tema, consulta documentazione Shopify sulle sezioni e i blocchi

Impostazioni dell’header

Usa l’area dell’header per introdurre i dettagli di contatto e dare al blocco una struttura più chiara. Una breve didascalia, un’heading e un testo di supporto opzionale possono aiutare i clienti a capire se i dettagli si applicano al supporto, alla sede di un negozio, agli appuntamenti o a un altro scopo di contatto.

Puoi anche aggiungere un’icona per un rapido riconoscimento visivo. Lascia vuoto il campo icona se desideri una presentazione più pulita solo testuale, oppure usa un’emoji o il nome di un’icona supportata per far risaltare il blocco.

Scegli il tipo di heading in base alla struttura della pagina, non solo alla dimensione visiva. Se la pagina ha già un titolo principale, un livello di heading inferiore di solito mantiene più pulita la gerarchia dei contenuti.

Consiglio

Usa un heading specifico come “Visit us,” “Customer support,” o “Pickup details” quando la pagina include più di un blocco di informazioni.

Dettagli di contatto

I campi del contenuto principale ti permettono di mostrare solo i metodi di contatto rilevanti per questa pagina. Non è necessario compilare ogni campo, il che rende più facile mantenere il blocco focalizzato e utile.

Telefono ed email sono ideali per azioni rapide, mentre indirizzo e orari funzionano bene per visite di persona e domande urgenti. I campi di testo più ricchi sono particolarmente utili per indirizzi su più righe, note sugli orari festivi o brevi istruzioni.

Puoi anche mostrare qui le icone dei social media, ma dipendono dalla configurazione del tuo profilo social in documentazione Shopify sulla personalizzazione delle impostazioni del tema. Se quei profili sono incompleti o non sono pensati per il contatto con i clienti, di solito è meglio non mostrare le icone.

Mostra solo i canali che monitori attivamente. Un numero di telefono visibile, un indirizzo email o un profilo social crea l’aspettativa che i clienti possano usarlo.

Impostazioni standard del blocco

Impostazioni dello sfondo del blocco

Queste impostazioni ti permettono di collocare il blocco su uno sfondo a colore, sfumatura, immagine o video. Sono utili quando vuoi che i dettagli di contatto risaltino come pannello dedicato, ma sfondi più forti possono anche influire su leggibilità e spaziatura. Consulta il riferimento agli sfondi fornito dalla fonte.

Se usi sfondi immagine o video, controlla come il contenuto si legge sull’intera area del blocco. I media di sfondo specifici per mobile possono aiutare a evitare ritagli scomodi o un contrasto scarso su schermi più piccoli.

Attenzione

Se il testo si trova sopra una foto o un video, usa un overlay sufficientemente forte da mantenere facili da leggere numeri di telefono, indirizzi e orari.

Impostazioni colore

Queste impostazioni sostituiscono i colori più ampi del tema solo per questo blocco. Sono utili quando l’area di contatto richiede un contrasto più forte o un’enfasi visiva diversa rispetto al contenuto circostante. Consulta il riferimento alle impostazioni colore fornito dalla fonte.

Regola insieme i colori delle icone, del testo del corpo e dei sottotitoli in modo che il blocco risulti coerente. Quando usi uno sfondo personalizzato, controlla che ogni elemento testuale rimanga leggibile.

Impostazioni di visibilità

Usa i controlli di visibilità quando questo blocco deve apparire solo su desktop o solo su mobile. È particolarmente utile quando i dettagli di contatto richiedono un posizionamento diverso a seconda della dimensione dello schermo. Consulta il riferimento alle impostazioni di visibilità fornito dalla fonte.

Una versione solo mobile può funzionare bene quando vuoi dettagli di contatto facili da toccare vicino alla parte superiore di un layout più piccolo. Una versione solo desktop può avere senso quando le stesse informazioni compaiono già altrove su mobile.

Note sull’uso

1. Mantieni aggiornati i dettagli. Rivedi regolarmente numeri di telefono, indirizzi email, orari e indirizzi, così i clienti non vengono mai indirizzati a canali di contatto obsoleti.
2. Allinea il contenuto all’intento della pagina. Usa un heading chiaro e includi solo i metodi di contatto adatti allo scopo di quella pagina.
3. Dai priorità alla leggibilità. Se usi colori personalizzati o media di sfondo, assicurati che ogni dettaglio resti facile da consultare su desktop e mobile.
4. Usa intenzionalmente lo stile di fallback. Lasciare vuoti i campi colore o media può preservare lo stile più ampio della pagina, mentre gli override espliciti rendono il blocco di contatto più indipendente.
5. Controlla entrambi i viewport. I controlli desktop e mobile possono modificare layout, allineamento, visibilità e comportamento dei media, quindi verifica entrambe le dimensioni prima della pubblicazione.
6. Usa i link social in modo selettivo. Mostra le icone social solo quando quei profili sono completamente configurati e davvero utili per il contatto con i clienti.
7. Pianifica il posizionamento su mobile. Usa i controlli di visibilità quando il blocco di contatto necessita di una posizione più semplice o più prominente sugli schermi più piccoli.