Sezioni vs. blocchi
Una sezione è una riga a larghezza intera su una pagina. Le sezioni si impilano verticalmente e possono essere riordinate, nascoste o eliminate. Un blocco è un pezzo di contenuto all'interno di una sezione: un blocco di testo, un'immagine, un pulsante o un gruppo di layout. Alcune sezioni contengono un insieme fisso di blocchi (come l'intestazione), mentre altre ti permettono di aggiungere, rimuovere e riordinare i blocchi liberamente.
Sezioni globali (appaiono su ogni pagina)
Barra degli annunci
Una striscia promozionale sottile in cima alla pagina. Puoi aggiungere fino a 7 messaggi di annuncio individuali, ciascuno con il proprio testo. I messaggi si alternano in due modalità: Scorrimento (scorrimento orizzontale continuo) o Slider (transizioni distinte con un intervallo configurabile da 2 a 10 secondi). Le opzioni aggiuntive includono la direzione del testo (da sinistra a destra o da destra a sinistra), un carattere separatore tra i messaggi di scorrimento, la dimensione del carattere (10–30 px) e la combinazione di colori. Puoi aggiungere un massimo di 2 barre degli annunci per pagina.
Intestazione
La barra di navigazione principale. Contiene cinque blocchi fissi che non possono essere aggiunti, rimossi o riordinati, solo configurati:
- Logo: mostra l'immagine del brand del tuo negozio. Imposta la posizione (sinistra, centro o destra), la larghezza (20–300 px), l'altezza (20–300 px) e il padding.
- Menu: il menu di navigazione. Scegli un menu creato in Menu, poi imposta la sua posizione orizzontale, la riga dell'intestazione in cui si trova (superiore o inferiore), il tipo di visualizzazione (cassetto, mega menu o menu a tendina) e la combinazione di colori per il pannello a tendina. Un'opzione barra menu aggiunge una striscia colorata a larghezza intera dietro la riga inferiore.
- Ricerca: un'icona di ricerca che apre un overlay di ricerca prodotti. Imposta la sua posizione orizzontale (sinistra o destra) e la riga in cui si trova.
- Carrello: l'icona del carrello con un badge del conteggio degli articoli. Opzioni del tipo di visualizzazione: Cassetto (un pannello laterale), Menu a tendina (un mini carrello nell'intestazione), o Pagina (reindirizza alla pagina del carrello completa). Ogni tipo ha il proprio selettore di combinazione di colori.
- Localizzazione: un selettore di paese e lingua per i negozi multi-mercato. Attiva/disattiva la visualizzazione del nome e della bandiera del paese, e imposta la posizione e la riga.
Le impostazioni a livello di intestazione includono: Comportamento sticky (Scorrimento (smart-sticky: si nasconde scorrendo verso il basso, riappare scorrendo verso l'alto), Sempre (fisso permanentemente in cima), Riduci (si restringe allo scorrimento), o Mai (scorre con la pagina)), più Larghezza (limitata alla pagina o bordo a bordo), combinazione di colori, padding superiore e inferiore e un campo CSS personalizzato. Massimo 1 intestazione per pagina.
Piè di pagina
La sezione inferiore di ogni pagina. Puoi aggiungere, rimuovere e riordinare i blocchi all'interno del piè di pagina. Blocchi piè di pagina disponibili:
- Chi siamo: un'area per la storia del brand contenente il tuo logo, blocchi di testo, informazioni di contatto e gruppi di layout opzionali. Supporta controlli di direzione, allineamento, gap, larghezza e padding. Massimo 1 per piè di pagina.
- Menu: un menu di navigazione visualizzato come elenco di link. Seleziona un menu creato in Menu. Massimo 1 per piè di pagina.
- Icone social media: una riga di icone delle piattaforme social. Piattaforme supportate: Facebook, Instagram, Threads, X (Twitter), TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr, WhatsApp e Telegram. Configura la dimensione dell'icona (12–64 px), il gap (0–48 px), la forma (nessuna, circolare, arrotondata o quadrata), lo stile di riempimento della forma (piatto o contorno), la dimensione del contenitore (26–80 px), la palette di colori (colori del brand, monocromatica o un colore personalizzato) e l'effetto al passaggio del mouse (nessuno, brand, scala, sollevamento o opacità). Massimo 1 per piè di pagina.
- Icone di pagamento: mostra automaticamente le icone per i metodi di pagamento abilitati nel tuo negozio (Visa, Mastercard, PayPal, Stripe, Apple Pay e così via). Nessuna configurazione necessaria. Massimo 1 per piè di pagina.
- Link sulla privacy: link alle tue pagine legali (Informativa sulla privacy, Termini di servizio, Politica di rimborso, Politica di spedizione), generati automaticamente dalle politiche del tuo negozio. Imposta la dimensione del carattere (12–20 px) e il maiuscolo del testo (predefinito o tutto maiuscolo). Massimo 1 per piè di pagina.
- Copyright: mostra l'anno del copyright e il nome del tuo negozio, con una riga opzionale "Powered by Storeep". Imposta la dimensione del carattere (12–20 px), il maiuscolo del testo e se mostrare l'attribuzione Storeep. Massimo 1 per piè di pagina.
- Testo, Divisore e Gruppo: gli stessi componenti di layout disponibili in altre sezioni. Consulta Componenti di layout per tutti i dettagli.
Sezioni della home page
Hero
Una sezione banner a schermo intero con sfondo media (immagine o video). Due modalità di visualizzazione: Singolo (uno sfondo) e Diviso (due pannelli media affiancati). Preimpostazioni di altezza: Piccolo (50% dell'altezza del viewport), Medio (70%), Grande (90%), Schermo intero (l'altezza completa dello schermo), Immagine (adotta la dimensione naturale del tuo media in modo che l'intera immagine sia visibile), o Personalizzato (una percentuale definita dall'utente). I blocchi di contenuto si sovrappongono al media e supportano gli stessi controlli di layout di un gruppo: direzione, allineamento, gap e padding. Un overlay con riempimento solido o gradiente può essere applicato sopra il media. Quando posizionato direttamente dopo l'intestazione e l'opzione Intestazione trasparente è abilitata, l'intestazione si fonde con l'hero e usa la sua combinazione di colori.
Prodotti in evidenza
Una griglia di prodotti o carosello proveniente dal tuo catalogo. Opzioni sorgente: Manuale (scegli prodotti specifici), Più recenti (i prodotti aggiunti più di recente), o Più venduti (prodotti ordinati per volume di vendite). Configura il numero di colonne desktop (1–8), colonne mobile (1 o 2), spazio tra le schede, larghezza della sezione e combinazione di colori. Contiene un blocco scheda prodotto che definisce il layout di ogni scheda (immagine, titolo, prezzo, valutazione e pulsante acquisto), più blocchi opzionali di testo e divisore sopra o sotto la griglia.
Presentazione
Un carosello di immagini o video a larghezza intera. Ogni slide può avere il proprio sfondo media, overlay e blocchi di contenuto (testo, pulsante, gruppo e divisore). Fino a 7 slide per presentazione, con un massimo di 2 sezioni di presentazione per pagina. Disponibile solo nella home page.
Newsletter
Un modulo di iscrizione via email. Modalità di visualizzazione: Inline (incorporato nella pagina) o Fisso (un widget fluttuante ancorato all'angolo inferiore). I blocchi all'interno includono testo (intestazioni e descrizioni), un campo di input email (con etichetta opzionale, placeholder e avviso sulla privacy), un pulsante di iscrizione (icona o etichetta di testo, con un'opzione per unirlo visivamente al campo di input), divisori e gruppi. Puoi anche configurare il titolo di successo e il messaggio mostrato dopo che qualcuno si iscrive.
Sezioni della pagina prodotto
Info prodotto
La sezione principale dei dettagli del prodotto. Contiene la galleria media del prodotto (immagini e video), l'area dei dettagli del prodotto (titolo, prezzo, badge risparmio, varianti, modulo d'acquisto, pulsante ordine WhatsApp e timer conto alla rovescia), e il blocco descrizione del prodotto. Il modulo d'acquisto supporta un layout inline o popup, un toggle riepilogo ordine, testo personalizzato di intestazione e sottotitolo, etichette personalizzate per i pulsanti Aggiungi al carrello e Acquista ora, un aggancio per messaggio regalo e un timer conto alla rovescia per la scadenza dello sconto. Questa sezione è richiesta nella pagina del prodotto.
Prodotti correlati
Una griglia di prodotti che mostra prodotti correlati a quello attualmente visualizzato, basata sulla stessa collezione o curata manualmente. Usa lo stesso sistema di schede prodotto della sezione Prodotti in evidenza.
Recensioni
Mostra le recensioni dei clienti per il prodotto corrente. Contiene un blocco riepilogo recensioni (valutazione media a stelle, numero totale di recensioni e barre di distribuzione delle stelle opzionali) e un blocco modulo recensioni (un pulsante che apre un pannello di invio recensione). Le recensioni vengono moderate prima di essere pubblicate.
Sezioni della landing page
Info landing
La sezione vendita prodotto per le landing page. Simile a Info prodotto ma disposta per una pagina di vendita dedicata: combina il modulo del prodotto, il media, la descrizione e i blocchi di contenuto correlati in un unico layout focalizzato. Questa sezione è richiesta nella landing page.
Sezioni della pagina collezione
Prodotti collezione
La griglia di prodotti per una pagina collezione. I prodotti mostrati sono presi dalla collezione a cui il cliente ha navigato. Puoi configurare le colonne desktop (1–8), le colonne mobile (1 o 2), il gap tra le schede, le opzioni di ordinamento, una barra laterale di filtraggio e il layout della scheda prodotto. Questa sezione è richiesta nella pagina collezione.
Sezioni della pagina di ricerca
Prodotti di ricerca
La griglia di prodotti per i risultati di ricerca. Mostra i prodotti che corrispondono alla query di ricerca del cliente. Usa la stessa configurazione di scheda e griglia della sezione Prodotti collezione. Questa sezione è richiesta nella pagina di ricerca.
Sezioni della pagina contatti
Contatti
Un modulo di contatto con campi nome, email, oggetto e messaggio. Puoi aggiungere blocchi di testo e gruppi di layout sopra o sotto il modulo. L'etichetta del pulsante di invio e lo stile (primario o secondario) sono configurabili. I messaggi inviati vengono inviati all'indirizzo email del tuo negozio. Questa sezione è richiesta nella pagina contatti.
Sezioni disponibili in tutte le pagine
Testo
Una sezione di testo standalone per un titolo, un paragrafo o un blocco di contenuto formattato. Fino a 3 sezioni di testo per pagina. Consulta Componenti di layout per tutte le impostazioni di testo.
Immagine
Una sezione immagine standalone. Fino a 3 sezioni immagine per pagina. Configura larghezza, allineamento, proporzioni (automatico, ritratto 3:4, quadrato 1:1 o panoramico 4:3), adattamento (coprire o contenere), arrotondamento degli angoli, padding e un link opzionale al click.
Divisore
Una linea separatrice orizzontale o verticale. Fino a 10 sezioni divisore per pagina. Configura spessore, lunghezza (come percentuale del contenitore), stile dell'estremità (netto o arrotondato), allineamento, combinazione di colori, larghezza (adattamento o riempimento) e padding. Consulta Componenti di layout per tutti i dettagli.
FAQ
Una sezione di domande frequenti in stile accordion. Aggiungi tutte le coppie domanda-risposta necessarie. Configura la combinazione di colori, la larghezza della sezione e il padding.
Codice personalizzato
Una sezione per HTML, CSS e JavaScript grezzi. Il tuo HTML viene inserito all'interno di un contenitore univoco sulla pagina. Il CSS che scrivi viene automaticamente limitato a quel contenitore in modo che i tuoi stili non possano influenzare altre sezioni. JavaScript viene eseguito in un ambito isolato e riceve il contenitore come unico riferimento, caricato dopo che il contenuto della pagina è pronto in modo che le tue query si risolvano correttamente. Massimo 2 sezioni di codice personalizzato per pagina. Utile per incorporare widget di terze parti, animazioni personalizzate o qualsiasi altra cosa che le sezioni standard non possono esprimere.