Sezioni per Boundless

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

Sezioni statiche

Boundless include le seguenti sezioni statiche:

  • Menu sidebar
  • Barra degli annunci
  • Header
  • Presentazione
  • Barra delle azioni
  • Footer
  • Prodotto
  • Raccomandazioni sui prodotti
  • Collezione
  • Pagina con l'elenco delle collezioni
  • Articolo

Sezioni dinamiche

Boundless include le seguenti sezioni dinamiche:

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

Il menu sidebar funziona come un indice dei contenuti del negozio. Questo menu viene visualizzato in ogni pagina del tuo negozio.

Il menu sidebar presenta due menu. Il Menu principale, mostrato in alto in caratteri più grandi, e il Menu aggiuntivo, mostrato sotto il Menu principale in caratteri più piccoli.

Puoi anche mostrare i link ai tuoi account sui social media nella sidebar. Questi link sono controllati dalle impostazioni del tema.

Personalizza il menu sidebar

  1. Fai clic sul Menu sidebar.

  2. Dall'elenco Menu principale, seleziona il menu che desideri mostrare come menu principale. In genere, la scelta ricade sul menu principale del negozio.

  3. Dall'elenco Menu aggiuntivo, seleziona il menu che desideri mostrare sotto il menu principale. In genere, la scelta ricade sul menu footer del negozio.

  4. Clicca su Salva.

Barra degli annunci

Puoi abilitare la barra degli annunci per mostrare un messaggio ai tuoi clienti. Il messaggio è completamente personalizzabile e può includere le informazioni di contatto, un link, le informazioni sugli eventi del negozio o le vendite e lo slogan o il messaggio di branding del negozio. La barra degli annunci può essere visualizzata su tutte le pagine del tuo negozio, ma puoi scegliere di visualizzarla solo sulla home page.

Abilita la barra degli annunci

  1. Clicca su Barra degli annunci. 5. Seleziona Mostra annuncio.
Select **Home page only** to display the announcement message on the home page only.
  1. Inserisci il testo dell'annuncio.
  2. Facoltativo: Inserisci un URL per aggiungere un link all'annuncio.
  3. Per cambiare il colore di sfondo della barra degli annunci, clicca sul campione di colore Barra e scegli un colore.
  4. Per cambiare il colore del testo dell'annuncio, clicca sul campione di colore Testo e scegli un colore.
  5. Clicca su Salva.

L'header del tema è la sezione che viene visualizzata nella parte superiore di ogni pagina del tuo negozio. Puoi personalizzare il logo che viene visualizzato nell'header.

Puoi aggiungere un ulteriore logo, che sarà mostrato solo in home page. Il logo in home page viene visualizzato sopra la presentazione, quindi sceglilo in una versione che sia ben visibile al di sopra di un'immagine.

Aggiungi un logo personalizzato

  1. Clicca su Header. 2. Nell'area 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.
    • 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. Facoltativo: nell'area Logo della home page, 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.
    • 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.
  3. Inserisci la larghezza del logo nel campo Larghezza logo personalizzato (in pixel). 8. Clicca su Salva.

Presentazione

Puoi aggiungere una presentazione alla tua home page con la rotazione di un massimo di cinque immagini.

Per le slide è meglio utilizzare immagini ad alta risoluzione. Usa immagini di 3840 x 2160 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.
  • Ruota slide automaticamente - Imposta la rotazione automatica delle slide nella presentazione.
  • Cambia slide ogni: scegli la frequenza con cui cambiano le slide.
  • Testo e icone: scegli un colore per il testo e le icone visualizzate sulla presentazione.
  • Sovrapposizione immagine - Aggiungi uno strato di colore sulla slide immagine. Una sovrapposizione può facilitare la lettura del testo della presentazione.
  • Opacità - Imposta l'opacità della sovrapposizione.
  • Immagine - Aggiungi una slide immagine alla presentazione.
  • Posizione Immagine - Scegli l'area più importante dell'immagine da mettere a fuoco nella presentazione.
  • Titolo - Aggiungi un titolo alle slide.
  • Testo pulsante - Aggiungi alla slide 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.

Personalizza la tua presentazione

  1. Clicca su Presentazione.

  2. Usa le impostazioni per personalizzare la presentazione.

  3. Clicca su Salva.

Barra delle azioni

Per impostazione predefinita, la barra delle azioni mostra il menu principale del negozio. Puoi personalizzare i menu in modo che la barra delle azioni mostri voci diverse in base alla pagina che il tuo cliente visita. In home page, la barra delle azioni viene spesso utilizzata per mostrare le collezioni dei prodotti. All'interno di una collezione, la barra delle azioni può mostrare ulteriori sottocategorie o altre collezioni simili.

Ad esempio, se il tuo negozio vende abbigliamento, la barra delle azioni potrebbe includere le collezioni Uomo, Donna e Accessori in home page. Se il cliente clicca su Donna, la barra delle azioni potrebbe mostrare T-shirt, Pantaloni e Calzature nella pagina di collezione.

Perché la barra delle azioni funzioni in questo modo, includi nel menu principale i link alle collezioni. Inserisci invece i link alle altre pagine del negozio (Contatti o Chi siamo) nel menu footer.

Personalizza la barra delle azioni

  1. Clicca su barra delle azioni.

  2. Dall'elenco Menu, seleziona il menu che desideri visualizzare nella barra delle azioni.

  3. Clicca su Salva.

Il footer del tema è la sezione visualizzata in fondo a ogni pagina del tuo negozio. Con Boundless, puoi mostrare nel footer un menu e le icone per i metodi di pagamento che accetti.

Puoi mostrare anche i link ai tuoi account sui social media nel footer. Questi link sono controllati dalle impostazioni del tema.

Per aggiungere un menu al footer. In questo modo, vengono visualizzati nel footer tutti i link del menu, che potranno essere utilizzati per evidenziare le pagine comuni a cui i tuoi clienti desiderano accedere. Ad esempio, puoi aggiungere un menu con link alla pagina dei contatti e dell'informativa sulla spedizione.

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Desktop</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Dal pannello di controllo Shopify passa a <strong>Negozio online</strong> &gt; <strong>Temi</strong>.
</li><li>Accanto a <strong>Boundless</strong>, clicca su <strong>Personalizza</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>Sull&#39;<a href="https://www.shopify.com/install/detect">app Shopify</a>, seleziona <strong>Negozio</strong>.
</li><li>Nella sezione <strong>Canali di vendita</strong>, tocca <strong>Negozio online</strong>.
</li><li>Tocca <strong>Gestisci temi</strong>.
</li><li>Accanto a <strong>Boundless</strong>, tocca <strong>Personalizza</strong>.
</li><li>Tocca <strong>Modifica</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>Sull&#39;<a href="https://www.shopify.com/install/detect">app Shopify</a>, seleziona <strong>Negozio</strong>.
</li><li>Nella sezione <strong>Canali di vendita</strong>, tocca <strong>Negozio online</strong>.
</li><li>Tocca <strong>Gestisci temi</strong>.
</li><li>Accanto a <strong>Boundless</strong>, tocca <strong>Personalizza</strong>.
</li><li>Tocca <strong>Modifica</strong>.
</li></ol></div>
</div>
  1. Fai clic su Footer.

  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.

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.

Prodotto

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

  • Salta prima immagine prodotto: quando questa opzione è abilitata, la prima immagine di prodotto verrà mostrata solo nelle pagine di collezione e non nelle pagine di prodotto. Sfruttando questa opzione, potrai progettare una prima immagine di prodotto ideale per le pagine di collezione, adattando al meglio le altre immagini allo spazio più ampio disponibile sulle pagine di prodotto.
  • Stile immagine: scegli Alta/quadrata o Ampia.
  • 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 selettore quantità: consenti agli utenti di specificare una quantità da aggiungere al carrello.
  • 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.
  • Larghezza modulo prodotto: scegli la larghezza, tra piccola e grande.

Puoi anche mostrare i consigli sui prodotti sulla pagina Prodotto.

Personalizza la tua sezione prodotto

  1. Seleziona Pagine di prodotto.
  2. Clicca sulla sezione Prodotto.
  3. Usa le impostazioni per personalizzare la pagina 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.
  5. Clicca su Salva.

Collezione

La sezione Collezione è la parte personalizzabile principale per le pagine di collezione. Puoi personalizzare questa sezione utilizzando le opzioni seguenti:

  • Stile immagine: scegli se vuoi che le immagini siano alte/quadrate o larghe.

    Verticale/quadrato è lo stile migliore se le immagini del tuo prodotto sono quadrate o in formato ritratto.

    Orizzontale è lo stile migliore se le immagini sono rettangolari o in formato panoramico.

  • Dimensioni immagine: scegli una dimensione immagine. Mostrando immagini di prodotto piuttosto piccole, puoi inserire varie immagini su una sola riga. Il numero di immagini visualizzate su ogni riga dipende anche dal dispositivo del cliente e dalle dimensioni della finestra.

  • Aggiungi spaziatura tra le immagini: aumenta la spaziatura intorno alle immagini di prodotto.

  • Mostra fornitore prodotto: mostra il brand o il fornitore del prodotto sotto le immagini di prodotto. Affinché vengano mostrati il brand o il fornitore, devi aggiungere un fornitore al prodotto.

  • Mostra opzioni di ordinamento: seleziona questa opzione per consentire ai clienti di ordinare i prodotti nelle pagine delle collezioni.

  • Mostra filtro tag: seleziona questa opzione per consentire ai clienti di filtrare la collezione in base al tag del prodotto.

  • Tipo di impaginazione: quando nella collezione sono presenti più pagine di prodotti, scegli se visualizzare pagine numerate o il pulsante Visualizza altro.

Personalizza la sezione Collezione

  1. Seleziona Pagine di collezione.
  2. Clicca sulla sezione Collezione.
  3. Utilizza le impostazioni per personalizzare la pagina di collezione.
  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 la collezione da visualizzare nella sezione. Saranno visualizzati fino a 50 prodotti della collezione selezionata.
  • Stile immagine: scegli se vuoi che le immagini siano alte/quadrate o larghe.

    Verticale/quadrato è lo stile migliore se le immagini del tuo prodotto sono quadrate o in formato ritratto.

    Orizzontale è lo stile migliore se le immagini sono rettangolari o in formato panoramico.

  • Dimensioni immagine: scegli una dimensione immagine. Mostrando immagini di prodotto piuttosto piccole, puoi inserire varie immagini su una sola riga. Il numero di immagini visualizzate su ogni riga dipende anche dal dispositivo del cliente e dalle dimensioni della finestra.

  • Abilita spaziatura immagine: aumenta la spaziatura intorno alle immagini di prodotto.

  • Mostra fornitore prodotto: mostra il brand o il fornitore del prodotto sotto le immagini di prodotto. Affinché vengano mostrati il brand o il fornitore, devi aggiungere un fornitore al prodotto.

Aggiungi una sezione della 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, quindi seleziona una collezione dalla lista Collezione. Saranno mostrati fino a 50 prodotti della collezione selezionata.
  4. Usa le impostazioni per personalizzare la sezione.
  5. 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 della 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 tendina 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/Oc5v_ToKP7c. 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. 3. Clicca su Video, quindi clicca su Seleziona. 4. Usa le impostazioni per personalizzare la sezione video. 5. Clicca su Salva.

HTML personalizzato

Nella sezione HTML personalizzato, puoi utilizzare il codice HTML per creare un contenuto personalizzato per la tua home page. Ad esempio, puoi usare il codice HTML per formattare blocchi, creare tabelle o incorporare un contenuto da un sito web di terzi.

Aggiungi una sezione HTML personalizzata alla tua home page

  1. Clicca su Aggiungi sezione.

  2. Clicca su HTML personalizzato, quindi su Seleziona.

  3. Clicca su HTML personalizzato e inserisci il codice HTML che desideri aggiungere alla tua home page.

  4. Clicca su Salva.

Sei pronto per iniziare a vendere con Shopify?

Provalo, è gratis