Sezioni di Debut

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 visualizzate in posizioni predeterminate nel negozio online. Queste sezioni non possono essere rimosse o riorganizzate e possono includere header, footer, sezioni di navigazione o 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 negozio online.
  • Sezioni dinamiche: sezioni facoltative che puoi utilizzare per personalizzare il layout della home page. Nella home page del 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 Debut e come personalizzarle in base alle esigenze della tua attività.

Sezioni statiche

Debut include le seguenti sezioni statiche:

  • Header
  • Footer
  • Pagine del prodotto
  • Raccomandazioni sui prodotti
  • Pagine di collezioni
  • Pagina con l'elenco delle collezioni
  • Pagine del blog
  • articoli
  • Pagina del carrello

Sezioni dinamiche

Debut include le seguenti sezioni dinamiche:

  • Articoli del blog
  • Elenco delle collezioni
  • Collezione in evidenza
  • galleria
  • Immagine con testo
  • Immagine con testo sovrapposto
  • Elenco loghi
  • Sezione "prodotto in primo piano"
  • Newsletter
  • Mappa
  • Rich text
  • Testimonial
  • Colonne di testo con foto
  • Video
  • Contenuto personalizzato
  • Presentazione

Nella sezione header, puoi modificare il contenuto visualizzato nella parte superiore di ogni pagina del tuo negozio. Puoi aggiungere un'immagine del logo, scegliere quale menu mostrare e creare un messaggio di annuncio.

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. Puoi ridimensionare l'immagine del logo aumentando o diminuendo la larghezza.

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. - Allineamento logo: l'allineamento del logo nell'header. Seleziona A sinistra o Al centro.
  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

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.
  2. Nell'area Barra degli annunci seleziona Mostra annuncio. Seleziona l'opzione Solo home page per mostrare il messaggio dell'annuncio solo sulla home page.
  3. Inserisci il testo dell'annuncio.
  4. Facoltativo: inserisci un URL per aggiungere un link all'annuncio.
  5. Per cambiare il colore di sfondo della barra degli annunci, clicca sul campione di colore Barra e scegli un colore.
  6. Per cambiare il colore del testo dell'annuncio, clicca sul campione di colore Testo e scegli un colore.
  7. 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 metodi di pagamento
  • link rapidi
  • iscrizione alla newsletter
  • una sezione di testo con informazioni sulla tua attività commerciale
  • icone dei social media
  • selettore lingua
  • selettore di valuta

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

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

- Text

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

Quando aggiungi un account di social media alle impostazioni del tema, questo viene automaticamente visualizzato nel footer.

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.

Aggiungi un selettore di valuta

Devi aggiungere un selettore di valuta solo se hai abilitato più valute.

  1. Fai clic su Footer.

  2. Sotto selettore di valuta, seleziona Mostra selettore di valuta.

  3. Clicca su Salva.

Pagine del prodotto

La sezione Pagine del prodotto è la parte personalizzabile principale per le pagine del prodotto. Questa sezione supporta anche le seguenti funzionalità, se configurate nel tuo negozio:

Puoi personalizzare questa sezione utilizzando le opzioni seguenti:

  • Mostra selettore quantità: consenti agli utenti di specificare una quantità da aggiungere al carrello.
  • Mostra etichette per le varianti: mostra etichette per le varianti, come "Taglia" e "Colore" sopra i menu a discesa delle varianti. Le etichette per le varianti visualizzate prendono i nomi dalle opzioni delle varianti previste per il 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 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 i pulsanti di condivisione social: mostra i pulsanti che i clienti possono utilizzare per condividere i prodotti sui social media. Le opzioni di condivisione visualizzate sono controllate dalle impostazioni del tema.

Contenuti multimediali

  • Dimensioni: imposta la dimensione del tuo prodotto multimediale.
  • Abilita zoom immagine: consenti ai clienti di ingrandire l'immagine del prodotto scorrendovi sopra con il mouse.
  • Abilita la riproduzione in loop dei video: seleziona questa opzione per riprodurre in loop i video di prodotto. Se questa opzione è deselezionata, al termine della riproduzione appare in video il pulsante play.

Modifica impostazioni delle Pagine del prodotto

  1. Seleziona Pagine del prodotto.
  2. Clicca sulla sezione Pagine del prodotto.
  3. Usa le impostazioni per personalizzare la sezione delle pagine del prodotto.
  4. Clicca su Salva.

Mostra disponibilità di ritiro

Debut ti consente di mostrare ai clienti se un prodotto nel tuo negozio online è disponibile per il ritiro locale. Nella pagina di ogni prodotto, la sezione della disponibilità di ritiro indica se il prodotto è disponibile e l'intervallo di tempo previsto per il ritiro.

Per utilizzare questa funzionalità, devi configurare il ritiro locale. Se è abilitato, la funzionalità è sempre visibile sulle pagine dei prodotti e non può essere disabilitata.

Dopo aver abilitato il ritiro locale, la pagina del prodotto mostra se il prodotto è disponibile per il ritiro in una sede di ritiro locale. Queste informazioni vengono visualizzate solo per i prodotti stoccati in almeno una sede di ritiro e per i quali hai selezionato Questo è un prodotto fisico nella sezione Spedizioni dei dettagli di una variante di prodotto.

Per selezionare l'opzione Questo è un prodotto fisico su una variante di prodotto, effettua le operazioni seguenti:

  1. Dal tuo pannello di controllo Shopify, vai su Prodotti > Tutti i prodotti.

  2. Seleziona un prodotto.

  3. In Varianti, seleziona una variante.

  4. In Spedizioni seleziona Questo è un prodotto fisico.

  5. Clicca su Salva.

Se hai abilitato il ritiro locale solo per una sede, la posizione e la disponibilità di ritiro vengono visualizzate per quella sede. I clienti possono cliccare su Visualizza i dettagli del negozio per maggiori informazioni sulla sede di ritiro.

Se hai abilitato il ritiro locale per più di una sede, la sezione disponibilità di ritiro visualizza la posizione e la disponibilità di ritiro per la sede più vicina al cliente, in base al suo indirizzo IP. Quando il cliente clicca su Verifica disponibilità in altri negozi, l'elenco delle sedi di ritiro viene ordinato a distanza da lui.

Se la sede del cliente non può essere determinata dal suo indirizzo IP, la sezione disponibilità di ritiro visualizza la posizione e la disponibilità di ritiro in ordine alfabetico, prima per città e poi per nome della sede. Supponiamo, ad esempio, che tu abbia tre sedi di ritiro: "Queen Street" a Toronto, "Front Street" a Toronto e "Alberni Street" a Vancouver. La sezione disponibilità di ritiro mostrerebbe i dettagli di "Front Street" a Toronto.

Mostrare il banner Shop Pay Installments

Versione 17.12.0+

Se hai abilitato Shop Pay Installments e ti trovi negli Stati Uniti, il banner di Shop Pay Installments viene visualizzato nella pagina del prodotto se il suo prezzo è compreso tra 50 e 1000 USD. Se Shop Pay Installments è abilitato, il banner non può essere disabilitato.

Il banner viene visualizzato sotto il prezzo del prodotto e indica che i clienti potranno pagare il prodotto per intero o in 4 rate di pari importo. Gli utenti possono cliccare su Maggiori informazioni per visualizzare informazioni aggiuntive sulle rate e sugli obblighi di divulgazione.

Raccomandazioni sui prodotti

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

Abilita le raccomandazioni sui prodotti

  1. Seleziona Pagine del prodotto.

  2. Clicca sulla sezione Raccomandazioni sui prodotti.

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

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

    1. Facoltativo: per mostrare o nascondere i fornitori nelle descrizioni dei prodotti utilizza la casella di spunta Mostra fornitore.
  5. Clicca su Salva.

Pagine di collezioni

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

La sezione Pagine di collezione include le impostazioni seguenti:

  • Layout: scegli il modo in cui i prodotti vengono organizzati nella pagina di collezione.
  • Prodotti per riga (solo griglia): scegli il numero di prodotti da mostrare su ogni riga della pagina di collezione. Questa sezione si applica solo se il Layout è impostato su Griglia.
  • Righe per pagina (solo griglia): scegli il numero di righe di prodotti da mostrare nella pagina di collezione. Questa sezione si applica solo se il Layout è impostato su Griglia.
  • Mostra immagine collezione: mostra l'immagine della collezione nella parte superiore della pagina di collezione.
  • Mostra fornitori prodotto: mostra il fornitore per ogni prodotto sotto il titolo del prodotto.
  • Abilita ordinamento: seleziona quest'opzione per consentire ai clienti di ordinare i prodotti sulle pagine di collezione.
  • Abilita filtro tag: seleziona quest'opzione per consentire ai clienti di filtrare la collezione in base al tag del prodotto.

Modifica le impostazioni delle Pagine di collezione

  1. Seleziona Pagine di collezione.
  2. Fai clic sulla sezione Pagine di collezione.
  3. Usa le impostazioni per personalizzare la sezione delle pagine di collezione.
  4. Clicca su Salva.

Pagina con l'elenco delle collezioni

I tuoi clienti possono utilizzare la pagina con l'elenco delle collezioni per trovare la collezione che vogliono esplorare. La pagina con l'elenco delle collezioni Mostra tutte le collezioni del negozio oppure può mostrare un gruppo di collezioni selezionate.

La sezione Pagina con l'elenco delle collezioni include le impostazioni seguenti:

  • Collezione: imposta le collezioni che desideri mostrare nella pagina con l'elenco delle collezioni. Questa impostazione viene utilizzata solo se seleziona collezioni da mostrare è impostato su Selezionate.
  • Seleziona le collezioni da mostrare: scegli quali collezioni mostrare.
  • Ordina le collezioni per: imposta la modalità con cui vengono ordinate le collezioni. Questa impostazione viene utilizzata solo se Seleziona le collezioni da mostrare è impostato su Tutte.
  • Collezioni per riga: imposta il numero di collezioni da mostrare su ogni riga nella pagina con l'elenco delle collezioni.

Personalizza la sezione della pagina con l'elenco delle collezioni

  1. Seleziona Elenco delle collezioni.
  2. Clicca sulla sezione Pagina con l'elenco delle collezioni.
  3. Facoltativo: nell'area Contenuto, clicca su Aggiungi collezione per aggiungere delle collezioni alla pagina con l'elenco delle collezioni.
  4. Usa le impostazioni per personalizzare la sezione della pagina con l'elenco delle collezioni.
  5. Clicca su Salva.

Pagine del blog

La sezione Pagine del blog è la parte personalizzabile principale di una pagina del blog. La pagina del blog elenca tutti gli articoli pubblicati sul blog stesso. Puoi elencare gli articoli del blog o visualizzarli in una griglia. Sia l'elenco sia la griglia mostrano il titolo dell'articolo del blog e un suo estratto, se disponibile. Se non è disponibile alcun estratto, vengono visualizzate le prime frasi dell'articolo.

La sezione Pagine del blog include le impostazioni seguenti:

  • Layout: scegli Elenco o Griglia.
  • Mostra autore: mostra il nome dell'autore sotto il titolo dell'articolo del blog.
  • Mostra data: mostra la data di pubblicazione sotto il titolo dell'articolo del blog.

Personalizza la sezione delle pagine del Blog

  1. Seleziona Blog.
  2. Clicca sulla sezione Pagine del blog.
  3. Utilizza le impostazioni per personalizzare la sezione degli articoli.
  4. Clicca su Salva.

articoli

Le pagine degli articoli del blog mostrano i singoli articoli del blog. La sezione Articoli include le impostazioni seguenti:

  • Mostra autore: mostra il nome dell'autore sotto il titolo dell'articolo del blog.
  • Mostra data: mostra la data di pubblicazione sotto il titolo dell'articolo del blog.
  • Mostra i pulsanti di condivisione sui social: seleziona questa opzione per mostrare i pulsanti di condivisione sui social sugli articoli del blog. Puoi scegliere quali piattaforme possono essere utilizzate per la condivisione nelle impostazioni dei social media.

Personalizza la sezione Articoli

  1. Seleziona Articoli del blog.
  2. Clicca sulla sezione Articoli.
  3. Utilizza le impostazioni per personalizzare la sezione Articoli.
  4. Clicca su Salva.

Pagina del carrello

La sezione Pagina del carrello include le impostazioni seguenti:

  • Abilita aggiornamenti automatici del carrello: seleziona questa opzione per aggiornare il carrello quando il cliente apporta delle modifiche. Ad esempio, l'importo del subtotale può essere aggiornato quando il cliente modifica la quantità di articoli nel carrello.
  • Abilita note carrello: in alcuni temi, questa opzione è denominata Note sugli ordini.

Personalizza la sezione della pagina del carrello

  1. Seleziona Carrello.
  2. Clicca sulla sezione Pagina del carrello.
  3. Utilizza le impostazioni per personalizzare la sezione Pagina del carrello.
  4. 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 il testo che viene visualizzato sopra i prodotti nella collezione. Il testo predefinito è Collezione in evidenza.
  • Collezione: scegli la collezione che desideri mostrare 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 fornitore prodotto: mostra il fornitore per ogni prodotto sotto il titolo del prodotto.
  • Mostra il pulsante "Visualizza tutto": seleziona quest'opzione per aggiungere un pulsante Visualizza tutto sotto l'ultima riga nella sezione. I clienti possono cliccare su questo pulsante per vedere l'intera collezione.

Aggiungi una collezione in evidenza alla tua home page

  1. Clicca su Aggiungi sezione.
  2. Clicca su Collezioni in evidenza, quindi su Seleziona.
  3. Clicca su Seleziona collezione, quindi seleziona una collezione dalla lista Collezione. Saranno mostrati fino a 50 prodotti della collezione selezionata.
  4. Utilizza le impostazioni per personalizzare la sezione Collezione in evidenza.
  5. Clicca su Salva.

Immagine con testo

Con Debut, puoi inserire un'immagine affiancata da 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 impostazioni seguenti:

  • Immagine: aggiungi o seleziona un'immagine da aggiungere alla sezione. Puoi caricare un'immagine, utilizzare un'immagine caricata in precedenza o selezionare un'immagine d'archivio gratuita di Burst.
  • Allineamento immagine: scegli se l'immagine presente nella sezione debba apparire a sinistra o a destra.
  • 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. 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.

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.
  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.

  6. Usa le impostazioni per personalizzare la sezione.

  7. Clicca su Salva.

Immagine con testo sovrapposto

Sulla tua home page puoi inserire un'immagine di grandi dimensioni con un testo sovrapposto personalizzato.

La sovrapposizione Immagine con testo include le impostazioni seguenti:

  • Immagine: scegli l'immagine da aggiungere alla sezione. Puoi caricare un'immagine, utilizzare un'immagine caricata in precedenza o selezionare un'immagine d'archivio gratuita di Burst.
  • Allineamento immagine: scegli se l'immagine presente nella sezione debba apparire a sinistra o a destra.
  • Layout: imposta la larghezza della sezione.
  • Altezza della sezione: imposta l'altezza della sezione. Per evitare che le immagini vengano ritagliate, seleziona Adatta a immagine, che imposta l'altezza della sezione in base all'altezza dell'immagine.
  • Dimensione testo: imposta le dimensioni del testo.
  • Titolo: aggiungi il testo principale da associare all'immagine. La sezione Immagine con testo sovrapposto viene rinominata automaticamente con il titolo fornito.
  • Testo: aggiungi il testo secondario da associare all'immagine. Questo testo viene visualizzato sotto il testo del titolo. 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.

Aggiungi una sovrapposizione di immagine con testo nella home page

  1. Clicca su Aggiungi sezione.
  2. Clicca su Immagine con testo sovrapposto, quindi clicca 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.
  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.

  6. Usa le impostazioni per personalizzare l'immagine sovrapponendole un testo.

  7. 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 del 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 etichette per le varianti: mostra etichette per le varianti, come "Taglia" e "Colore" sopra i menu a discesa delle varianti. Le etichette per le varianti visualizzate prendono i nomi dalle opzioni delle varianti previste per il 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 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 i pulsanti di condivisione social: mostra i pulsanti che i tuoi clienti possono utilizzare per condividere i prodotti sui social media.

Contenuti multimediali

  • Dimensioni: imposta la dimensione del tuo prodotto multimediale.
  • Abilita zoom immagine: consenti ai clienti di ingrandire l'immagine del prodotto scorrendovi sopra con il mouse.
  • Abilita la riproduzione in loop dei video: riproduci i video dei prodotti in loop. Se l'opzione non è selezionata, verrà visualizzato un pulsante play sui video quando terminano.

Aggiungi una sezione del prodotto in primo piano

  1. Clicca su Aggiungi sezione.
  2. Clicca su Prodotto in primo piano, quindi su Seleziona.
  3. Usa le impostazioni per personalizzare la sezione "prodotto in primo piano".
  4. 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:

  • Visualizzazione ampia - Riduci i margini su entrambi i lati del testo.
  • 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

Alla tua home page puoi aggiungere un video di YouTube. I video coinvolgono i clienti e generano interesse verso la tua attività.

La sezione "video" include le seguenti impostazioni:

  • Immagine di copertina - Per aggiungere un'immagine di copertina al video. L'immagine di copertina è nascosta quando il video è in riproduzione.
  • Allineamento immagine - Per allineare l'immagine di copertina così che la parte più importane sia sempre visibile.
  • Link video - Per aggiungere l'URL YouTube relativo al video.
  • Mostra sovrapposizione - Per aggiungere uno strato di colore sul video facilitando così la lettura del testo. Se imposti lo stile del video su Immagine con pulsante play, la sovrapposizione di colore viene rimossa durante la riproduzione del video.
  • Stile - Per impostare lo stile del video. Lo stile Video in background è disponibile solo su desktop. Se visitano il tuo negozio su tablet o dispositivo mobile, i clienti vedranno sempre lo stile Immagine con pulsante play.
  • Altezza video - Per impostare l'altezza del video.
  • Titolo - Per aggiungere un titolo al video.
  • Dimensione testo - Per aggiungere testo al video. Se imposti lo stile del video su Immagine con pulsante play, il testo viene rimosso durante la riproduzione del video.

Aggiungi un video alla tua home page

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

Presentazione

Puoi aggiungere una presentazione di immagini alla tua home page. Nella sezione presentazione puoi impostare l'altezza delle slide, aggiungere testo e pulsanti e scegliere se la presentazione verrà riprodotta automaticamente.

La sezione Presentazione include le impostazioni seguenti:

  • Slide immagine: scegli un'immagine da includere nella presentazione. Puoi caricare un'immagine, utilizzare un'immagine caricata in precedenza o selezionare un'immagine d'archivio gratuita di Burst. Puoi configurare le seguenti impostazioni per ogni slide: - Posizione immagine: scegli l'allineamento dell'immagine nella cornice della presentazione. Per maggiori informazioni sulla posizione delle immagini, consulta le linee guida seguenti.

    • Titolo: aggiungi il testo principale da associare all'immagine.
    • Sottotitolo: 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.
  • Altezza slide: imposta l'altezza della presentazione. Maggiori informazioni su come l'altezza della slide influisce sulla presentazione.

  • Dimensione testo: imposta la dimensione delle intestazioni sulla presentazione.

  • Allineamento testo: scegli la posizione del testo sulle slide.

  • Mostra sovrapposizione: aggiungi uno strato di colore tra un'immagine e un qualsiasi testo posizionato sopra l'immagine. Le sovrapposizioni possono migliorare il contrasto dei colori e la leggibilità. Puoi impostare il colore e l'opacità della sovrapposizione nelle impostazioni del colore.

  • Ruota slide automaticamente - Imposta la rotazione automatica delle slide nella presentazione.

  • Cambia slide ogni: scegli la frequenza con cui cambiano le slide.

Per maggiori informazioni sul ritaglio delle immagini e sulle dimensioni consigliate per le immagini della presentazione, consulta le linee guida della presentazione.

Aggiungi una presentazione alla tua home page

  1. Clicca su Aggiungi sezione.
  2. Clicca su Presentazione, quindi su Seleziona.
  3. Per aggiungere una slide immagine, procedi come segue:

    1. Nell'area Contenuto clicca su Aggiungi slide immagine.
    2. In Immagine clicca su Seleziona immagine. Per caricare un'immagine dal tuo computer, clicca su Carica. Per usare un'immagine d'archivio gratuita di Burst, clicca su Immagini gratuite.
    3. Per scegliere come allineare l’immagine nella presentazione, seleziona una posizione dal menu a discesa Posizione immagine. Per altre informazioni sulla posizione delle immagini, vedi le linee guida seguenti.
    4. Per aggiungere testo alla slide dell'immagine, inseriscilo nel campo Titolo, nel campo Sottotitolo o in entrambi.
    5. Aggiungi un pulsante alla slide dell'immagine immettendo il testo nel campo Etichetta pulsante. Seleziona la parte del tuo negozio online a cui il pulsante dovrà collegarsi nel campo Link pulsante.
  4. Usa le impostazioni per personalizzare la sezione della presentazione.

  5. Clicca su Salva.

Linee guida per le presentazioni

Puoi usare i consigli seguenti sulle impostazioni e sulle immagini per controllare il modo in cui la presentazione appare nel tuo negozio online. Il modo in cui sono visualizzate le tue slide è determinato dai fattori seguenti:

  • Le dimensioni delle immagini
  • Le impostazioni di posizione delle immagini
  • Le impostazioni dell'altezza delle slide
  • Il rapporto larghezza-altezza delle immagini

A causa delle diverse dimensioni e forme degli schermi, le slide possono avere un aspetto diverso sui dispositivi mobili e desktop.

Consigli per le dimensioni delle immagini

Le dimensioni consigliate per le immagini della presentazione dipendono dalle impostazioni dell'altezza della slide. Segui queste linee guida:

Consigli sull'impostazione della dimensione delle immagini
Impostazione altezza slide Larghezza consigliata Altezza consigliata
Adatta alla prima immagine 1200 px 600 px
Piccolo 1200 px 475 px
Medio 1200 px 489 px
Grande 1200 px 775 px

Per visualizzare o modificare le impostazioni dell'altezza della slide, vedi il punto 5 delle istruzioni per creare una presentazione.

Ritaglio delle immagini

Puoi controllare come ritagliare le immagini o evitare del tutto il ritaglio delle immagini.

Scegli come vengono ritagliate le tue immagini

È prevedibile che le immagini saranno ritagliate su schermi di determinate dimensioni nelle situazioni seguenti:

  • Le immagini non hanno lo stesso rapporto larghezza-altezza.
  • L'altezza delle diapositive è impostata su Piccola, Media o Grande.
  • L'altezza delle diapositive è impostata su Adatta alla prima immagine e le immagini sono più alte dello schermo del dispositivo o della finestra del browser.

Puoi controllare come vengono ritagliate le immagini usando l'impostazione Posizione immagine.

Per ogni immagine puoi scegliere quale parte vuoi mantenere visibile in caso di ritaglio. Nell'esempio seguente puoi vedere come la stessa immagine può essere ritagliata per alcune dimensioni di schermi. La slide a sinistra ha la posizione dell'immagine impostata su In mezzo al centro. La slide a destra ha la posizione dell'immagine impostata su In alto a sinistra.

Slide di esempio ritagliata in modo diverso a seconda dell'impostazione di posizione dell'immagine.

Per visualizzare o modificare le impostazioni di posizione delle immagini, consulta il punto 10 delle istruzioni per creare una presentazione.

Evita il ritaglio di immagini

Per evitare il ritaglio di immagini nella presentazione, prova questi passaggi:

  • Imposta l'altezza delle slide su Adatta alla prima immagine.
  • Usa immagini di larghezza doppia rispetto all'altezza. Queste immagini hanno un rapporto larghezza-altezza di 2:1. Le dimensioni consigliate sono 1200 px per 600 px.
  • Assicurati che tutte le slide abbiano lo stesso rapporto larghezza-altezza. Le proporzioni delle slide sono più importanti delle loro dimensioni in pixel.

Nell'esempio seguente, un'immagine della presentazione con un rapporto 2:1 viene mostrata su un desktop e un dispositivo mobile:

Una slide viene visualizzata su un dispositivo desktop e mobile senza alcun ritaglio.

Altezza slide

La larghezza della sezione della presentazione è sempre il 100% della finestra del browser. L'altezza delle slide è relativa alla larghezza. A causa delle differenze nelle dimensioni degli schermi, la larghezza e l'altezza delle slide varia a seconda dei dispositivi. L'altezza delle slide dipende anche dalle impostazioni dell'altezza delle slide.

Puoi usare l'impostazione di altezza della slide Adatta alla prima immagine per basare l'altezza della presentazione sull'altezza della prima immagine. Questa impostazione funziona in modo ottimale quando tutte le immagini hanno le stesse dimensioni o lo stesso rapporto larghezza-altezza. Se le tue immagini hanno dimensioni diverse o rapporti diversi, puoi modificare l'ordine delle slide per vedere come appaiono a diverse altezze.

Nell'esempio seguente la slide più bassa è posizionata per prima:

Una slide più bassa determina l'altezza delle altre due slide. Poiché le altre slide sono più alte, sono ritagliate in alto e in basso.

Nel prossimo esempio, una slide più alta è posizionata per prima:

Una slide di media altezza determina l'altezza delle altre due slide. La slide più alta è ritagliata in alto e in basso. La slide più bassa è ritagliata sui lati.

Se invece usi le impostazioni di altezza Piccola, Media o Grande, fai riferimento ai Consigli per le dimensioni delle immagini per le tue slide.

Rapporti delle immagini

Se desideri evitare il ritaglio delle immagini nella presentazione, il rapporto larghezza-altezza consigliato per le immagini è 2:1.

Se per te non ha importanza che le immagini vengano ritagliate sugli schermi desktop e desideri creare un effetto ottimale sui dispositivi mobili, usa immagini quadrate o immagini con altezza superiore alla larghezza. La seguente slide di esempio mostra un'immagine quadrata, che ha un rapporto larghezza-altezza 1:1.

Una slide quadrata visualizzata su un dispositivo desktop e mobile. L'immagine è ritagliata sul dispositivo desktop, ma non è ritagliata sul dispositivo mobile.

Il prossimo esempio di slide mostra un'immagine in formato ritratto con un rapporto larghezza-altezza 2:3.

Una slide alta visualizzata su un dispositivo desktop e mobile. L'immagine è ritagliata sul dispositivo desktop, ma non è ritagliata sul dispositivo mobile.

Sei pronto per iniziare a vendere con Shopify?

Provalo, è gratis