Sezioni per Narrative

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 Narrative e come personalizzarle in base alle esigenze della tua attività.

Sezioni statiche

Narrative include le sezioni statiche seguenti:

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

Sezioni dinamiche

Narrative include le sezioni dinamiche seguenti:

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

La sezione dell'header include il contenuto visualizzato nella parte superiore di ogni pagina del tuo negozio. Narrative ti consente di selezionare due menu di navigazione ai quali i clienti possono accedere cliccando sull'icona di navigazione (☰).

Puoi anche modificare l'aspetto dell'header del negozio rendendolo trasparente.

Personalizza Header

  1. Fai clic sulla sezione Header.

  2. Nell’area Immagine del logo clicca su Seleziona immagine, quindi procedi in uno dei modi seguenti: - Se vuoi selezionare un'immagine che hai già caricato nel pannello di controllo Shopify, clicca sulla scheda Libreria.

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

  4. Per selezionare un'immagine dal tuo computer, clicca sulla scheda Libreria, quindi clicca su Carica.

  5. Nel campo Altezza logo personalizzato (in pixel) inserisci l’altezza in pixel del tuo logo.

  6. Dall’elenco Icona carrello scegli se visualizzare l’icona di un carrello o di una borsa nell’header.

  7. Se vuoi rendere trasparente l’header del tuo negozio, procedi come segue:

    1. Fai clic su Abilita header trasparente nella home page.
    2. Scegli un’immagine da visualizzare sullo sfondo trasparente. Potrebbe essere necessario selezionare un logo diverso da quello selezionato per la visualizzazione nella pagina dell’header. Ad esempio, potrebbe essere necessario un logo bianco da visualizzare su uno sfondo più scuro.
    3. Fai clic sulla palette Colore icone header trasparente per selezionare un colore per l’immagine del logo e per le icone di navigazione e del carrello.
  8. Dall'elenco Navigazione principale seleziona il menu principale che verrà visualizzato quando un cliente fa clic sull'icona di navigazione.

  9. Dall'elenco Navigazione secondaria seleziona il menu secondario.

  10. 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 Annuncio seleziona Mostra annuncio.
  3. Inserisci il testo dell'annuncio.
  4. Facoltativo: Inserisci un URL per aggiungere un link all'annuncio.
  5. Facoltativo: dal menu Icona seleziona un'icona da visualizzare nella barra degli annunci. L'icona avrà lo stesso colore del messaggio di annuncio.
  6. Per cambiare il colore di sfondo della barra degli annunci, clicca sul campione di colore Barra e scegli un colore.
  7. Per cambiare il colore del testo dell'annuncio, clicca sul campione di colore Testo e scegli un colore.
  8. Clicca su Salva.

Presentazione

Puoi creare una presentazione della Home page che ruoti fino a cinque slide immagine o video.

Per le slide è meglio utilizzare immagini ad alta risoluzione. Usa immagini di 4000 x 2200 px o risoluzione superiore, purché non superino i limiti di caricamento di Shopify.

Poiché le dimensioni e la forma della presentazione dipendono dalle dimensioni e dalla forma del dispositivo del cliente, su alcuni schermi le immagini della presentazione risulteranno ritagliate. Prova a usare immagini con un punto focale centrale, così che la parte principale di ogni immagine sia sempre visibile.

Per maggiori informazioni sulle best practices per le immagini della presentazione, vedi Caricamento immagini.

La sezione "presentazione" include le seguenti impostazioni:

  • Altezza Slide - Imposta l'altezza della presentazione. Seleziona l'opzione Adatta alla prima immagine per basare l'altezza della presentazione sull'altezza della prima immagine.
  • Pulsanti centrali: imposta la posizione dei pulsanti sulle slide.
  • Mostra sovrapposizione - Aggiungi un livello di colore sopra le slide. Una sovrapposizione può facilitare la lettura del testo della presentazione.
  • Colore sovrapposizione: imposta il colore della sovrapposizione.
  • Opacità - Imposta l'opacità della sovrapposizione.
  • Immagine: aggiungi un'immagine da mostrare nella presentazione.
  • Allineamento immagine - Scegli l'area più importante dell'immagine da mettere a fuoco nella presentazione.
  • Link video - Aggiungi il link di YouTube per il tuo video.
  • Immagine di copertina: aggiungi un'immagine di copertina per la slide video. L'immagine di copertina appare quando il video non è in riproduzione.
  • Titolo - Aggiungi un titolo alle slide.
  • Titolo della slide: aggiungi un titolo alla slide. Il titolo verrà visualizzato nella parte inferiore della presentazione quando disponi di più di una slide.
  • Etichetta pulsante - Aggiungi un pulsante con un'etichetta di testo.
  • 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 presentazione alla tua home page

  1. Clicca su Aggiungi sezione.
  2. Clicca su Presentazione, quindi su Seleziona.
  3. Usa le impostazioni per personalizzare la presentazione.

  4. Clicca su Salva.

Nella sezione footer puoi modificare il contenuto visualizzato nella parte inferiore di ciascuna pagina del tuo negozio. Puoi aggiungere le seguenti funzionalità al footer:

  • icone dei social media
  • icone dei metodi di pagamento
  • iscrizione alla newsletter
  • un effetto scorrimento parallax
  • fino a due menu.
  1. Fai clic su Footer.
  2. Per inserire icone di social media nel footer, seleziona Mostra icone social. Puoi collegare le icone ai tuoi account sui social media dalle Impostazioni social.
  3. Per aggiungere al footer icone di metodi di pagamento, ad esempio MasterCard o PayPal, seleziona Mostra le icone di pagamento. Questa area mostra le icone associate al gestore dei pagamenti che hai abilitato nella sezione impostazioni di pagamento del pannello di controllo.
  4. Per aggiungere al footer l'opzione per iscriversi a una newsletter, attieniti alla procedura illustrata di seguito:

    1. Seleziona Mostra iscrizione alla newsletter.
    2. Digita il titolo dell'opzione di iscrizione alla newsletter nel campo Titolo. Il titolo predefinito è "Iscriviti per ricevere aggiornamenti".
    3. Inserisci un sottotitolo per l'opzione di iscrizione alla newsletter nel campo Sottotitolo. Il sottotitolo predefinito è "Promozioni, nuovi prodotti e offerte. Direttamente nella tua casella di posta.".
  5. Per aggiungere un menu al footer, attieniti alla procedura illustrata di seguito:

    1. In Contenuto, clicca su Aggiungi menu.
    2. Per modificare il menu predefinito, fai clic su Modifica menu. Per passare a un altro menu, fai clic su Cambia, quindi seleziona un menu esistente o fai clic su Crea menu.
  6. Clicca su Salva.

Pagine di prodotto

La sezione Pagine di prodotto è la parte personalizzabile principale per le pagine di prodotto. 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 tendina delle varianti. Le etichette per le varianti visualizzate prendono i nomi dalle opzioni delle varianti previste per il prodotto.
  • Mostra fornitore prodotto: 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 per la condivisione sui 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.

Media

  • 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.
  • Nascondi le varianti dei contenuti multimediali nella galleria: seleziona questa opzione per evitare che le varianti dei contenuti multimediali vengano visualizzate nella galleria in fondo alla pagina. Quando questa opzione è abilitata, gli unici contenuti multimediali visualizzati sono quelli che non sono associati a una variante.

Modifica impostazioni delle Pagine di prodotto

  1. Seleziona Pagine di prodotto.
  2. Clicca sulla sezione Pagine di prodotto.
  3. Usa le impostazioni per personalizzare la sezione delle pagine di prodotto.
  4. 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.

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: per mostrare o nascondere i fornitori nelle descrizioni dei prodotti utilizza la casella di spunta Mostra fornitore.
    2. Facoltativo: aggiungi spaziatura tra le immagini di prodotto selezionando Abilita spaziatura immagini.
  5. Clicca su Salva.

Collezione

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

La sezione Collezione include le impostazioni seguenti:

  • Abilita filtro tag: aggiungi un filtro che i clienti possono utilizzare per visualizzare i prodotti in una collezione con un determinato tag. Per visualizzare il filtro in una pagina di collezione, devi aggiungere tag ai prodotti di quella collezione.
  • Abilita ordinamento collezione - Aggiungi un menu che i clienti possono utilizzare per ordinare una collezione con diversi criteri; ad esempio, in ordine alfabetico o per prezzo.
  • Stile griglia - Imposta il layout dei tuoi prodotti sulla pagina.
  • Mostra immagine collezione: mostra l'immagine della collezione nella parte superiore della pagina di collezione.
  • Abilita spaziatura immagine: seleziona questa opzione per aumentare lo spazio tra le immagini.
  • Mostra fornitore prodotto - Mostra il brand o il fornitore del prodotto.

Personalizza le 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 del carrello

La sezione Pagina del carrello è la parte personalizzabile principale del carrello del tuo negozio online. Nella pagina del carrello puoi abilitare le note carrello per consentire ai clienti di allegare agli ordini delle istruzioni speciali.

Abilita le note sugli ordini

  1. Seleziona Carrello.
  2. Fai clic sulla sezione Pagine del carrello.
  3. Seleziona l'opzione Abilita note 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:

  • Collezione: scegli una collezione da mostrare nella sezione.
  • Abilita spaziatura immagine: seleziona questa opzione per aumentare lo spazio tra le immagini.
  • Titolo: aggiungi il testo che viene visualizzato sopra i prodotti nella collezione. Il testo predefinito è Collezione in evidenza.
  • Mostra fornitori 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.
  • Usa stile pulsante secondario: visualizza il pulsante come pulsante trasparente con contorno pieno.
  • Stile griglia - Imposta il layout dei tuoi prodotti sulla pagina.
  • 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.

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.
  4. Usa le impostazioni per personalizzare la sezione con la collezione in evidenza.
  5. Clicca su Salva.

galleria

La sezione Galleria contiene un massimo di tre immagini. Puoi selezionare un'icona da un elenco di 13 icone personalizzate da visualizzare su ogni immagine. Facoltativamente, puoi collegare ogni immagine a un URL o a una pagina del tuo negozio.

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

Contenuto

  • Immagine: aggiungi un'immagine da visualizzare nella sezione.
  • Allineamento immagine: scegli come preferisci allineare l'immagine nella sezione. Se non vuoi mostrare un'icona, seleziona “Nessuna” dall'elenco Icona.
  • Icona: aggiungi un'icona da visualizzare sull'immagine.
  • Didascalia: inserisci il testo da visualizzare sull'immagine.
  • Link: incolla un link a un URL o clicca nel campo per selezionare una pagina del negozio.

Impostazioni

  • Altezza della sezione: scegli l'altezza che desideri per questa sezione.
  • Mostra sovrapposizione: aggiungi un livello di colore sopra le slide. Una sovrapposizione può facilitare la lettura del testo della presentazione.
  • Colore sovrapposizione: imposta il colore della sovrapposizione.
  • Colore del testo: imposta il colore del titolo e del testo. Se l'immagine di sfondo è scura, scegliere un colore chiaro per il testo lo renderà più facile da leggere.
  • Opacità - Imposta l'opacità della sovrapposizione.

Aggiungi una galleria in home page

  1. Clicca su Aggiungi sezione.
  2. Clicca su Galleria, quindi su Seleziona.
  3. Per aggiungere l'immagine, nell'area Immagine clicca su Seleziona immagine, quindi procedi in uno di questi 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 stock 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 galleria.

  7. Clicca su Salva.

Immagine con testo

Narrative include una sezione Immagine con testo che ti consente di mostrare ai clienti un’immagine con un messaggio personalizzato.

Puoi selezionare un allineamento per assicurarti che le parti importanti dell’immagine non vengano ritagliate quando visualizzate sui dispositivi mobili. Ad esempio, se vuoi che la parte inferiore dell’immagine non venga mai ritagliata perché mostra il prodotto che vendi, puoi scegliere un allineamento bottom center per assicurarti che quella parte dell’immagine non venga ritagliata.

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

Impostazioni

  • Altezza della sezione: scegli l'altezza che desideri per questa sezione.
  • Colore sfondo: imposta il colore di sfondo della sezione.

Immagine

  • Immagine: aggiungi un'immagine da visualizzare nella sezione.
  • Stile immagine: scegli in che modo ritagliare l'immagine. Scegli Nessuno per lasciare l'immagine non ritagliata.
  • Posizione immagine: scegli l'allineamento dell'immagine all'interno della cornice.

Testo

  • Titolo - Aggiungi un titolo alla sezione.
  • Testo - Aggiungi del testo alla sezione.
  • Usa stile pulsante secondario: visualizza il pulsante come pulsante trasparente con contorno pieno.
  • Etichetta pulsante - Aggiungi un pulsante con un'etichetta di testo alla sezione.
  • 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.

Allineamento immagine

  • Desktop: scegli se l'immagine presente nella sezione debba apparire a sinistra o a destra nella visualizzazione da un computer desktop.
  • Mobile: scegli se l'immagine presente nella sezione debba apparire per prima o per seconda quando viene visualizzata in un dispositivo mobile.

Aggiungi un'immagine con testo in 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 stock 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 "immagine con testo".

  7. Clicca su Salva.

Immagine con testo sovrapposto

Puoi mostrare ai clienti un messaggio personalizzato nella tua home page utilizzando la sezione Immagine con testo sovrapposto. Il tuo messaggio può descrivere un prodotto, condividere un annuncio o dare il benvenuto ai clienti del negozio.

La sezione di sovrapposizione immagine con testo include le impostazioni seguenti:

Impostazioni

  • Spaziatura della sezione: scegli la grandezza che desideri per questa sezione, tra Piccola, Media, Grande o Extra large.
  • Immagine: aggiungi un'immagine da visualizzare nella sezione.
  • Allineamento immagine: scegli come preferisci allineare l'immagine nella sezione.

Testo

  • Titolo: aggiungi un titolo alla sezione.
  • Testo: inserisci il corpo del testo nella sezione.
  • Dimensione del testo: imposta la dimensione del titolo e del corpo del testo.
  • Usa stile pulsante secondario: visualizza il pulsante come pulsante trasparente con contorno pieno.
  • Etichetta pulsante - Aggiungi un pulsante con un'etichetta di testo alla sezione.
  • 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.

Sovrapposizione

  • Mostra sovrapposizione: aggiungi un livello di colore sopra le slide. Una sovrapposizione può facilitare la lettura del testo della presentazione.
  • Colore sovrapposizione: imposta il colore della sovrapposizione.
  • Colore del testo: imposta il colore del titolo e del testo. Se l'immagine di sfondo è scura, scegliere un colore chiaro per il testo lo renderà più facile da leggere.
  • Opacità - Imposta l'opacità della sovrapposizione.

Aggiungi una sovrapposizione di immagine con testo nella home page

  1. Clicca su Aggiungi sezione.
  2. Clicca su Sovrapposizione 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 stock 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. Utilizza le impostazioni per personalizzare la sezione.

  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. Digita il titolo dell'opzione di iscrizione alla newsletter nel campo Titolo.
  4. Inserisci un sottotitolo per l'opzione di iscrizione alla newsletter nel campo Sottotitolo.
  5. Inserisci un messaggio di operazione riuscita nel campo Messaggio operazione riuscita. I clienti vedono il messaggio di operazione riuscita dopo aver inviato il proprio indirizzo email. Il messaggio predefinito è "Grazie per l'iscrizione".
  6. Imposta il colore di sfondo del campo per l'iscrizione alla newsletter facendo clic sul campione Colore del testo e scegliendo una tinta.
  7. Imposta il colore di sfondo della sezione per l'iscrizione alla newsletter facendo clic sul campione Colore sfondo e scegliendo una tinta.
  8. 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.

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/Oc5v_ToKP7c. Per informazioni su come copiare il link di condivisione di un video YouTube, leggi 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:

Impostazioni

  • Titolo: aggiungi il testo visualizzato sopra il pulsante play.
  • Link video - Aggiungi il link di condivisione per il tuo video.

Copertina

  • Immagine: aggiungi un'immagine da mostrare nella sezione video quando il video non è in riproduzione.
  • Posizione immagine: scegli il posizionamento dell'immagine nella sezione video.

Sovrapposizione

  • Mostra sovrapposizione: aggiungi uno strato di colore tra l'immagine segnaposto e l'etichetta pulsante. Una sovrapposizione rende il testo su un video più facile da leggere e viene visualizzata fino a quando non si clicca sul pulsante play.
  • Sovrapposizione: imposta il colore della sovrapposizione.
  • Testo: imposta il colore del titolo e del pulsante play.
  • Opacità - Imposta l'opacità della sovrapposizione.

Aggiungi un video alla tua home page

  1. Clicca su Aggiungi sezione.
  2. Clicca su Video, quindi su Seleziona.
  3. Inserisci il link di condivisione del video nel campo Link video.
  4. Usa le impostazioni per personalizzare la sezione video.
  5. Clicca su Salva.

Sezione scorrevole in evidenza

Il cursore in primo piano ti consente di mostrare più informazioni sui prodotti in home page.

Puoi mostrare caratteristiche di prodotti, una nuova collezione o varianti di un prodotto. La presentazione è più efficace con un numero ridotto di slide, perché lo scorrimento della pagina è bloccato durante la navigazione su dispositivi desktop.

Quando è visualizzata su dispositivi mobili, la sezione scorrevole in evidenza richiede un’azione di tocco o di avvicinamento delle dita per essere aperta e visualizzata. Per invogliare i clienti con dispositivi mobili ad aprire la sezione scorrevole in evidenza, utilizza un’immagine di copertina attraente e aggiungi testo con un "invito all’azione".

Puoi aggiungere fino a 5 slide a una sezione scorrevole in evidenza.

Personalizza il cursore in primo piano

  1. Clicca su Aggiungi sezione.
  2. Clicca su Sezione scorrevole in evidenza, quindi su Seleziona.
  3. Utilizza le impostazioni per personalizzare la sezione scorrevole in evidenza.
  4. Clicca su Salva.

Aggiungi una slide immagine

  1. Nell'area Contenuto, fai clic su Slide.
  2. Fai clic sul campione Colore sfondo per selezionare un colore di sfondo da una tavolozza.
  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 stock 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. Nel campo Titolo digita il testo che desideri visualizzare sulla slide.

  7. Nel campo Etichetta pulsante digita il testo che desideri visualizzare sul pulsante.

  8. Nel campo 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.

Personalizza le impostazioni della sezione scorrevole in evidenza

  1. Se vuoi visualizzare i pulsanti delle slide come pulsanti trasparenti con un contorno continuo, seleziona Usa stile pulsante secondario.
  2. Se vuoi modificare il colore del testo, fai clic sul campione Colore intestazione slide per selezionare un colore da una tavolozza.
  3. Nell'area Impostazioni copertina seleziona un'immagine di copertina per la sezione scorrevole in evidenza cliccando su Seleziona immagine, quindi esegui una delle operazioni 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 stock 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. Nell’elenco Header inserisci il testo che desideri visualizzare sull’immagine di copertina.

  7. Nell’elenco Posizione titolo seleziona se il testo del titolo verrà visualizzato a sinistra o al centro sull’immagine di copertina. Questa impostazione si applica solo alla visualizzazione su dispositivi desktop.

  8. Nell’area Sovrapposizione seleziona Mostra sovrapposizione.

  9. Fai clic sul campione Colore sovrapposizione per selezionare un colore per la sovrapposizione immagine.

  10. Fai clic sul campione Colore del testo per selezionare un colore per il testo.

<aside class="note note-information">
<h4>Suggerimento</h4>
<p>If the background image is dark, picking a light text color makes the text easier to read.</p>
</aside>
  1. Nell’elenco Opacità seleziona un livello di trasparenza per la sovrapposizione immagine.

  2. Clicca su Salva.

Sei pronto per iniziare a vendere con Shopify?

Provalo, è gratis