Sezioni per Express

I contenuti del tema vengono creati utilizzando le sezioni. Le sezioni sono blocchi di contenuto personalizzabili che determinano il layout e l'aspetto delle diverse pagine del tuo negozio online.

Le sezioni statiche sono sezioni che vengono visualizzate in sedi predeterminate nel tuo negozio online. Queste sezioni non possono essere rimosse o riorganizzate. Le sezioni statiche possono includere intestazioni, piè di pagina, sezioni di navigazione o sezioni di contenuto su pagine come pagine di prodotto e collezioni. Ad esempio, la sezione prodotto determina l'aspetto di ciascuna pagina di prodotto nel tuo negozio online.

Le sezioni dinamiche sono sezioni facoltative che puoi utilizzare per personalizzare il layout della tua Home page. nella Home page del tuo negozio, puoi aggiungere, ridisporree rimuovere le sezioni dinamiche per creare il layout della pagina. Sulla tua Home page puoi avere fino a 25 sezioni dinamiche.

Puoi scoprire l'esclusiva selezione di sezioni Express e come personalizzarle in base alle esigenze della tua attività.

Sezioni statiche

Express include le sezioni statiche seguenti:

  • Header
  • Footer
  • Prodotto
  • Raccomandazioni sui prodotti

Sezioni dinamiche

Express include le sezioni dinamiche seguenti:

  • Collezioni in evidenza
  • Sezione "prodotto in primo piano"
  • Contenuto personalizzato
  • Immagine con testo

L'header del tema è la sezione che appare nella parte superiore di ogni pagina del tuo negozio.

Nell'header puoi personalizzare i seguenti elementi:

  • loghi
  • Barra degli annunci
  • Menu
  • Cerca

Aggiungi un logo personalizzato

Puoi aggiungere all'header del tuo negozio un logo personalizzato. Il formato migliore è un file .png con sfondo trasparente. La larghezza massima del logo è 180 px. Puoi ridimensionare l'immagine del logo aumentando o diminuendo la larghezza.

  1. Clicca su Header. 5. Nell'area Immagine del logo, clicca su Seleziona immagine, quindi procedi in uno dei seguenti modi: * Per selezionare un'immagine che hai già caricato nel pannello di controllo Shopify, clicca sulla scheda Libreria. * Per selezionare un'immagine dal tuo computer locale, clicca su Libreria > Carica. 6. Usa il cursore Personalizza larghezza logo per personalizzare la larghezza del logo. 8. Clicca su Salva.

Aggiungi una barra degli annunci

Nell'header puoi aggiungere una barra degli annunci, che può essere utilizzata per mostrare un messaggio ai clienti. Il messaggio è personalizzabile e può includere informazioni di contatto, informazioni su eventi o vendite del negozio, oppure uno slogan del negozio stesso.

  1. Clicca su Header. 5. Nell'area Barra degli annunci, seleziona Mostra annuncio. 6. Inserisci il testo dell'annuncio. 7. Facoltativo: inserisci un URL per aggiungere un link all'annuncio. 8. Facoltativo: Nel menu Icona seleziona un'icona da visualizzare nella barra degli annunci. L'icona avrà lo stesso colore del testo dell'annuncio. 9. Per cambiare il colore di sfondo della barra degli annunci, clicca sul campione di colore Barra e scegli un colore. 10. Per cambiare il colore del testo dell'annuncio, clicca sul campione di colore Testo e scegli un colore. 11. Clicca su Salva.

Aggiungi un menu

Puoi aggiungere un menu all'header. Verranno visualizzati tutti i link del menu nell'header, che possono essere utilizzati per evidenziare le pagine più comuni a cui i clienti desiderano accedere. Ad esempio, puoi aggiungere un menu contenente link alle collezioni.

  1. Clicca su Header.

  2. Per selezionare un menu, clicca su Cambia. Seleziona un menu dall'elenco o clicca su Crea menu per crearne uno nuovo.

  3. Per modificare il menu, clicca su modifica menu.

  4. Clicca su Salva.

Abilita ricerca

Puoi aggiungere un'opzione di ricerca all'header, in modo che i clienti possano rapidamente individuare gli articoli nel tuo negozio.

  1. Clicca su Header. 2. Seleziona Mostra ricerca. 3. Clicca su Salva.

Il footer del tema è la sezione che appare in fondo a ogni pagina del tuo negozio. Puoi aggiungere le seguenti funzionalità al footer:

  • icone dei metodi di pagamento
  • un menu
  • iscrizione alla newsletter
  • una sezione di testo con informazioni sulla tua attività commerciale
  • icone dei social media
  • selettore lingua

Aggiungi le icone di pagamento

Puoi mostrare le icone dei metodi di pagamento che accetti nel footer. Questa area mostra le icone associate al gestore dei pagamenti che hai abilitato nella sezione impostazioni di pagamento del pannello di controllo.

  1. Fai clic su Footer.

  2. Seleziona Mostra icone di pagamento.

  3. Clicca su Salva.

Aggiungi un menu, un'iscrizione alla newsletter o un testo

  1. Fai clic su Footer.

  2. Per aggiungere un blocco di contenuto, clicca su Aggiungi contenuto nella sezione Contenuto. Seleziona il tipo di blocco tra le seguenti tipologie:

  • Menu
  • Newsletter
  • Testo

    Puoi aggiungere fino a 4 blocchi di contenuto.

    Per rimuovere un blocco di contenuto, clicca sul blocco, quindi su Rimuovi contenuto.

    Per personalizzare un blocco di contenuto, clicca sul blocco e modifica le impostazioni.

  1. Clicca su Salva.

Aggiungi le icone dei social media

  1. Clicca su Impostazioni tema.

  2. Clicca su Social media.

    1. Per caricare un'immagine per condivisione social, nell'area Immagine per condivisione social clicca su Seleziona immagine o Esplora immagini gratuite.
  3. Per aggiungere pulsanti di condivisione sui social ai tuoi prodotti e agli articoli del blog, seleziona una o più delle seguenti opzioni:

- Condividi su Facebook - Twitta su Twitter - Pinna su Pinterest (non disponibile per la condivisione di articoli sul blog)

  1. Per aggiungere link ai tuoi account sui social media, inseriscili nei campi disponibili sotto Account. Inserisci link completi, come https://instagram.com/shopify o https://twitter.com/shopify.

    1. Per modificare lo stile dei pulsanti di condivisione, seleziona Completamente brandizzato o Solo il logo dal menu Stile pulsante.
  2. Clicca su Salva.

Aggiungi un selettore lingua

Dovrai aggiungere un selettore di lingua solo se hai abilitato più lingue del negozio.

  1. Clicca su Sezioni.

  2. Fai clic su Footer.

  3. Sotto Selettore di lingua, seleziona Mostra selettore lingua.

  4. Clicca su Salva.

Prodotto

La pagina di prodotto compare quando un acquirente clicca su un prodotto di una collezione in evidenza. Mostra la descrizione, il prezzo, le varianti e le immagini del prodotto. Puoi scegliere se indirizzare gli utenti a una nuova pagina o mostrare i dettagli del prodotto in sovrapposizione sull'home page. Questa impostazione è controllata dalle impostazioni del tema. Quando la funzione Mostra pagine di prodotto in sovrapposizione è abilitata, se un prodotto viene selezionato da una collezione in evidenza la pagina di prodotto viene mostrata in sovrapposizione.

La sezione Prodotto include le impostazioni seguenti:

  • Mostra selettore quantità: consenti agli utenti di specificare una quantità da aggiungere al carrello.
  • Mostra fornitore: mostra il brand o il fornitore del prodotto nella pagina di prodotto. Affinché vengano mostrati il brand o il fornitore, devi aggiungere un fornitore al prodotto.
  • Mostra il pulsante di check-out dinamico: consenti ai clienti di saltare il carrello e passare direttamente al check-out dalla sezione del prodotto in primo piano.
  • Mostra pagine di prodotto in sovrapposizione: seleziona questa opzione per mostrare i dettagli del prodotto in sovrapposizione sulla pagina attuale. Questa sovrapposizione è visualizzata quando un prodotto viene selezionato da una collezione in evidenza.
  • Mostra i pulsanti per la condivisione sui social: mostra i pulsanti che i clienti possono utilizzare per condividere i tuoi prodotti sui social media. Questi pulsanti sono controllati dalle impostazioni del tema.

Modifica le impostazioni di prodotto

  1. Clicca su Prodotto. 2. Utilizza le impostazioni per personalizzare la pagina di prodotto. 3. Clicca su Salva.

Raccomandazioni sui prodotti

È possibile visualizzare i prodotti consigliati nelle pagine di prodotto per consentire ai clienti di scoprire con facilità altri prodotti interessanti per loro.

Se l'opzione Mostra pagine di prodotto in sovrapposizione è abilitata nella tua pagina di prodotto, i prodotti sono visualizzati in sovrapposizione sulla pagina attuale quando vi si accede da questa sezione.

Abilita le raccomandazioni sui prodotti

  1. Seleziona Pagine di prodotto.

  2. Clicca sulla sezione Raccomandazioni sui prodotti.

  3. Seleziona Mostra raccomandazioni dinamiche per mostrare i prodotti raccomandati sulle tue pagine di prodotto.

  4. Facoltativo: per modificare il titolo visualizzato sopra i prodotti consigliati inseriscine uno nuovo nel campo Titolo.

    1. Facoltativo: se vuoi consentire ai clienti di aggiungere prodotti al carrello direttamente dalla sezione Raccomandazioni sui prodotti, seleziona Abilita il pulsante "Acquisto rapido".
    2. Facoltativo: per mostrare o nascondere i fornitori nelle descrizioni dei prodotti utilizza la casella di spunta Mostra fornitore.
  5. Clicca su Salva.

Collezioni in evidenza

Puoi presentare più collezioni in un'unica sezione sulla tua home page. Le collezioni vengono visualizzate come schede accessibili ai clienti.

Quando un cliente aggiunge nel proprio carrello uno o più prodotti di una collezione in evidenza, la quantità di prodotto aggiunta al carrello viene visualizzata come badge sul prodotto.

Una sezione con collezioni in primo piano che contiene più collezioni. I nomi delle collezioni vengono visualizzati come schede cliccabili nella parte superiore della sezione.

La sezione delle collezioni in evidenza include le impostazioni seguenti:

  • Collezione: scegli le collezioni che vuoi includere nella sezione Collezioni in evidenza.
  • Dimensioni elenco collezione: scegli il numero di prodotti da mostrare per impostazione predefinita. Questa impostazione si applica a tutte le collezioni nella sezione Collezioni in evidenza. - Piccolo: 6 prodotti

    • Medio: 18 prodotti
    • Grande: 36 prodotti
  • Stile immagine: scegli in che modo ritagliare le immagini di prodotto delle collezioni. Questa impostazione si applica a tutte le collezioni nella sezione.

Aggiungi una sezione delle collezioni in evidenza alla tua home page

  1. Clicca su Aggiungi sezione. 2. Clicca su Collezioni in evidenza, quindi su Seleziona. 3. Nell'area del contenuto, seleziona il blocco di una collezione o clicca su Aggiungi collezione. 4. Clicca su Seleziona collezione. 5. Dall'elenco Collezione, seleziona la collezione che desideri visualizzare nella scheda, quindi clicca su Seleziona.
To add a collection, click the **Add collection** link to open the [**Create collection**](/manual/products/collections) page in a new tab.

To add or remove products from the selected collection, click the **Edit collection** link to open the **Collections** page in a new tab.
  1. Ripeti i passaggi da 3 a 5 per aggiungere altre collezioni alla sezione.
  2. Clicca su Salva.

Sezione "prodotto in primo piano"

Sulla tua home page puoi mettere in evidenza un prodotto. Questo è un ottimo modo per promuovere un nuovo prodotto o un prodotto in vendita. I clienti possono visualizzare le immagini di prodotto aggiuntive utilizzando le frecce sinistra e destra sotto l'immagine.

La sezione "prodotto in primo piano" include le seguenti impostazioni:

  • Prodotto: scegli il prodotto che desideri mettere in primo piano nella home page.
  • Mostra selettore quantità: consenti agli utenti di specificare una quantità da aggiungere al carrello.
  • Mostra fornitore: mostra il brand del prodotto o il fornitore nella sezione del prodotto in primo piano. Affinché vengano mostrati il brand o il fornitore, devi aggiungere un fornitore al prodotto.
  • Mostra i pulsanti di check-out dinamico: consenti ai clienti di saltare il carrello e passare direttamente al check-out dalla sezione del prodotto in primo piano.
  • Mostra i pulsanti per la condivisione sui social: mostra i pulsanti che i clienti possono utilizzare per condividere i tuoi prodotti sui social media. Questi pulsanti sono controllati dalle impostazioni del tema.
  • Stile immagine: scegli se aggiungere un ritaglio di forma quadrata o circolare alle immagini del prodotto in primo piano.

Aggiungi una sezione del prodotto in primo piano

  1. Clicca su Aggiungi sezione. 2. Clicca su Prodotto in primo piano, quindi su Seleziona. 3. Utilizza le impostazioni per personalizzare la sezione "prodotto in primo piano". 4. Clicca su Salva.

Contenuto personalizzato

Nella sezione Contenuto personalizzato, puoi raggruppare più blocchi di contenuto. La larghezza e l'allineamento di ciascun blocco possono essere regolati in modo da creare un layout personalizzato.

La sezione contenuto personalizzato include le seguenti impostazioni:

  • Titolo: il titolo della sezione.
  • Layout dispositivo mobile: il layout dei blocchi quando il tuo negozio viene visualizzato da un dispositivo mobile. Scegli tra le seguenti opzioni: - Griglia: i blocchi fino al 50% della larghezza vengono visualizzati nella stessa riga. I contenitori di larghezza superiore al 50% vengono visualizzati nella loro riga.
    • Pila: ogni blocco appare nella sua riga.
    • Cursore: i blocchi vengono compressi in una singola sezione con stile presentazione. I clienti possono cliccare sulle frecce di navigazione per visualizzare ulteriori blocchi.

Puoi scegliere tra i seguenti tipi di blocco.

Tipi di blocco contenuto personalizzato
Tipo di blocco Impostazioni
Testo

Titolo: aggiungi un titolo al blocco di testo.

Testo: aggiungi e formatta il tuo testo personalizzato.

Etichetta pulsante: aggiungi un pulsante con un'etichetta di testo al blocco.

Link pulsante: aggiungi il testo che desideri visualizzare sul pulsante.

Dimensione testo: imposta le dimensioni del testo.

Larghezza contenitore: imposta la larghezza del blocco.

Allineamento verticale: imposta la posizione verticale del contenuto nel blocco.

Allineamento orizzontale: imposta la posizione orizzontale del contenuto nel blocco.

Immagine

Immagine: aggiungi un'immagine da visualizzare nel blocco. Puoi caricare un'immagine, utilizzare un'immagine caricata in precedenza o selezionare un'immagine d'archivio gratuita di Burst.

Larghezza contenitore: imposta la larghezza del blocco.

Allineamento verticale: imposta la posizione verticale del contenuto nel blocco.

Prodotto

Prodotto: scegli un prodotto da mettere in evidenza nel blocco. Verranno visualizzati il nome, l'immagine e il prezzo del prodotto. Se il prodotto non dispone di immagine, nel blocco verrà visualizzato il suo titolo.

Larghezza contenitore: imposta la larghezza del blocco.

Allineamento verticale: imposta la posizione verticale del contenuto nel blocco.

Se l'opzione Mostra pagine di prodotto in sovrapposizione è abilitata nella tua pagina di prodotto, i prodotti sono visualizzati in sovrapposizione sulla pagina attuale quando vi si accede da questa sezione.

Collezione

Collezione: scegli una collezione da mettere in evidenza nel blocco. Verranno visualizzati il titolo della collezione e la Hero image. Se la Hero image non è presente, verrà visualizzata un'immagine del primo prodotto nella collezione. Se i prodotti nella collezione non dispongono di immagini, nel blocco verrà visualizzato il titolo della collezione.

Larghezza contenitore: imposta la larghezza del blocco.

Allineamento verticale: imposta la posizione verticale del contenuto nel blocco.

Menu

Menu: seleziona un menu da visualizzare nel blocco.

Titolo: aggiungi un titolo per il menu.

Larghezza contenitore: imposta la larghezza del blocco.

Allineamento verticale: imposta la posizione verticale del contenuto nel blocco.

Allineamento orizzontale: imposta la posizione orizzontale del contenuto nel blocco.

Aggiungi del contenuto personalizzato alla tua home page

  1. Clicca su Aggiungi sezione.

  2. Clicca su Contenuto personalizzato, quindi su Seleziona.

  3. Seleziona e configura i blocchi contenuto che vuoi includere nella sezione.

  4. Clicca su Salva.

Immagine con testo

Con Express, puoi aggiungere un'immagine con testo, collocato a destra o a sinistra dell'immagine. Puoi anche aggiungere un pulsante con il link a un'altra pagina.

Puoi utilizzare una sezione immagine con testo per pubblicizzare un prodotto o una collezione specifica.

La sezione "immagine con testo" include le seguenti impostazioni:

  • Immagine: aggiungi un'immagine da includere nella sezione. Puoi caricare un'immagine, utilizzare un'immagine caricata in precedenza o selezionare un'immagine d'archivio gratuita di Burst.
  • Titolo: aggiungi il testo principale da associare all'immagine.
  • Testo: aggiungi il testo secondario da associare all'immagine. Questo testo viene visualizzato sotto il testo del titolo.
  • Etichetta pulsante: aggiungi il testo che desideri visualizzare sul pulsante.
  • Link pulsante: imposta l'URL o la pagina a cui desideri collegare il pulsante. Incolla l'URL o seleziona una pagina dal menu. Se non vuoi includere un pulsante nella sezione, lascia vuoto questo campo.

Opzioni layout

  • Desktop: scegli se l'immagine presente nella sezione debba apparire a sinistra o a destra nella visualizzazione da un computer desktop. Per mostrare l'immagine a sinistra, seleziona Prima l'immagine.
  • Mobile: scegli se l'immagine presente nella sezione debba apparire per prima o per seconda quando viene visualizzata in un dispositivo mobile.
  • Sfondo secondario: scegli se aggiungere un colore di sfondo secondario alla sezione. Seleziona Parziale per aggiungere il colore di sfondo ai tre quinti della sezione in alto. Questo colore può essere modificato nelle impostazioni del tema.
  • Dimensione del testo: scegli le dimensioni del titolo e del testo nella sezione.
  • Mantieni rapporto immagine: seleziona questa opzione per evitare che l'immagine selezionata sia ritagliata. Se questa opzione resta deselezionata, l'immagine verrà ritagliata in un quadrato.
  • Abilita il colore del testo secondario: seleziona questa opzione per utilizzare il colore del testo dello sfondo secondario per titolo e testo. Questo colore può essere modificato nelle impostazioni del tema.

Aggiungi una sezione di immagine con testo alla tua home page

  1. Clicca su Aggiungi sezione. 2. Clicca su Immagine con testo, quindi su Seleziona. 3. Nell'area Immagine, clicca su Seleziona immagine, quindi esegui una delle azioni seguenti: - Se vuoi selezionare un'immagine che hai già caricato nel pannello di controllo Shopify, clicca sulla scheda Libreria.
    • Per selezionare un'immagine d'archivio dalla raccolta di immagini di stock Burst, clicca sulla scheda Immagini gratuite. Qui puoi inserire un termine di ricerca o consultare le categorie di immagini.
    • Per selezionare un'immagine dal tuo computer, clicca sulla scheda Libreria, quindi clicca su Carica.
  2. Utilizza le impostazioni per personalizzare la sezione. 5. Clicca su Salva.

Sei pronto per iniziare a vendere con Shopify?

Provalo, è gratis