Iscrizione email

Link in evidenza

1. Documentazione di Company XYZ sulle impostazioni dell’header
2. Documentazione di Company XYZ sulle impostazioni dello sfondo della sezione
3. Documentazione di Company XYZ sulle impostazioni del padding della sezione
4. Documentazione di Company XYZ sulle impostazioni dei separatori
5. Documentazione di Company XYZ sulle impostazioni di visibilità
6. Documentazione di Company XYZ sulle impostazioni delle larghezze del layout
7. Documentazione di Shopify sulle sezioni e i blocchi
8. Documentazione di Shopify sulla personalizzazione delle sezioni

Video utili

Video Shopify Academy: personalizzare il tuo negozio

Video Shopify Academy: personalizzare il tuo negozio

Usi questa sezione per aggiungere un’area di iscrizione alla newsletter mirata, ovunque desideri catturare l’interesse, supportare una promozione o far crescere la sua lista email. Funziona meglio quando il messaggio è breve, il vantaggio è evidente e il modulo ha una separazione visiva sufficiente dai contenuti vicini.

Impostazioni specifiche della sezione

Impostazioni di colore

Questi controlli colore le consentono di sovrascrivere i colori più ampi del tema solo per questa sezione. Li usi quando l’area di iscrizione richiede un contrasto più forte, un aspetto specifico della campagna o una separazione migliore dalla pagina circostante.

Presti molta attenzione alla leggibilità se aggiunge un’immagine di sfondo, un gradiente o un video. Un forte contrasto tra lo sfondo, l’heading e il testo di supporto in genere conta più delle scelte decorative di colore.

Se usa media di sfondo, controlli la sezione sia su desktop sia su mobile per assicurarsi che l’heading, il testo e il modulo restino facili da leggere.

Impostazioni standard della sezione

Impostazioni dell’header

Impostazioni dell’header controllano il contenuto introduttivo sopra il modulo di iscrizione, inclusi l’icona, la didascalia, l’heading, il livello dell’heading e il testo di supporto. Usi quest’area per spiegare perché qualcuno dovrebbe iscriversi e cosa può aspettarsi.

Mantenga il testo conciso e orientato al vantaggio. L’icona è facoltativa, quindi vale la pena rimuoverla se aggiunge rumore visivo o non supporta il messaggio.

Consiglio

Scelga il tipo di heading in base alla struttura della pagina, non solo all’aspetto, in modo che la sezione si inserisca correttamente nel resto della gerarchia della pagina. Per una panoramica più ampia di come le sezioni sono organizzate nell’editor, veda documentazione Shopify su sezioni e blocchi

Impostazioni dello sfondo sezione

Impostazioni dello sfondo sezione le consentono di collocare l’area di iscrizione su uno sfondo a colore, gradiente, immagine o video. Le impostazioni di overlay aiutano a migliorare il contrasto e a rendere il testo più facile da leggere sopra i media.

Se usa sia un colore sia un gradiente, il gradiente ha la priorità. Lo stesso vale per i gradienti di overlay, quindi esamini la combinazione finale invece di presumere che entrambi appariranno insieme.

Impostazioni di padding

Impostazioni di padding regolano lo spazio sopra e sotto il contenuto di iscrizione. Uno spazio maggiore fa apparire la sezione più simile a un richiamo in evidenza, mentre uno spazio più ridotto la aiuta a inserirsi in modo naturale tra altri contenuti.

Verifichi separatamente lo spazio su mobile. Le sezioni di iscrizione possono sembrare rapidamente affollate sui dispositivi più piccoli, soprattutto quando il sottotitolo è più lungo.

Impostazioni dei separatori

Impostazioni dei separatori aggiungono una linea facoltativa sopra o sotto la sezione. Questo è utile quando l’area di iscrizione si trova tra sezioni simili e ha bisogno di un sottile confine visivo.

Se la sezione ha già uno sfondo marcato o molto spazio, i separatori possono essere inutili. Li mantenga discreti, in modo che supportino il layout senza competere con il modulo.

Impostazioni di visibilità

Impostazioni di visibilità controllano se questa sezione appare su desktop, su mobile o su entrambi. Questo è particolarmente utile quando desidera una presentazione di iscrizione diversa per schermi più piccoli.

Nasconda la sezione su un solo dispositivo solo se dispone di un’alternativa chiara altrove. Eviti di rimuovere da mobile un’importante opportunità di iscrizione senza un altro percorso visibile per iscriversi.

Impostazioni di larghezza

Impostazioni di larghezza controllano la larghezza massima del contenuto e la larghezza complessiva del contenitore della sezione. Le usi per mantenere il modulo facile da scansionare o per creare un banner più ampio in stile campagna.

Per la maggior parte delle sezioni di iscrizione, una larghezza del contenuto moderata mantiene il messaggio focalizzato e leggibile. Se modifica la larghezza della sezione mentre usa uno sfondo, visualizzi l’anteprima della pagina live oltre che nell’editor per valutare l’effetto in modo più accurato. Per indicazioni sulla configurazione dell’editing delle sezioni nell’editor del tema, veda documentazione Shopify sulla personalizzazione delle sezioni

Note sull’uso

1. Parta dal valore. Usi l’heading e il sottotitolo per dire ai visitatori esattamente perché vale la pena iscriversi, ad esempio offerte esclusive, accesso anticipato o aggiornamenti sui prodotti.
2. Mantenga leggibile la sezione. Abbini i media di sfondo a un overlay e a un contrasto del testo sufficienti, così che l’area di iscrizione resti chiara a colpo d’occhio.
3. Usi la larghezza per controllare il focus. Larghezze del contenuto più strette sono in genere adatte a semplici inviti all’iscrizione, mentre layout più ampi funzionano meglio per promozioni in stile banner.
4. Allinei lo spazio all’importanza. Aumenti il padding quando questa è una call to action primaria e lo riduca quando l’iscrizione si trova all’interno di un flusso di pagina più lungo.
5. Riveda il mobile prima della pubblicazione. Controlli la lunghezza dell’heading, lo spazio e la leggibilità dello sfondo su schermi più piccoli, in modo che la sezione resti pulita e facile da usare.
6. Controlli entrambe le viewport. I controlli desktop e mobile possono modificare in modo diverso l’allineamento, la visibilità e la presentazione dei media, quindi riveda la sezione in entrambe le dimensioni prima di pubblicare.
7. Mantenga leggibili gli stati del modulo. Si assicuri che i messaggi di successo ed errore restino facili da leggere, soprattutto quando uno stile di sfondo più marcato o le scelte dei media riducono il contrasto.