Scegli i widget e il layout del tuo store di e-commerce. Personalizzando il design e il layout dello store, puoi migliorare la presentazione dei prodotti.
Affinché i prodotti contenuti nel widget della galleria dei prodotti siano collegati al negozio, è necessario inserire almeno una volta il widget del negozio principale in una pagina del sito. In caso contrario, quando i clienti selezionano un prodotto, visualizzeranno l'errore 404.
Aggiungi categorie alla navigazione del sito:
Se il tuo store non ha categorie, questa opzione non verrà visualizzata.
Come aggiungere categorie di store alla navigazione principale del sito:
Nel pannello laterale dell'editor, fai clic su eCommerce.
-
Dal menu a discesa Aggiungi le pagine di categoria alla navigazione del sito, seleziona una delle seguenti opzioni:
- Non aggiungere. Non include le pagine delle categorie nella navigazione del sito.
- Accanto alle pagine del sito. Include le pagine delle categorie come pagine di primo livello nella navigazione del sito. Per configurare dove posizionare le pagine delle categorie nella navigazione del sito, seleziona un'opzione dal menu a discesa Dove desideri posizionarle.
Come pagine secondarie. Include le pagine delle categorie come pagine secondarie di una pagina specifica nella navigazione. Seleziona una pagina dal menu a discesa Aggiungi come pagine secondarie di.
Aggiungere widget allo store
Per spostare o eliminare i widget dello store in qualsiasi pagina del sito, fai clic e trascinali come un qualunque altro widget. Per maggiori informazioni, vedi Aggiungere widget.
Per aggiungere un nuovo widget allo store, nel pannello di sinistra fai clic su E-commerce, quindi su Aggiungi widget allo store. Per personalizzare un singolo widget, fai clic con il tasto destro del mouse sul widget nel sito e seleziona Modifica design.
Modificare il design dello store
È possibile modificare il design dello store tramite le impostazioni di Design globale nella scheda Design o facendo clic sul widget Store principale per accedere alle opzioni di design specifiche.
Per accedere alle impostazioni di design generali, nel pannello di sinistra fai clic su Design.
Per accedere all'editor di design, fai clic con il tasto destro del mouse sul widget Store principale, quindi su Modifica design.
Generale
- Fai clic con il tasto destro del mouse sul widget Store principale e scegli Modifica design.
- Per impostare la schermata iniziale per il widget dello store, fai clic su Generale, quindi seleziona una pagina dal menu a discesa dello Store principale. È possibile impostare lo store principale o una delle tue categorie come prima pagina del widget dello store.
Categorie e prodotti
L'Editor del design consente di modificare il layout della pagina Categorie e prodotti.
- Fai clic con il tasto destro del mouse sul widget Store principale e scegli Modifica design.
- Fai clic su Categorie o Prodotti per modificare il layout e lo stile del testo delle varie aree testuali, come titoli di prodotto e categoria, prezzo e SKU. In questo menu è inoltre possibile attivare o disattivare lo spazio tra gli elementi e il loro comportamento (effetti hover), nonché il numero di prodotti visualizzati.
Puoi visualizzare fino a un totale di 100 categorie e sottocategorie.
Ad esempio, se disponi di 10 categorie e ognuna di queste contiene 50 sottocategorie, verranno mostrate solo 2 categorie, ciascuna con 50 sottocategorie.
Pagina di un prodotto singolo
L'editor di design consente inoltre di modificare gli elementi nelle pagine dei singoli prodotti. È possibile scegliere tra più layout per visualizzare gli articoli nelle singole pagine dei prodotti e controllare elementi come la posizione del testo, il layout e le proporzioni dell'immagine in miniatura. Con queste nuove impostazioni personalizzate, puoi mettere in luce i prodotti (e il layout) del tuo store nel miglior modo possibile.
- Fai clic con il tasto destro del mouse sul widget Store principale e scegli Modifica design.
- Fai clic su Pagina di un prodotto singolo.
Lo sfondo dell'effetto hover e la cornice possono essere solo bianchi.
Carrello e pagamento
Puoi configurare l'aspetto di titolo, sottotitolo e stile del link per carrello e pagamento.
- Fai clic con il tasto destro del mouse sul widget Store principale e scegli Modifica design.
- Fai clic su Carrello e pagamento.
Personalizzare lo stile delle breadcrumb
Attiva le breadcrumb sulle pagine dello store, impostandone lo stile come preferisci per consentire ai clienti di vedere dove si trovano.
Modificare le etichette del testo predefinito
Per modificare le etichette del testo predefinito su Store:
- Nel pannello laterale, fai clic su eCommerce e poi su Gestisci store.
- Fai clic su App e poi su App Market.
- Cerca l'editor di etichette e fai clic per installare l'editor delle etichette StoreFront.
- Fai clic su + Aggiungi etichetta personalizzata.
- Cerca l'etichetta da modificare e fai clic su Trova questa etichetta.
- Digita un nuovo nome per l'etichetta nell'apposito campo a destra.
Riordinare i prodotti in una categoria
Per modificare l'ordine in cui vengono visualizzati i prodotti in una categoria:
- Nel pannello a sinistra, fai clic su eCommerce e poi su Catalogo.
- Fai clic su Categorie e poi su Prodotti della categoria.
- Tieni premuto e trascina i prodotti della categoria nell'ordine desiderato.
Filtri prodotto
I filtri prodotto possono essere aggiunti al tuo store per consentire ai clienti di trovare facilmente quello che stanno cercando. Consentire ai clienti di trovare prodotti in questo modo permette loro di passare rapidamente dalla ricerca all'acquisto. I filtri possono essere impostati per prezzo, livello di inventario, offerte, parole chiave, optional e caratteristiche del prodotto, e sono particolarmente utili per chi ha inventari ampi e variegati.
I filtri di prodotto sono disponibili solo a partire dagli Store avanzati.
Puoi configurare tutto in pochi minuti. Sul tuo store sono già configurati e attivi i filtri migliori in base a numero di prodotti, optional e attributi disponibili, offerte attive, livelli di scorte di prodotto e altro ancora. Tu puoi aggiungere e rimuovere filtri manualmente per creare l'esperienza che desideri offrire ai tuoi acquirenti. I filtri si aggiornano man mano che aggiungi, rimuovi o aggiorni prodotti nello store, oltre che con le vendite e le modifiche dell'inventario. Ogni volta che visitano il sito, gli acquirenti vedranno i filtri più aggiornati.
Attivare i filtri di prodotto
- Vai sul control panel dello store.
- Fai clic su Impostazioni, quindi su Filtri di prodotto.
- Fai clic su Abilita filtri.
- Seleziona i filtri che ti interessano.
Domande frequenti
Il design dello store in uso è il più recente?
Se il tuo sito è stato creato prima del 24 settembre 2017, avrai l'opzione di aggiornare l'editor di design dello store. Se scegli di aggiornare il widget, verrà creato automaticamente un backup del sito. Questo aggiornamento modifica soltanto l'editor di design dello store, mentre le funzioni dello store resteranno inalterate.
Se lo store è stato creato dopo il 24 settembre 2017 o se è già stato effettuato l'aggiornamento del widget, si dispone dell'accesso alla nuova versione dell'editor del design.
È possibile scegliere di non aggiornare il widget?
Non è obbligatorio aggiornare il widget. Sarà possibile modificare il widget anche tramite la versione dell'editor del widget precedente.
Cosa succede se si ricarica un backup o si utilizza la funzione di annullamento?
Se si ricarica un backup o si utilizza la funzione di annullamento durante la modifica di uno store esistente, sarà necessario ripetere l'aggiornamento del widget. Tieni presente che se scegli di aggiornare l'editor di design di uno store, verrà creato automaticamente un backup del sito.
Come faccio a modificare il testo sui pulsanti e le etichette dello store?
Purtroppo non è possibile modificare questi elementi nel Website Builder.