Personalizza la pagina iniziale
Slider, banner, testo di benvenuto, blocchi di prodotti come novità e offerte speciali, riquadri con link alle categorie, intestazione, piè di pagina e pop-up: questa guida illustra dove è possibile gestire ogni sezione della pagina iniziale e risponde alle domande che ci vengono poste più frequentemente dal servizio di assistenza.
In sintesi
- Testo di benvenuto: in CMS → Gestione CMS nel modulo
$cms_startseite, per ogni lingua. - Slider: in Impostazioni → Design → Slider; le dimensioni delle immagini per desktop e dispositivi mobili in Impostazioni → Design → Immagini.
- Blocchi prodotti: Novità, Offerte speciali, Bestseller e contenuti personalizzati, compreso l’ordine di visualizzazione, in Impostazioni → Design → Elenco prodotti → Configuratore per la presentazione e la commercializzazione dei prodotti. Ogni blocco mostra da 4 a 16 prodotti, sugli smartphone la metà.
- Intestazione e piè di pagina: numero di telefono e vantaggi negli «argomenti dell’intestazione», link del piè di pagina e copyright nei moduli
$cms_footer_navie$cms_footer. - Popup: la finestra informativa
$cms_adviceè il vostro popup personalizzabile. La pagina di manutenzione appare ad ogni salvataggio dei dati.
In questa guida
Come è strutturata la pagina iniziale
La pagina iniziale è composta da sezioni che potete gestire in diversi punti del backend. Nel modello standard sono disposte in ordine verticale secondo questa sequenza. Una sezione vuota o disattivata viene semplicemente omessa.
| Sezione | Dove gestirlo |
|---|---|
| Banner sopra lo slider | Strumenti → Gestione banner, gruppo banner «index_static», vedi Banner |
| Slider | Impostazioni → Design → Slider, vedi Slider |
| Testo di benvenuto | CMS → Gestione CMS, modulo « $cms_startseite », vedi «Testo della pagina iniziale» |
| Riquadri delle categorie principali | Impostazioni → Design → Generale, vedi Riquadri |
| Consulente prodotti | Prodotti → Consulente prodotti, pulsante «Mostra sulla pagina iniziale» |
| Blocchi di prodotti come Novità, Offerte speciali e Bestseller, con contenuti personalizzati inseriti tra di essi | Impostazioni → Design → Elenco prodotti, vedi Blocchi prodotti |
| Riga delle icone con i vostri vantaggi | Impostazioni → Design → Generale → Elementi dell’area centrale, vedi Riga delle icone |
| Notizie | CMS → Articoli di notizie; il numero di articoli visualizzati sulla pagina iniziale è definito in Impostazioni → Design → Articoli di notizie → Numero di articoli sulla pagina iniziale (impostazione predefinita: 10), vedi guida agli articoli di notizie |
| Testo SEO | CMS → Gestione CMS, modulo $cms_seo_startseite |
| Loghi dei marchi | Prodotti → Produttori, per ogni produttore è presente l’opzione «Evidenzia il produttore sulla pagina iniziale» |
La pagina iniziale nel template standard dall’alto verso il basso: slider, testo di benvenuto, riquadri delle categorie principali, un blocco di prodotti e la riga di icone con i vostri vantaggi. Clicca per ingrandire.
L'intestazione, il menu e il piè di pagina sono presenti in ogni pagina; sono descritti più avanti nelle sezioni «Intestazione » e «Piè di pagina». L'ordine delle sezioni non può essere modificato tramite un'impostazione. È invece possibile decidere autonomamente cosa inserire tra i blocchi dei prodotti; si veda la sezione «Contenuti personalizzati». Se si utilizza un modello personalizzato, la struttura della pagina iniziale potrebbe essere diversa.
Testo della pagina iniziale e testo SEO
Il testo di benvenuto sotto lo slider e il testo aggiuntivo più in basso sono due moduli presenti nel CMS Manager: $cms_startseite e $cms_seo_startseite.
- In CMS → Gestione CMS, inserite «pagina iniziale» nel campo di ricerca. L’elenco mostra entrambi i moduli.
- Per
$cms_startseite, selezionare «Modifica» dal menu delle azioni e modificare il testo nella scheda di ciascuna lingua. Il nome del modulo è fisso e non compare nel negozio. - Salvare e ricaricare la pagina iniziale.
Se il testo manca
Il negozio online mostra il testo solo se per il modulo è attivato lo “Stato” e se è presente del testo nella lingua del visitatore. Non è previsto il ripiego sul tedesco. Se nel Gestore CMS sono presenti due voci attive con lo stesso nome, lo spazio rimane vuoto. Inoltre, un proprio template più vecchio necessita del segnaposto per il testo.
Rimuovere il titolo
Il testo di benvenuto non dispone di un pulsante per il titolo: il titolo, predefinito come «Benvenuto…», fa parte del testo. Cancellarlo nell’editor. In una pagina CMS inserita tra i blocchi di prodotto, la colonna «Titolo» nasconde il nome; si veda la sezione «Contenuti personalizzati».
Testo SEO in basso
$cms_seo_startseite si trova in fondo alla pagina iniziale, sotto le notizie. Appare solo se Impostazioni → SEO / SEA → Impostazioni SEO → Impostazioni SEO avanzate è attivato e il modulo contiene del testo, non solo un’immagine.
Il colore del testo, l’allineamento e la formattazione si impostano tramite la barra degli strumenti dell’editor. Con xoContentEditor è possibile costruire il testo utilizzando moduli quali schede, immagini e pulsanti; si veda la guida xoContentEditor. Il funzionamento di base delle pagine e dei moduli nel CMS Manager è spiegato nella guida CMS Manager & E-mail.
Slider della pagina iniziale
È possibile gestire il grande slider nella parte superiore della pagina iniziale in Impostazioni → Design → Slider nella scheda «Personalizza slider (pagina iniziale)». La scheda appare fintanto che l’opzione «Slider» nella stessa pagina è attivata.
- «Aggiungi elemento slider» crea una nuova diapositiva. Il negozio consiglia da 3 a 6 diapositive per garantire un caricamento rapido della pagina iniziale.
- Nella parte superiore della diapositiva sono riportati il nome e lo “Stato”. Nella slide aperta, selezionate il «Tipo di slider» e specificate la destinazione. «Ordinamento» determina l’ordine, con il numero più piccolo per primo. Con «Data di inizio» e «Data di fine» potete mostrare una slide solo in un determinato periodo, entrambe le date incluse; se lasciato vuoto, il periodo è illimitato.
- Nella scheda di ciascuna lingua, inserite «Nome slide» (che funge anche da testo alternativo dell’immagine), «Immagine» e, se necessario, «Immagine (mobile)». Al posto di un’immagine è possibile inserire un «Video» in formato MP4, anche con una versione specifica per dispositivi mobili.
- «Descrizione» è il testo che appare sull’immagine. «Allineamento testo diapositiva» lo posiziona a sinistra, al centro o a destra, mentre «Larghezza testo diapositiva (in %)» ne definisce la larghezza. Il testo è inserito in un riquadro chiaro semitrasparente: utilizzate un carattere scuro, poiché quello bianco non è leggibile in quel contesto.
- Salvare. Per rimuoverlo, cliccare sul cestino rosso nella parte superiore della diapositiva e salvare.
Una diapositiva della pagina iniziale: destinazione del link, ordine e periodo sono indicati nell’intestazione, immagini e testo nella scheda della lingua. Cliccare per ingrandire.
Dimensioni delle immagini per desktop e smartphone
Quali dimensioni
Le dimensioni si trovano in Impostazioni → Design → Immagini: «Larghezza dello slider (grande)» e «Altezza dello slider (grande)» per desktop, «Larghezza dello slider (grande/mobile)» e «Altezza dello slider (grande/mobile)» per dispositivi mobili. Per impostazione predefinita, entrambe sono 2280 × 962 pixel, ovvero in formato orizzontale. Caricate le immagini esattamente con queste proporzioni; la maschera indica i valori attuali sotto il campo immagine. Se modificate le dimensioni, il negozio online genererà nuovamente le versioni ridotte.
Quando viene visualizzata l’immagine per dispositivi mobili
Il negozio online riconosce smartphone e tablet in base all’identificativo del browser, non alla larghezza della finestra. Verrà visualizzata l’«immagine (mobile)», altrimenti l’immagine normale, entrambe adattate alle dimensioni per dispositivi mobili. Un’immagine per dispositivi mobili ha effetto solo se è stata inserita anche un’immagine normale. Se desiderate mostrare un formato verticale sui dispositivi mobili, impostate le dimensioni per dispositivi mobili in formato verticale e inserite un’immagine per dispositivi mobili per ogni slide; in caso contrario, l’immagine normale verrà fortemente ritagliata.
Barre bianche sull’immagine
Se le proporzioni della vostra immagine differiscono dalle dimensioni specificate, il negozio online la ritaglia in modo adeguato, purché in Impostazioni → Design → Immagini → Funzione di ritaglio per immagini sia selezionata l’opzione «slider» (impostazione predefinita). Senza questa selezione, verrà inserita l’intera immagine e il resto verrà riempito con «Miniature: colore di sfondo», impostato di default su bianco. Con «Slider a schermo intero», sugli schermi più larghi della «Larghezza dello slider (grande)» rimarranno degli spazi liberi a sinistra e a destra.
Testo sullo smartphone
Non esiste una descrizione specifica per i dispositivi mobili. Sugli smartphone la descrizione viene visualizzata centrata; l’opzione «Larghezza testo slider (in %)» non è applicabile in questo caso. Si consiglia quindi di mantenere il testo breve, in modo che non copra l’immagine.
Se si sostituisce un’immagine, caricarla con un nuovo nome file. Il negozio online genera le versioni ridimensionate solo per i file che non conosce ancora; con il vecchio nome, i visitatori potrebbero continuare a vedere la vecchia immagine.
Impostazioni dello slider
| Sezione in Impostazioni → Design → Slider | Effetto |
|---|---|
| «Slider» | attiva o disattiva tutti gli slider nel negozio, compresi quelli nelle categorie, nelle pagine CMS e nelle notizie |
| «Intervallo di cambio» | Durata di visualizzazione per ogni slide in millisecondi, impostazione predefinita 5000 (5 secondi) |
| «Velocità» | Durata della transizione in millisecondi, impostazione predefinita 1000 |
| «Effetto slider» | Tipo di transizione, impostazione predefinita «fade» (dissolvenza) |
| «Mostra elementi di controllo», «Contatore di diapositive» | Frecce o punti per lo scorrimento; i punti compaiono solo a partire da due diapositive |
| «Slider a schermo intero» | Slider che occupa l’intera larghezza dello schermo anziché quella del negozio |
| «Slider video: luminosità (in %)», «Slider video: sfocatura» | Filtri per i video nello slider, ad esempio per garantire che il testo rimanga leggibile |
Destinazioni dei link
Il «Tipo di slider» determina dove porta un clic: «Link alla categoria», «Link al prodotto», «Link alla pagina CMS», «Link personalizzato» o «Immagine/Video» senza link. Nel caso del link personalizzato, inserite l’indirizzo completo con https://. Un’indicazione come «/azione/» viene completata dal negozio con un indirizzo non valido e il clic porta a una pagina di errore. Cosa fa il negozio in caso di destinazioni cancellate o disattivate è spiegato nella guida «Primi passi».
Slider nelle categorie, nelle pagine CMS e nelle notizie
È possibile gestire i propri slider direttamente nella categoria (sezione «Slider categoria»), nella pagina CMS («Slider CMS») e nell’articolo di notizie («Slider notizie»). Non è necessario un pulsante dedicato: l’area è già disponibile al momento della creazione di una categoria, purché l’opzione «Slider» sia attivata. Se una categoria dispone di uno slider, l’opzione «Nascondi immagine di intestazione della categoria» in Impostazioni → Design → Generale nasconde, per impostazione predefinita, l’immagine della categoria.
Gestione banner
I banner pubblicitari per posizioni fisse nel negozio online si gestiscono in Strumenti → Gestione banner. La posizione in cui appare un banner è determinata dal suo «gruppo di banner».
- Per creare un nuovo banner e selezionare il «Gruppo banner», consultare la tabella.
- Nella scheda di ciascuna lingua, inserire «Nome del banner», «URL del banner (incl. http://)» e «File immagine del banner»; per smartphone e tablet, aggiungere anche «File immagine del banner (mobile)». Al posto di un’immagine o sotto di essa è possibile inserire “Testo HTML”.
- Facoltativamente, specificare «Validità da» e «Validità fino a» oppure un numero di visualizzazioni dopo il quale il banner termina.
- Attivare lo «Stato» e salvare. Un nuovo banner è inizialmente inattivo.
Un banner per la pagina iniziale: gruppo «index_static», indirizzo di destinazione completo e un’immagine per desktop e una per dispositivi mobili. Cliccare per ingrandire.
Le posizioni
| Gruppo banner | Dove appare il banner |
|---|---|
| «index_static» | solo sulla pagina iniziale, in alto sopra lo slider |
| "header_static" | in alto su ogni pagina |
| «footer_static» | nel piè di pagina di ogni pagina |
| "left_smooth", "right_smooth" | banner stretto sul margine sinistro o destro, che si ritira dopo alcuni secondi; solo su schermi più grandi, il visitatore può chiuderlo |
| «box» | nel riquadro «Riquadro pubblicitario»; deve essere attivo nel gestore dei riquadri |
| «offcanvas_nav» | come riquadro nel menu di sinistra sullo smartphone, al massimodue 4.10 |
Link a una promozione
Inserite nel campo «URL banner» l’indirizzo completo della pagina di destinazione, ad esempio quello della vostra categoria di promozione, in ogni lingua. Qui non è presente un elenco a tendina per le categorie. I banner aprono la pagina di destinazione in una nuova scheda; le visualizzazioni e i clic vengono conteggiati nella sezione «Statistiche» del menu delle promozioni.
Visualizzazione mobile
Gli smartphone e i tablet visualizzano solo il «file immagine del banner (mobile)». Se manca, vedranno solo il testo HTML o nulla; l’immagine normale non viene visualizzata. Pertanto, caricate sempre entrambe le immagini.
Più banner, più lingue
Se in un gruppo sono attivi più banner, il negozio ne mostra uno a caso ad ogni visualizzazione della pagina. Quando si aggiunge un nuovo banner, il negozio riprende le lingue vuote dalla lingua predefinita. «Valido fino al» indica il primo giorno in cui il banner non apparirà più.
Blocchi di prodotti: novità, offerte, bestseller
Potete stabilire in un unico punto quali linee di prodotti apparire sulla pagina iniziale, in quale ordine e con quanti prodotti: Impostazioni → Design → Elenco prodotti → Configuratore per la presentazione e la commercializzazione dei prodotti.
- Ogni riga è un blocco. La colonna «Tipo / Pagina di destinazione» indica cosa mostra e dove, ad esempio «Novità e consigli per l’acquisto / Pagina iniziale». Per la pagina iniziale contano solo le righe con «/ Pagina iniziale»; la stessa tabella gestisce anche i blocchi nelle pagine delle categorie, dei prodotti e dei produttori, nonché nel carrello.
- Per aggiungere un blocco, clicca su «Nuova voce»; per rimuoverlo, clicca sul cestino nella riga corrispondente. Una riga il cui «Numero» è vuoto o pari a 0 verrà eliminata dal negozio al momento del salvataggio.
- L’ordine delle righe corrisponde all’ordine di visualizzazione nella pagina. Trascinare una riga con il mouse verso l’alto o verso il basso.
- Salva. La pagina iniziale mostrerà le nuove impostazioni al prossimo accesso.
Ogni riga è un blocco; le righe con «/ Pagina iniziale» appaiono in questo ordine sulla pagina iniziale, qui con una pagina CMS tra le novità e le offerte speciali. Clicca per ingrandire.
Le colonne di una riga
| Colonna | Effetto |
|---|---|
| «Listingstyle» | «gal» mostra le tessere, «list» un elenco, «special» una visualizzazione speciale a tutta larghezza. |
| «Ordinamento» | Ordine dei prodotti nel blocco, ad esempio «Ordine crescente», «Data di creazione decrescente», «Numero di ordini decrescente», «Visualizzazioni decrescenti» o «Ordine casuale». Per le offerte speciali sono disponibili anche «Offerta speciale: data di creazione» e «Scadenza offerta speciale». |
| «Numero» | Numero massimo di prodotti. Il negozio ne mostra almeno 4 e al massimo 16; su smartphone e tablet, la metà. |
| «Slider» | Sì: tutti i prodotti in un’unica riga da scorrere. No: i prodotti sono disposti su più righe una sotto l’altra. |
| «Sfondo» | Colore di sfondo del blocco. Si applica esclusivamente a questa riga; in precedenza, il colore di una riga veniva applicato a tutte le righe dello stesso tipo.ab 4.9.135 |
| «Titolo» | mostra o nasconde il titolo del blocco |
| «Larghezza intera» | Il blocco si estende per l’intera larghezza dello schermo anziché per la larghezza del negozio. |
| Ultima colonna | Selezione della categoria in «Prodotti della categoria», della pagina CMS in «Pagina CMS» e del produttore nelle righe relative alle pagine dei produttori |
Nelle righe di tipo «Pagina CMS», il configuratore nasconde lo stile di visualizzazione, l’ordinamento e il numero; l’opzione «Slider» è disabilitata.
I blocchi per la pagina iniziale
| Tipo | Quali prodotti |
|---|---|
| «Novità e consigli per l’acquisto» | Prodotti con «Prodotto come novità/consiglio di acquisto (Top-New)», vedi Novità |
| «In evidenza» | Prodotti contrassegnati come “Prodotto in evidenza” (schermata del prodotto, scheda “Generale”, con “In evidenza dal/al”) oppure da Prodotti → In evidenza |
| «Offerte speciali» | Prodotti con prezzo speciale attivo da Prodotti → Offerte speciali per il gruppo di clienti del visitatore. Per i gruppi di clienti in cui, alla voce Clienti → Gruppi di clienti, l’opzione «Mostra prezzi speciali» è disattivata, il blocco non viene visualizzato. |
| «Bestseller» | Prodotti con il maggior numero di ordini, vedi Bestseller |
| «Promozione» | Prodotti con «Promozione prodotto» (scheda prodotto, scheda «Generale», con «Promozione dal/al») |
| «Prodotti presto disponibili» | Prodotti la cui «Data di uscita» è oggi o in un momento successivo; una panoramica mostra i prodotti → Prodotti attesi |
| «Prodotti della categoria» | Prodotti della categoria indicata nell’ultima colonna, con l’opzione «Utilizza sottocategorie nell’elenco delle categorie» (attivata di default) comprese le sottocategorie. È possibile creare più volte questo tipo di prodotto. |
| «Prodotti in bundle», «Recensioni», «Prodotti gratuiti» | Pacchetti, recensioni in evidenza («Stato promozionale» in Prodotti → Recensioni dei prodotti) o i prodotti gratuiti del programma fedeltà |
| «Pagina CMS» | Non si tratta di prodotti, ma del contenuto di una pagina CMS, vedi Contenuti propri. È possibile crearne più di una. |
In tutti i blocchi compaiono solo i prodotti attivi che il visitatore può visualizzare. I prodotti esauriti non vengono visualizzati se l’opzione Impostazioni → Checkout → Inventario → Nascondi prodotti esauriti è attiva. Le varianti compaiono solo tramite il loro articolo principale, fintanto che l’opzione «Slave nei slider dei prodotti» in Impostazioni → Design → Elenco prodotti è disattivata. È possibile modificare i titoli dei blocchi in Strumenti → xoLanguage.
Aggiungere le novità alla pagina iniziale
- Verificare che sia presente la riga «Novità e consigli di acquisto / Pagina iniziale»; in caso contrario, crearla con «Nuova voce».
- Selezionare i prodotti: nella scheda “Generale” della pagina di gestione del prodotto, attivare “Prodotto come novità/consiglio di acquisto (Top-New)”, aggiungendo se lo si desidera “Top-New da/a”. Per selezionare più prodotti contemporaneamente, andare su Prodotti → Prodotti Top-New.
- Se in Impostazioni → Design → Elenco prodotti → Novità e consigli per l’acquisto “Top-New” è impostato su Sì (impostazione predefinita), il negozio online completa il blocco con i prodotti aggiunti nelle ultime settimane; il numero di settimane è determinato da “Durata contrassegno prodotto “Nuovo”” (impostazione predefinita 4). Se l’opzione è impostata su No, il blocco mostra solo i vostri prodotti Top-New.
Ecco come nascono i bestseller
Ogni prodotto ha un contatore per il numero di pezzi ordinati. Questo aumenta con ogni ordine effettuato nel negozio e con gli ordini importati dai marketplace; in caso di varianti, viene conteggiato l’articolo principale. Il blocco mostra i prodotti con almeno un ordine, ordinati per impostazione predefinita in base al «Numero di ordini in ordine decrescente». I buoni sconto e i prodotti gratuiti non vengono considerati bestseller. Se si seleziona un altro «Ordinamento», il negozio seleziona altri prodotti tra gli stessi.
Rimuovere un blocco
Che si tratti di «Novità e consigli per l’acquisto», «Best seller» o «Prodotti presto disponibili»: elimina la riga con «/ Pagina iniziale» tramite il cestino e salva. Con «Nuova voce» puoi ripristinare il blocco in qualsiasi momento. L’opzione «Prodotti presto disponibili» nello stesso gruppo non influisce sulla pagina iniziale; l’unica impostazione determinante è la riga nel configuratore.
Ordinamento delle offerte speciali
Nella riga «Offerte speciali / Pagina iniziale» impostate l’«Ordinamento»: «Offerte speciali: data di scadenza in ordine crescente» mostra per prime le offerte che terminano a breve, «Offerte speciali: data di creazione in ordine decrescente» quelle più recenti. Per la pagina dedicata alle offerte speciali è prevista un’impostazione specifica: «Ordinamento prodotti (pagina delle offerte speciali)» nello stesso gruppo.
Contenuti personalizzati tra i blocchi dei prodotti
Un’immagine promozionale, una nota o un testo tra «Novità» e «Offerte speciali»: a tal fine, create una pagina CMS e inseritela come riga separata nel configuratore.
- In CMS → Gestione CMS, creare una pagina, lasciare attivate le opzioni “Stato” e “Pagina di contenuto del negozio (può essere visualizzata e collegata nel negozio)” e configurare il contenuto, se lo si desidera con xoContentEditor. Il configuratore propone solo questo tipo di pagine.
- Nel configuratore, creare una riga con «Nuova voce», selezionare come tipo «Pagina CMS / Pagina iniziale» e, nell’ultima colonna, la pagina.
- Disattivare “Titolo” se non si desidera che il nome della pagina appaia come intestazione; attivare “Larghezza intera” per un’immagine che occupi l’intera larghezza dello schermo.
- Trascinare la riga nella posizione desiderata e salvare.
Ecco come presentare, ad esempio, le novità tramite un’immagine promozionale: prima la riga «Novità e consigli per l’acquisto / Pagina iniziale», sotto la pagina CMS con l’immagine. Nel template standard, i blocchi di prodotti non vengono spostati dallo slider e dal testo di benvenuto. Con la pagina di destinazione “Carrello”, la stessa riga mostra il contenuto della pagina CMS nella parte inferiore del carrello, ad esempio un’indicazione sui tempi di consegna.
Riquadri con link alle categorie
È possibile ottenere riquadri cliccabili che rimandano alle categorie in due modi: automaticamente dalle categorie principali oppure personalizzandoli liberamente nel testo di benvenuto.
Automaticamente: categorie principali come riquadri
Tramite Impostazioni → Design → Generale → Mostra categorie principali sulla pagina iniziale (attivo di default), la pagina iniziale mostra sotto il testo di benvenuto un riquadro per ciascuna categoria principale con immagine, nome e breve descrizione. L’ordine segue l’«ordine di ordinamento» delle categorie.
- Immagine: l’«immagine» della categoria. L’opzione «Nascondi immagini delle categorie sulla pagina iniziale» nello stesso gruppo mostra solo il testo.
- Testo: la «breve descrizione» della categoria, se è attivata l’opzione «Attiva la breve descrizione anche per le categorie e le pagine CMS».
- Colonne: Impostazioni → Design → Elenco prodotti → Riquadri delle categorie: numero di colonne, separato per smartphone, tablet e desktop.
- Reindirizzamento: se nella categoria il «Tipo di pagina» è impostato su «Collegamento interno» o «Collegamento esterno», il riquadro rimanda direttamente a quell’indirizzo. In questo modo, un riquadro diventa un link a un’azione, a una pagina CMS o a un’altra categoria.
Personalizzazione libera: riquadri personalizzati
È possibile creare tessere personalizzate con immagine, testo e pulsante nel testo di benvenuto o in una pagina CMS tra i blocchi dei prodotti; il modo più semplice è utilizzare il modulo «Scheda» di xoContentEditor, consultare la guida di xoContentEditor. Se si desidera che l’intero riquadro sia cliccabile e non solo il pulsante, aprire il codice HTML nell’editor di testo normale tramite il pulsante «Codice sorgente» e aggiungere all’elemento div che lo racchiude l’attributo data-xo-href="ziel-adresse/"; per aprire una nuova finestra, aggiungere inoltre data-xo-href-target="_blank".
Riga delle icone con i vostri vantaggi
La riga con le icone e i brevi testi come «Spedizione in 24 ore» o «Acquisto con fattura» costituisce gli «argomenti dell’area centrale».
- In Impostazioni → Design → Generale → Argomenti dell’area centrale, creare una riga per ogni vantaggio selezionando «Nuova voce».
- Selezionare la “Lingua” (“---” vale per tutte le lingue), scegliere un’“Icona” dalla selezione e inserire il testo.
- Stabilire l’ordine trascinando gli elementi e salvare.
Le tre voci della riga delle icone nella parte superiore della pagina iniziale, ciascuna con lingua, icona e testo. Clicca per ingrandire.
La riga delle icone si trova sotto i blocchi dei prodotti, sia nella pagina iniziale che nelle pagine delle categorie e dei produttori. Su smartphone e tablet mostra una voce alla volta e cambia ogni 4,5 secondi. Lo stesso elenco per la barra sottile nella parte superiore di ogni pagina si chiama «Argomenti dell’intestazione», vedi Intestazione.
Intestazione: numero di telefono, vantaggi, sigilli
La barra sottile in alto sopra il logo va compilata con gli «argomenti dell’intestazione». Qui è riportato anche il numero di telefono, poiché non esiste un campo dedicato al numero di telefono nell’intestazione.
- Aprire la tabella in Impostazioni → Design → Intestazione → Argomenti dell’intestazione. Ogni riga è una voce con «Lingua», «Icona» e testo.
- Per il numero di telefono, modificare la voce esistente o crearne una nuova con «Nuova voce», ad esempio con l’icona del telefono e il testo
<a href="tel:+4930123456">030 123456</a>. «---» come lingua vale per tutte le lingue. - Salva. Sul desktop tutte le voci sono affiancate, mentre su smartphone e tablet si alternano ogni 4,5 secondi. Durante il checkout la barra è nascosta.
Il numero è presente in più punti
L’intestazione non riprende il numero da altre sezioni. Se il vostro numero di telefono cambia, dovrete quindi aggiornarlo in tre punti: negli argomenti dell’intestazione, nei «Dati di contatto del piè di pagina» (vedi piè di pagina) e in Impostazioni → Generale → Impostazioni di base → Indirizzo del negozio e dati di contatto. Quest’ultimo viene utilizzato dal negozio per la pagina dei contatti, le e-mail e le informazioni destinate ai motori di ricerca.
Sigilli e certificati
L’intestazione non dispone di un campo dedicato ai sigilli. È possibile inserire una breve indicazione come «Negozio certificato» come argomento dell’intestazione con l’icona corrispondente, mentre un’immagine del sigillo va inserita come banner del gruppo «header_static» (vedi Banner). Il sigillo di Trusted Shops va configurato in Impostazioni → Interfacce → Portali di recensioni → Trusted Shops.
La larghezza del logo, l’altezza dell’intestazione, nonché il carrello, la lista dei desideri e la selezione della lingua si impostano nello stesso gruppo; il file del logo stesso è «Logo del negozio» in Impostazioni → Generale → Impostazioni di base. Il menu con le categorie è spiegato nella guida Navigazione per categorie.
Piè di pagina: link, contatti, loghi, copyright
Il piè di pagina è composto da moduli di testo nel CMS Manager e dai campi disponibili in Impostazioni → Design → Piè di pagina.
| Cosa si desidera modificare | Dove |
|---|---|
| Link della colonna «Informazioni» (Diritto di recesso, Spese di spedizione, Protezione dei dati, Condizioni generali, Note legali, Contatti) | CMS → Gestione CMS, modulo $cms_footer_navi |
| Riga del copyright con l’anno e l’indicazione del prezzo in fondo alla pagina | CMS → Gestione CMS, modulo $cms_footer |
| Area tra le colonne e la riga inferiore | CMS → Gestione CMS, modulo $cms_footer_middle |
| Colonna "Contatti": telefono, cellulare, fax, e-mail, WhatsApp, indirizzo, ciascuno con gli orari di reperibilità | «Dati di contatto nel piè di pagina» |
| Barre con logo «I nostri metodi di pagamento» e «Le nostre modalità di spedizione» | «Metodi di pagamento nel piè di pagina», «Metodi di spedizione nel piè di pagina» |
| Data odierna nella riga inferiore | «Visualizzazione della data nel piè di pagina: attiva/disattiva» |
| Pulsante di recesso sotto i link | «Attiva/disattiva pulsante di recesso nel piè di pagina», vedi guida al pulsante di recesso |
| Icone dei vostri canali social | Impostazioni → Design → Social media, per ogni canale l’indirizzo o il nome |
Modifica o aggiunta di un link
$cms_footer_navi Si tratta di un elenco di link. Per rimuovere un link, basta cancellarne la voce nell’editor. Per collegare una pagina CMS personalizzata, utilizzare il pulsante “Link” dell’editor; a tal fine, la pagina deve essere contrassegnata come “Pagina di contenuto del negozio (accessibile e collegabile dal negozio)”. Nella pagina CMS non è presente un pulsante «Mostra nel footer». Maggiori informazioni nella guida Gestione CMS ed e-mail.
Anno e orari
L’anno nel copyright è un testo fisso in $cms_footer e non si aggiorna automaticamente; di default è presente un testo di esempio. Il piè di pagina non mostra l’ora. Gli orari di apertura o di servizio vanno inseriti nei «Dati di contatto del piè di pagina» nella colonna «Informazioni aggiuntive» per ciascuna lingua.
Loghi dei metodi di pagamento e di spedizione
Per ogni riga, selezionate un logo e la pagina CMS a cui rimanda, ad esempio «Consegna e pagamento». È possibile scegliere tra i metodi di pagamento installati e marchi comuni come Visa, Mastercard, Apple Pay o Wero, ma non fornitori di servizi di pagamento come Stripe o Unzer. Klarna, Amazon Pay e Revolut Pay sono disponibili anche senza un modulo dedicato.ab 4.9.138
Dati di contatto nel piè di pagina con gli orari di reperibilità nelle informazioni aggiuntive e i loghi dei metodi di pagamento che rimandano a una pagina CMS. Clicca per ingrandire.
Riquadri sopra il piè di pagina
In CMS → Gestione riquadri è possibile gestire piccoli riquadri contenenti testo, notizie o sondaggi. Questi vengono visualizzati in una colonna a sinistra se in Impostazioni → Design → Generale → Mostra colonna riquadri è selezionato il tipo di pagina corrispondente; in caso contrario, vengono visualizzati in una riga direttamente sopra il piè di pagina. Per impostazione predefinita, non è selezionato alcun tipo di pagina.
- Per inserire un testo personalizzato, utilizzare un «Contentbox»: modificare il riquadro, compilare il campo «Contenuto del riquadro» nella scheda di ciascuna lingua e attivare l’opzione «Attiva riquadro». Per i riquadri predefiniti, il negozio genera automaticamente il contenuto; in questo caso è possibile modificare solo il nome, il layout, l’ordinamento e la visibilità.
- Con «Mostra sulla pagina iniziale» e la selezione della categoria si stabilisce dove appare un box. Non è prevista una selezione in base al gruppo di clienti.
- Per i post provenienti dai social network sopra il piè di pagina è indicata una content box con immagine e link; non è integrato un modulo feed. Non incorporare nelle caselle contenuti di fornitori esterni come video o feed: a differenza delle pagine CMS, il negozio online non richiede il consenso preventivo in questi casi e rimuove gli script al momento del salvataggio.
Pop-up e riquadri informativi
La finestra di avviso è un popup personalizzabile per i vostri visitatori. Esistono inoltre popup con uno scopo specifico: l’iscrizione alla newsletter e la preselezione del gruppo di clienti, del paese di consegna o della valuta.
Finestra di avviso: il vostro pop-up personalizzato
- In CMS → Gestione CMS, modificate il modulo «
$cms_advice» e inserite il testo in ogni lingua, ad esempio un avviso relativo alle chiusure per ferie aziendali. - In Impostazioni → Generale → Manutenzione → attiva l’opzione “Mostra finestra di avviso sulla pagina iniziale ”.
- La disattivazione è possibile solo tramite questo pulsante. Il pulsante «Stato» del modulo è disattivato nel Gestore CMS, come per la maggior parte dei moduli forniti.
Ecco come funziona la finestra di avviso
Nonostante il nome, appare su ogni pagina, non solo sulla pagina iniziale, finché l’utente non la chiude selezionando «Avviso letto»; dopodiché rimane chiusa fino al termine della sua visita. Gli utenti registrati non la vedono. Un clic accanto ad essa o il tasto Esc non la chiudono. Se il modulo è vuoto, non appare alcuna finestra di avviso.
Popup con scopo specifico
| Popup | Attivare in |
|---|---|
| Iscrizione alla newsletter | Impostazioni → Interfacce → Email marketing / CRM → Opzioni email → Popup newsletter: on/off, dettagli nella guida alla newsletter |
| Gruppo clienti (privato o aziendale) | Impostazioni → Checkout → Dettagli cliente → Popup preselezione gruppo clienti |
| Paese di consegna | Impostazioni → Checkout → Spedizione/Imballaggio → Preselezione paese di consegna: attiva/disattiva |
| Valuta in base alla località | Impostazioni → Checkout → Generale → Offri cambio valuta (rilevamento IP) |
Per ogni visita alla pagina, il negozio apre al massimo un pop-up, in un ordine prestabilito: prima l'avviso sui cookie, poi la preselezione di negozio, valuta, gruppo clienti e paese di consegna, successivamente la finestra informativa e infine il pop-up della newsletter. Il pop-up successivo compare solo quando il visitatore ha completato quello precedente e accede a un'altra pagina.
Pagina di manutenzione durante il backup
Mentre il negozio esegue il backup del database, ai visitatori viene mostrata una pagina di manutenzione. Potete impostare voi stessi la frequenza con cui ciò avviene.
Quando viene visualizzata
Ad ogni backup dei dati, automatico o manuale tramite Strumenti → Strumenti database → Backup database, e durante il ripristino di un backup. Al termine del backup, il negozio torna immediatamente disponibile, al più tardi entro 15 minuti. La pagina dei contatti e l’informativa legale rimangono accessibili.
Con quale frequenza
Impostazioni → Generale → Manutenzione → Backup automatico del database: l’intervallo è espresso in giorni, impostato di default su 7. Non è prevista un’ora specifica: il backup inizia non appena, allo scadere del termine, un amministratore con accesso al backup del database apre una pagina nel backend. Impostando il valore su 0, il backup automatico è disattivato; in tal caso, eseguire regolarmente il backup manualmente.
Testo e blocco della pagina
È possibile modificare il testo della pagina alla voce «Messaggio backup automatico» nello stesso gruppo, per ciascuna lingua. Se la pagina di manutenzione rimane bloccata dopo un backup interrotto, chiudetela da Strumenti → Strumenti database → Backup database con il pulsante «Elimina "Lavori di manutenzione per backup"».
Domande frequenti
Dove posso modificare i contenuti della pagina iniziale?
$cms_startseite), lo slider in Impostazioni → Design → Slider, i blocchi dei prodotti in Impostazioni → Design → Elenco prodotti. La tabella nella sezione “Struttura della pagina iniziale” elenca tutte le aree.Perché il testo della mia pagina iniziale non viene visualizzato?
$cms_startseite ha “Stato” attivo e contiene testo nella lingua dei tuoi visitatori; non è previsto un ripiego sul tedesco. Anche due voci attive con lo stesso nome lasciano lo spazio vuoto.Come faccio a mostrare le novità sulla pagina iniziale?
Come si rimuove un blocco come «Nuovi prodotti» o «Prodotti presto disponibili»?
Perché un blocco mostra al massimo 16 prodotti?
Come vengono determinati i bestseller?
Come si modifica l’ordine delle barre di scorrimento?
Quali sono le dimensioni richieste per le immagini dello slider su dispositivi mobili?
Perché il mio slider presenta una barra bianca?
Perché un link dello slider rimanda a una pagina di errore?
https:// oppure l’indirizzo non è più valido. Inserisci l’indirizzo completo. Per i link a categorie, prodotti o pagine CMS, la gestione dello slider e l’Health Check segnalano destinazioni cancellate o disattivate; vedi “Destinazioni dei link dello slider”.Come si collega un banner a una categoria promozionale?
È possibile mostrare messaggi diversi ai rivenditori e ai clienti privati?
Dove posso modificare il numero di telefono nell’intestazione?
Dove posso modificare l’anno o gli orari nel piè di pagina?
$cms_footer nel CMS Manager e non viene aggiornato automaticamente. Gli orari di apertura e di servizio si gestiscono in Impostazioni → Design → Piè di pagina (footer) → Dati di contatto nel piè di pagina nella colonna «Informazioni aggiuntive».Come si inserisce un popup sulla pagina iniziale?
$cms_advice e attivare l’opzione “Mostra finestra di avviso sulla pagina iniziale” in Impostazioni → Generale → Manutenzione. Viene visualizzata agli ospiti una volta per visita, vedi Popup.Perché il pulsante di stato di un modulo è disattivato?
$cms_advice, sono attivi in modo permanente. La visualizzazione del loro contenuto è controllata da un’impostazione del modulo “Casella di avviso”, ovvero “Mostra casella di avviso sulla pagina iniziale”. È possibile attivare o disattivare il testo di benvenuto, il testo SEO della pagina iniziale, i moduli del piè di pagina e le proprie pagine.Come faccio a rimuovere il messaggio «Avviso backup automatico»?
Dove posso modificare il testo del messaggio relativo alla richiesta di informazioni sul prodotto?
TEXT_QUESTION_INTRO). Il pulsante stesso può essere attivato o disattivato in Impostazioni → Design → Vista dettagli prodotto → Richiesta prodotto «Domande sull’articolo».Guide approfondite
Ti aiutiamo a personalizzare la tua pagina iniziale
Configuriamo insieme a te slider, blocchi di prodotti e piè di pagina e ti spieghiamo cosa è possibile personalizzare nel tuo template.
Contatta subito l’assistenza
