Carta regalo

Link in evidenza

1. Documentazione Shopify sull’editor del tema
2. Documentazione Shopify sulle sezioni e i blocchi
3. Documentazione Company XYZ sulle impostazioni dello sfondo della sezione
4. Documentazione Company XYZ sulle impostazioni del padding della sezione
5. Documentazione Company XYZ sulle impostazioni dei separatori
6. Documentazione Company XYZ sulle impostazioni delle larghezze del layout

Video utili

Video Shopify Academy: personalizzare il proprio negozio

Video Shopify Academy: personalizzare il proprio negozio

Questa sezione controlla la pagina principale della carta regalo che i destinatari usano per visualizzare e riscattare la propria carta regalo. Puoi personalizzare il messaggio, sostituire l’artwork con quello del brand e regolare il layout in modo che la pagina risulti chiara, curata e coerente con il resto del tuo negozio. Per una panoramica più ampia sul funzionamento di questi controlli nell’editor, consulta documentazione Shopify sull’editor del tema

Impostazioni principali

Usa il titolo e il sottotitolo per introdurre la carta regalo e offrire ai destinatari un breve suggerimento utile su ciò che possono fare dopo. Se lasci questi campi vuoti, la sezione può ricorrere al contenuto predefinito del tema, il che è utile quando desideri una configurazione più semplice.

L’impostazione dell’immagine consente di sostituire l’artwork predefinito della carta regalo con un visual personalizzato del tuo brand. Funziona meglio quando l’immagine valorizza la pagina senza entrare in competizione con i dettagli della carta regalo.

Le impostazioni dello stile dell’immagine e dell’aspetto controllano il modo in cui l’artwork viene inquadrato. Usa il rapporto predefinito quando la tua immagine è già progettata per lo spazio, oppure scegli un rapporto fisso quando desideri una presentazione più coerente tra immagini diverse.

Su mobile è disponibile una propria opzione di rapporto d’aspetto. Se il ritaglio desktop risulta troppo ampio o troppo alto sugli schermi più piccoli, regola il rapporto per mobile invece di sostituire l’immagine.

Le impostazioni del layout desktop determinano come l’immagine e i dettagli della carta regalo si dividono lo spazio. La larghezza della colonna modifica il lato che risulta più prominente e la posizione della galleria controlla se l’immagine appare a sinistra o a destra; su mobile, il layout si impila sempre in un’unica colonna. Per maggiori dettagli sul comportamento di sezioni e blocchi, consulta documentazione Shopify su sezioni e blocchi

Controlla l’artwork personalizzato sia su desktop sia su mobile prima di pubblicare. Un ritaglio che appare equilibrato su desktop può nascondere parti importanti dell’immagine sugli schermi più piccoli.

Impostazioni colore

Questo gruppo consente di sostituire i colori predefiniti del testo e del sottotitolo per questa sezione. È particolarmente utile quando aggiungi uno sfondo personalizzato e hai bisogno di un contrasto più forte o di una gerarchia visiva più chiara.

Mantieni la leggibilità come priorità. Se usi un’immagine, un gradiente o uno sfondo video più chiaro, assicurati che sia il messaggio principale sia il testo di supporto restino facili da leggere a colpo d’occhio.

Impostazioni standard della sezione

Impostazioni dello sfondo sezione

Impostazioni dello sfondo sezione controllano la base visiva dietro il contenuto della carta regalo. Puoi usare un colore, un gradiente, un’immagine o un video, quindi aggiungere un overlay per aiutare il testo e i dettagli della carta regalo a risaltare.

Questa pagina di solito funziona meglio con trattamenti di sfondo sobri. Se scegli elementi multimediali decorativi, regola insieme l’intensità dell’overlay e i colori del testo in modo che la pagina resti prima di tutto funzionale.

Impostazioni di padding

Impostazioni di padding controllano lo spazio sopra e sotto il contenuto. Usale per rendere la pagina più compatta e orientata all’utilità, oppure più ariosa quando desideri una presentazione con un branding più morbido.

Un padding più ridotto può aiutare a mostrare prima i dettagli chiave, soprattutto su mobile. Un padding maggiore funziona meglio quando la sezione usa un trattamento di sfondo più deciso e ha bisogno di più respiro.

Impostazioni dei separatori

Impostazioni dei separatori aggiungono una linea facoltativa sopra o sotto la sezione. Questo può aiutare a definire più chiaramente l’area della carta regalo quando la pagina include altri contenuti intorno.

Mantieni i separatori discreti in questo caso. Un divisore leggero di solito è sufficiente per separare visivamente la pagina senza distrarre dalla carta regalo stessa.

Impostazioni di larghezza

Impostazioni di larghezza controllano la larghezza massima del contenuto e la larghezza del contenitore della sezione. Queste impostazioni sono utili quando desideri che la pagina sembri più stretta e più facile da leggere, oppure più ampia quando la abbini a uno sfondo più immersivo.

Per la maggior parte dei negozi, una larghezza moderata del contenuto mantiene l’esperienza focalizzata. Se usi uno sfondo di sezione più ampio, visualizza l’anteprima della pagina live per assicurarti che il layout resti equilibrato e facile da leggere.

Nota

Le modifiche alla larghezza possono apparire diverse nell’editor rispetto alla pagina live, soprattutto quando sono coinvolti sfondi.

Note sull’uso

1. Mantieni il testo breve. Usa un titolo e un sottotitolo brevi che confermino ciò che il destinatario sta visualizzando e cosa dovrebbe fare dopo.
   1. Usa campi vuoti quando desideri che lo stile predefinito e il contenuto di fallback gestiscano una parte maggiore della pagina.
   2. Mantieni il messaggio facile da leggere sia nello stato emesso sia in quello riscattato.
2. Scegli un artwork che si ritagli bene. I visual semplici del brand di solito funzionano meglio delle grafiche dettagliate che possono perdere efficacia sugli schermi più piccoli.
   1. Rivedi separatamente desktop e mobile, poiché i ritagli e il layout possono cambiare tra i diversi viewport.
   2. Considera un artwork separato per mobile come un modo per preservare la leggibilità, non solo per ridimensionare la stessa immagine.
3. Dai priorità al contrasto. Quando utilizzi colori o sfondi personalizzati, assicurati che il contenuto della carta regalo resti subito facile da leggere.
   1. Colori locali più intensi, gradienti o elementi multimediali possono far sembrare la sezione più indipendente dallo stile circostante.
   2. Se mantieni lo stile predefinito o vuoto, emergerà di più la presentazione di fallback del tema.
4. Usa il layout desktop in modo intenzionale. Assegna la colonna più grande al lato che deve avere un peso visivo maggiore, sapendo che la pagina si impilerà su mobile.
   1. Verifica di nuovo allineamento e visibilità sugli schermi più piccoli, poiché il layout mobile può modificare il modo in cui la pagina si legge.
   2. Regola il layout quando l’equilibrio appare corretto su desktop ma troppo stretto su mobile.
5. Visualizza l’anteprima dell’intera pagina. Controlla spaziatura, larghezza e scelte di sfondo sullo storefront live prima di finalizzare il design.
   1. Presta particolare attenzione a eventuali messaggi di modulo o di riscatto, in modo che gli stati inviato, vuoto ed errore restino facili da leggere.
   2. Conferma che la pagina finale risulti ancora chiara quando contenuto, controlli e artwork compaiono insieme.