La sezione Informazioni sul prodotto è la parte principale della pagina prodotto. Mostra le immagini del prodotto da un lato e i dettagli del prodotto (nome, descrizione e modulo d'ordine) dall'altro. È obbligatoria nella pagina prodotto, quindi puoi cambiarne lo stile ma non eliminarla.
Dove trovarla
- Apri il builder e scegli Pagina del prodotto nella scheda Pagine.
- Scegli un prodotto da visualizzare in anteprima. Cambia solo ciò che mostra l'anteprima: il tuo design vale per tutti i prodotti insieme.
- Fai clic su Informazioni sul prodotto nell'anteprima o nella scheda Sezioni.
La sezione ha due parti fisse, Media e Dettagli. Non puoi rimuoverle né spostarle, solo configurarle. Sui telefoni si impilano: prima le immagini, poi i dettagli.
Impostazioni della sezione
- Larghezza sezione: Pagina tiene il contenuto alla larghezza della pagina, Completo va da un bordo all'altro.
- Colonne uguali: se è attivo, immagini e dettagli occupano ciascuno metà della larghezza. Se è disattivato, ogni colonna occupa lo spazio che le serve.
- Schema di colori, Spazio (lo spazio tra le due colonne), spaziatura interna e CSS personalizzato.
Media: la galleria di immagini
Mostra le foto e i video che hai aggiunto al prodotto.
- Modalità: Carosello (un'immagine alla volta) o Griglia (tutte le immagini insieme).
- Fissato: Disattivato, Desktop, Cellulare o Entrambi. Una galleria fissa resta visibile mentre i clienti scorrono i dettagli.
- Griglia: Colonne (1 o 2), Spazio e Larghezza piena per primo (la prima immagine occupa entrambe le colonne).
- Carosello: Icone di navigazione (Frecce, Frecce angolari o Nessuno), Sfondo dell'icona, Paginazione su desktop (Punti, Contatore, Miniature) e Paginazione su mobile (Punti, Contatore, Suggerimento, Miniature). Suggerimento mostra un pezzetto dell'immagine successiva.
- Miniature: con le miniature su desktop, imposta Posizione su desktop (Sinistra, In basso, Destra) e Dimensione su desktop. Sui telefoni stanno sempre sotto l'immagine.
- Rapporto d'aspetto: Automatico mantiene la forma di ogni immagine. Con Verticale, Quadrato o Orizzontale, Adattamento del media sceglie tra Coprire (riempie e taglia) e Contenere (mostra l'immagine intera).
- Attiva zoom: i clienti fanno clic o toccano un'immagine per vederla a schermo intero.
Dettagli: i blocchi accanto alle immagini
Dettagli ha uno Spazio e Fisso su desktop (la colonna resta visibile mentre i clienti scorrono oltre le immagini). Selezionalo e fai clic su Aggiungi nuovo blocco per aggiungere blocchi, e trascinali nell'ordine che vuoi.
- Titolo: il nome del prodotto, una volta per pagina. Imposta Larghezza, Allineamento, Preimpostazione, Altezza della riga e Spaziatura tra le lettere. Mostra sopra l'immagine su mobile sposta il nome (con la sua valutazione) sopra la galleria sui telefoni. Mostra le recensioni sopra il titolo mette le stelle sopra il nome.
- Descrizione: il testo del prodotto. Imposta altezza della riga e spaziatura tra le lettere. Con Clicca sull'immagine per scorrere attivo, un clic dentro la descrizione scorre fino al modulo d'ordine quando nessun modulo è sullo schermo. I link funzionano comunque.
- Modulo: il prezzo, le varianti e il pulsante di acquisto. Le sue opzioni sono in Come configuro la sezione Informazioni della landing page e il modulo d'ordine (pulsanti, conto alla rovescia, WhatsApp)?
- Separatore: fino a 2 linee tra i blocchi.
- Elementi comprimibili, Cronologia di consegna, Guida alle taglie, Badge e Prima e dopo: vedi Come aggiungo schede comprimibili, date di consegna, una guida alle taglie, badge o immagini prima e dopo alla pagina prodotto?
Modulo e Descrizione sono obbligatori: puoi spostarli ma non eliminarli.
Pulsante fisso
Mantiene sullo schermo un modo per acquistare quando i clienti scorrono lontano dal modulo d'ordine. Si nasconde di nuovo quando un modulo è visibile. Modalità:
- Nessuno: nessun elemento fisso.
- Barra: una barra in basso con prezzo, quantità e pulsante di acquisto.
- Pulsante: un pulsante sospeso che scorre fino al modulo. Imposta Etichetta (se vuota usa il testo del pulsante di acquisto), Stile (Primario o Secondario), Posizione (Inizio, Centro, Fine) e Animazione (Pulsazione, Battito, Scossa, Rimbalzo, Bagliore, Onda, Oscillazione o Nessuno).
- Immagine: un'immagine sospesa a tua scelta che scorre fino al modulo, con Posizione e Animazione.
Nel builder l'elemento fisso compare mentre la sezione è selezionata, così puoi dargli stile.