Sezioni per Supply

Il contenuto del tema viene creato utilizzando le sezioni, blocchi di contenuto personalizzabili che determinano il layout e l'aspetto di diverse pagine del negozio online. Puoi aggiungere, rimuovere, modificare e personalizzare le sezioni utilizzando l'editor del tema aggiornato.

I temi di Shopify hanno i tipi di sezioni seguenti:

  • Sezioni statiche: sezioni che vengono visualizzate in posizioni predeterminate nel tuo negozio online. Queste sezioni non possono essere rimosse o riorganizzate. Le sezioni statiche possono includere header, footer, sezioni di navigazione o sezioni di contenuto su pagine come pagine del prodotto e di collezione. Ad esempio, la sezione Prodotto determina l'aspetto di ciascuna pagina del prodotto nel tuo negozio online.
  • Sezioni dinamiche: sezioni facoltative che puoi utilizzare per personalizzare il layout della tua home page. Nella home page del tuo negozio, puoi aggiungere, riorganizzare e 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 Supply e come personalizzarle in base alle esigenze della tua attività.

Sezioni statiche

Supply include le sezioni statiche seguenti:

  • Header
  • Footer
  • Prodotto
  • Collezione
  • Pagina con l'elenco delle collezioni
  • Pagine articoli

Sezioni dinamiche

Supply include le sezioni dinamiche seguenti:

  • Articoli del blog
  • Elenco delle collezioni
  • Collezione in evidenza
  • Immagine con testo
  • Presentazione
  • Sezione "prodotto in primo piano"
  • Newsletter
  • Mappa
  • Rich text
  • Video
  • Contenuto personalizzato

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

Aggiungi un logo personalizzato

Puoi aggiungere all'header del tuo negozio un logo personalizzato. Per il formato, la scelta migliore è un file .png con sfondo trasparente. La larghezza del logo consigliata per Supply è di 400 pixel. Puoi ridimensionare l'immagine del logo aumentando o diminuendo la larghezza. Non aumentare il valore oltre la larghezza originale dell'immagine del logo. Se lo fai, puoi causare una distorsione e una perdita di qualità dell'immagine.

Se non aggiungi un'immagine del logo, viene mostrato il nome del negozio come testo. Puoi modificare il nome del negozio sulla pagina delle Impostazioni generali all'interno del pannello di controllo Shopify.

  • Larghezza logo personalizzato: la larghezza del logo.
  1. Clicca su Header. 2. Nell'area Immagine del logo clicca su Seleziona immagine, quindi esegui una delle azioni seguenti: * Per selezionare un'immagine che hai già caricato nel pannello di controllo Shopify, clicca sulla scheda Libreria. * Per selezionare un'immagine dal computer locale, clicca su Libreria > Carica. 3. Utilizza le impostazioni per personalizzare le dimensioni e il posizionamento del logo. 4. Clicca su Salva.

Aggiungi una barra degli annunci

Puoi aggiungere una barra degli annunci nell'header e utilizzarla per mostrare un messaggio ai clienti. Il messaggio è personalizzabile e può includere informazioni di contatto, informazioni su eventi o vendite del negozio o uno slogan. Il messaggio può avere una lunghezza massima di 55 caratteri.

  1. Clicca su Header.
  2. Nell'area Barra degli annunci seleziona Mostra annuncio.
  3. Inserisci il testo dell'annuncio.
  4. Facoltativo: inserisci un URL per aggiungere un link all'annuncio.
  5. 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.

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 social media
  • icone dei metodi di pagamento
  • un menu orizzontale
  • iscrizione alla newsletter
  • testo personalizzato
  • link rapidi

Aggiungi le icone dei social media

Puoi abilitare un'opzione per mostrare le icone dei social media nel footer del tuo negozio online. Le icone dei social media visualizzati nel footer sono controllate dalle impostazioni del tema.

  1. Fai clic su Footer.
  2. Seleziona Mostra icone social media.
  3. Clicca su Salva.

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 orizzontale

Puoi aggiungere un menu al footer. In questo modo, verranno visualizzati tutti i link del menu in una barra orizzontale nella parte inferiore del footer. Puoi utilizzare questo menu per inserire il link alle pagine comuni a cui i tuoi clienti vogliono accedere. Ad esempio, puoi aggiungere un menu che contenga i link alle tue condizioni di spedizione e reso.

  1. Fai clic su Footer.
  2. Modifica l'impostazione del Menu legale. Per selezionare un menu, clicca su Cambia. Seleziona un menu dall'elenco o clicca su Create menu (Crea menu) per crearne uno nuovo.
  3. Per modificare il menu, clicca su modifica menu.
  4. Clicca su Salva.

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

Puoi aggiungere fino a nove blocchi di contenuto nel footer.

  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](/manual/online-store/os/menus-and-links)

- [Newsletter](/manual/online-store/os/using-themes/change-the-layout/theme-settings/theme-newsletter)

- Text

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.

Prodotto

La sezione Prodotto è la parte personalizzabile principale per le pagine del prodotto. Puoi personalizzare questa sezione utilizzando le opzioni seguenti:

  • Abilita zoom immagine: consenti ai clienti di ingrandire l'immagine del prodotto scorrendovi sopra con il mouse.
  • Mostra selettore quantità: consenti agli utenti di specificare una quantità da aggiungere al carrello.
  • Mostra messaggio con la quantità residua: mostra le scorte rimanenti quando l'inventario inizia a scarseggiare. Il messaggio della quantità rimanente viene visualizzato quando sono presenti in magazzino 9 pezzi o meno della variante selezionata. Per mostrare questo messaggio, devi abilitare il monitoraggio dell'inventario per il prodotto.
  • Mostra messaggio trasferimento scorte in entrata quando esaurite: mostra un messaggio che indica quando un prodotto esaurito sarà di nuovo disponibile. Il messaggio visualizzato è “Sarà disponibile in magazzino dopo il [data]”. Per mostrare questo messaggio, devi creare un trasferimento per registrare l'inventario in arrivo del prodotto.
  • Mostra fornitore: mostra il brand o il fornitore del prodotto. Affinché vengano mostrati il brand o il fornitore, devi aggiungere un fornitore al prodotto.
  • Mostra importo risparmiato: mostra l'importo che il cliente sta risparmiando. L'importo risparmiato è la differenza tra il prezzo normale e il prezzo di confronto del prodotto. Per mostrare l'importo risparmiato, devi impostare un prezzo di confronto per il prodotto.
  • Mostra il prezzo di confronto: mostra il prezzo di confronto del prodotto.
  • Mostra prodotti correlati: mostra una selezione di prodotti simili in fondo alla pagina. La collezione a cui appartiene il prodotto determina i prodotti simili visualizzati in questa sezione. Per fare in modo che vengano visualizzati i prodotti simili, devi aggiungere un prodotto a una collezione. Se il prodotto non fa parte di una collezione, o se è l'unico articolo di quella collezione, non vengono mostrati prodotti simili.
  • 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.
  • Abilita condivisione del prodotto: visualizza i pulsanti che i clienti possono utilizzare per condividere prodotti sui social media. Le opzioni di condivisione visualizzate sono controllate dalle impostazioni del tema.
  • Abilita recensioni prodotto: aggiungi una sezione di recensioni prodotto alla pagina. Per poter mostrare le recensioni, devi installare l'app gratuita di Shopify Product Reviews e ricevere recensioni per il tuo prodotto.
  • Selettore di variante e dimensioni del pulsante: scegli una dimensione da questo menu a discesa per impostare le dimensioni del selettore di variante, del pulsante Aggiungi al carrello e del pulsante di check-out dinamico.

Modifica impostazioni prodotto

  1. Seleziona Pagine del prodotto.
  2. Clicca sulla sezione Prodotto.
  3. Utilizza le impostazioni per personalizzare la sezione del prodotto.
  4. Clicca su Salva.

Collezione

La sezione Collezione è la parte personalizzabile principale per le pagine di collezione.

La sezione Collezione include le impostazioni seguenti:

  • Prodotti per riga: scegli il numero di prodotti da mostrare su ogni riga nella pagina di collezione.
  • Righe per pagina (solo griglia): scegli il numero di righe prodotto da visualizzare nella pagina di collezione.
  • Filtri di prodotto Sidebar: scegli se ordinare le collezioni in base ai tag di prodotto o a gruppi di filtri nella sidebar.
  • Mostra il prezzo di confronto: mostra il prezzo di confronto del prodotto.
  • Mostra importo risparmiato: mostra l'importo che il cliente sta risparmiando. L'importo risparmiato è la differenza tra il prezzo normale e il prezzo di confronto del prodotto. Per mostrare l'importo risparmiato, devi impostare un prezzo di confronto per il prodotto.
  • Abilita recensioni prodotto: mostra sulla pagina i badge dei punteggi delle recensioni. Per poter mostrare i badge dei punteggi delle recensioni, devi installare l'app gratuita di Shopify Product Reviews e ricevere recensioni per i tuoi prodotti.
  • Abilita sidebar: visualizza una sidebar per consentire ai clienti di filtrare i prodotti utilizzando il tipo di filtro selezionato.

Modifica impostazioni collezione

  1. Seleziona Pagine di collezione.
  2. Clicca sulla sezione Collezione.
  3. Utilizza le impostazioni per personalizzare la sezione della collezione.
  4. Clicca su Salva.

Elenco delle collezioni

Utilizza la sezione Elenco delle collezioni per mostrare fino a 6 collezioni di prodotti nella tua home page.

Aggiungi un elenco delle collezioni alla tua home page

  1. Clicca su Aggiungi sezione. 2. Clicca su Elenco delle collezioni, quindi su Seleziona. 3. Per aggiungere una collezione alla sezione, personalizza ogni blocco Collezione: * Clicca su un blocco collezione e poi su Seleziona una collezione. * Dall'elenco a discesa Collezione, seleziona una collezione da visualizzare o clicca su Crea collezione per crearne una nuova. * Clicca su Seleziona. 4. Per aggiungere ulteriori blocchi collezione, clicca su Aggiungi collezione. 5. Clicca su Salva.

Collezione in evidenza

Puoi mettere in evidenza una collezione sulla tua home page. Mettere delle collezioni in evidenza può esserti utile per promuovere sia le vendite che le nuove collezioni.

La sezione Collezione in evidenza include le impostazioni seguenti:

  • Titolo: aggiungi un titolo alla sezione della collezione in evidenza.
  • Collezione: scegli la collezione visualizzata nella sezione.
  • Prodotti per riga: scegli il numero di prodotti da mostrare su ogni riga nella sezione.
  • Righe: scegli il numero di righe di prodotto da mostrare nella sezione.
  • Mostra importo risparmiato: mostra l'importo che il cliente sta risparmiando. L'importo risparmiato è la differenza tra il prezzo normale e il prezzo di confronto del prodotto. Per mostrare l'importo risparmiato, devi impostare un prezzo di confronto per il prodotto.
  • Mostra il prezzo di confronto: mostra il prezzo di confronto del prodotto.

Aggiungi una collezione in evidenza alla tua home page

  1. Clicca su Aggiungi sezione. 2. Clicca su Collezione in evidenza, quindi su Seleziona. 3. Clicca su Seleziona collezione, seleziona una collezione da visualizzare, quindi clicca Seleziona. 4. Utilizza le impostazioni per personalizzare la sezione "Collezione in evidenza". 5. Clicca su Salva.

Presentazione

La sezione Presentazione ti consente di caricare immagini da utilizzare per una presentazione sulla tua home page.

Puoi selezionare fino a 6 immagini per le slide della tua home page. A ogni slide puoi aggiungere un link, sul quale i clienti possono cliccare per aprire una pagina del tuo negozio.

Ogni immagine delle slide deve essere larga 1000 pixel e alta 500 pixel. Se nella presentazione usi immagini con altezze diverse, nel passaggio da una slide all'altra possono apparire salti o discontinuità.

La sezione "presentazione" include le seguenti impostazioni:

Contenuto

  • Immagine: aggiungi un'immagine da mostrare sulla slide nella presentazione.
  • URL link: aggiungi alla slide il link a un'altra parte del tuo negozio online.

Impostazioni

  • Ruota slide automaticamente - Imposta la rotazione automatica delle slide nella presentazione.
  • Tempo di transizione: scegli con quale frequenza far scorrere le slide.

Personalizza la tua presentazione

  1. Clicca su Aggiungi sezione.
  2. Clicca su Presentazione, quindi su Seleziona.
  3. Per aggiungere immagini alla presentazione e personalizzarla, clicca su un blocco Immagine:
    1. Clicca su Seleziona immagine, quindi procedi in uno dei seguenti modi: - Se vuoi selezionare un'immagine che hai già caricato nel pannello di controllo Shopify, clicca sulla scheda Libreria.
  4. Per selezionare un'immagine d'archivio dalla raccolta di immagini di scorte Burst, clicca sulla scheda Immagini gratuite. Qui puoi inserire un termine di ricerca o consultare le categorie di immagini.
  5. Per selezionare un'immagine dal tuo computer, clicca sulla scheda Libreria, quindi clicca su Carica.

    1. Se vuoi aggiungere alla slide un link, procedi in uno di questi modi: - Se vuoi collegare il testo della slide a una pagina del tuo negozio, fai clic nel campo URL link e seleziona una pagina.
    2. Se vuoi collegare il testo della slide a un sito web, incolla l'URL del sito nel campo URL link.
  6. Usa le impostazioni per personalizzare la presentazione.

  7. Clicca su Salva.

Newsletter

Puoi inserire nella tua home page un'opzione per iscriversi a una newsletter. In questo modo puoi raccogliere gli indirizzi email dei clienti per campagne di marketing via email. Maggiori informazioni sull'email marketing nel blog di Shopify.

Aggiungi un campo di iscrizione alla newsletter sulla tua home page

  1. Clicca su Aggiungi sezione.

  2. Clicca su Newsletter, quindi su Seleziona.

  3. Inserisci un titolo per l'iscrizione alla newsletter.

  4. Inserisci un sottotitolo per l'iscrizione alla newsletter.

  5. Clicca su Salva.

Mappa

Puoi aggiungere una mappa di Google alla tua home page per mostrare ai clienti dove si trova la tua attività.

La sezione "mappa" include le seguenti impostazioni:

  • Titolo - Aggiungi un titolo alla sezione mappa.
  • Indirizzo e orari - Aggiungi l'indirizzo e gli orari del tuo negozio alla sezione mappa.
  • Indirizzo su mappa - Imposta la mappa per mostrare la posizione del tuo negozio.
  • Etichetta del link alla mappa - Aggiungi un pulsante con il link alla tua posizione su Google Maps.
  • Mostra segnaposto - Aggiungi un segnaposto che mostra la posizione specifica del tuo negozio sulla mappa.
  • Chiave API di Google Maps - Aggiungi la chiave API della tua mappa alla sezione mappa.
  • Immagine - Aggiungi un'immagine che viene visualizzata se non si carica la mappa.
  • Posizione immagine - Imposta la posizione dell'immagine.

Aggiungi una mappa alla tua home page

  1. Clicca su Aggiungi sezione.
  2. Clicca su Mappa, quindi su Seleziona.
  3. Usa le impostazioni per personalizzare la sezione mappa.
  4. Clicca su Salva.

Rich text

Utilizza la sezione Rich text per inserire qualsiasi contenuto scritto da mostrare nella home page o per incorporare qualsiasi pagina creata nel tuo pannello di controllo Shopify. Ad esempio, puoi mettere in evidenza gli eventi imminenti incorporando la pagina del blog o puoi mostrare una pagina con:

La sezione "rich text" include le seguenti impostazioni:

  • Titolo - Aggiungi un titolo alla sezione rich text.
  • Testo - Aggiungi e formatta il tuo testo personalizzato. Se desideri mostrare una pagina del tuo negozio, clicca su Aggiungi contenuto, quindi su Pagina. Seleziona dal menu a discesa la pagina da mostrare come home page.
  • Dimensione - Imposta la dimensione del testo.

Aggiungi Rich text alla tua home page

  1. Clicca su Aggiungi sezione.

  2. Clicca su Rich text, quindi su Seleziona.

  3. Usa le impostazioni per personalizzare la sezione rich text.

  4. Clicca su Salva.

Video

Puoi aggiungere un video di YouTube o Vimeo alla tua home page. I video coinvolgono i clienti e generano interesse verso la tua attività.

Per aggiungere un video, devi trovare il link di condivisione del video:

  • YouTube: un link di condivisione di YouTube ha questo aspetto: https://youtu.be/ZXWgHlnVVEY. Per informazioni su come copiare il link di condivisione di un video YouTube, consulta questo articolo della Guida di YouTube.
  • Vimeo - Un link di condivisione di Vimeo ha questo aspetto: https://vimeo.com/123456789. Per informazioni su come copiare il link di condivisione di un video di Vimeo, leggi questo articolo del Vimeo Help Center.

La sezione "video" include le seguenti impostazioni:

  • Titolo - Aggiungi un titolo alla sezione video.
  • Link video - Aggiungi il link di condivisione per il tuo video.

Aggiungi un video alla tua home page

  1. Clicca su Aggiungi sezione.
  2. Clicca su Video, quindi su Seleziona.
  3. Utilizza le impostazioni per personalizzare la sezione del video.
  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.

Puoi utilizzare il linguaggio HTML per formattare blocchi di testo, creare tabelle o incorporare contenuti da un altro sito web. In una sezione di contenuto personalizzato, puoi aggiungere fino a nove blocchi HTML personalizzati.

Ogni blocco HTML personalizzato include le impostazioni seguenti:

  • HTML - Aggiungi il codice HTML che desideri sia visualizzato sulla tua home page.
  • Larghezza contenitore: imposta la larghezza del blocco HTML personalizzato.
  • Allineamento verticale: imposta la posizione verticale 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.

Sei pronto per iniziare a vendere con Shopify?

Provalo, è gratis