Ogni banner occupa un proprio blocco nella pagina — una riga di banner. Per ogni riga di banner, devi definirne la posizione nella pagina e il tipo di banner che verrà configurato.
Non ci sono limitazioni sul numero di righe di banner e sulla loro posizione nella Homepage, il che ti permette di rendere la home page informativa e attraente per i clienti. Tieni presente che un gran numero di banner può rallentare il caricamento della pagina, quindi valuta attentamente quali immagini ti servono.
Per posizionare un banner nella home page, devi:
Stabilire quali banner vuoi mostrare nella home page.
Se necessario, creare nuove righe o modificare quelle esistenti.
Preparare immagini della dimensione corretta per ciascun banner.
Caricare le immagini, personalizzare e abilitare i banner nel pannello di amministrazione.
Nota bene: Abbiamo creato una nuova interfaccia per la gestione dei banner e stiamo aggiornando gradualmente i negozi dei nostri clienti.
Le seguenti istruzioni si applicano sia alla vecchia che alla nuova interfaccia.
Preparazione delle righe di banner per il caricamento dei banner
Devi determinare il numero di banner che vuoi posizionare nella home page, così come il loro tipo e la loro dimensione.
Esempio di righe di banner nella home page
Un esempio di visualizzazione dei banner nel Shaniya template della galleria di design:
Riga banner 1: wideblock, dimensione L;
Riga banner 2: 3x, dimensione M, padding: S, arrotondamento: S;
Riga banner 3: 2x, dimensione: M, padding: S; arrotondamento: S;
Riga banner 4: block, dimensione: L.
Puoi vedere altre combinazioni di banner nella nostra galleria di template di design.
Creazione o modifica delle righe di banner
Per creare nuove righe di banner, modificare i parametri dei banner nelle righe esistenti o cambiarne la posizione, vai alla sezione Sito web → Design → Editor di design del pannello di amministrazione ed espandi la voce Homepage. Fai clic su Add banner oppure espandi una riga di banner esistente e imposta i parametri necessari del banner. Un’anteprima nell’editor di design ti consente di valutare immediatamente le modifiche apportate.
Importante: Prima di modificare le righe di banner, ti consigliamo di salvare le immagini utilizzate in precedenza. Dopo aver applicato le modifiche, le immagini precedenti potrebbero essere eliminate.
Preparazione delle immagini per i banner
Per visualizzare correttamente i banner, le immagini devono soddisfare i seguenti requisiti:
La dimensione dell’immagine deve corrispondere completamente al tipo e alla dimensione del banner selezionati.
L’immagine deve essere in formato JPEG o PNG.
Se scegli un banner di tipo cover, dovresti lasciare dei rientri di 500px dai bordi sinistro e destro e posizionare le informazioni importanti al centro.
Se scegli l’impostazione padded, durante la preparazione dell’immagine dovresti prevedere che 10–15px dal bordo vengano coperti dal rientro.
Le immagini devono essere di alta qualità.
Configurazione e abilitazione dei banner sul tuo sito web
Una volta create le righe di banner necessarie, carica le immagini nel pannello di amministrazione e abilita i banner.
Nuova interfaccia
Vai alla sezione Sito web → Banner e fai clic su + New banner nella riga appropriata.
Compila il campo Title — cerca di dare al banner un nome chiaro, così sarà più facile trovarlo in seguito.
Carica l’immagine del banner facendo clic sul campo oppure trascinando e rilasciando un file al suo interno.
Specifica il link o la pagina verso cui l’utente verrà reindirizzato quando farà clic sul banner.
Se necessario, specifica il colore del bordo, il testo alternativo e il titolo dell’immagine.
Seleziona l’impostazione desiderata per l’interruttoreOpen link in new tab.
Assicurati che l’interruttore Show on storefront sia attivato e fai clic su Save.
Puoi anche caricare i banner direttamente nell’editor di design.
Vai su Sito web → Design → Editor di design → Homepage ed espandi la riga di banner desiderata.
Passa il cursore sopra il campo di caricamento dell’immagine e premi + nella riga di miniature che appare (per il primo banner nella riga, basta fare clic sul campo).
Configura il banner nello stesso modo della sezione Sito web → Banner.
Vecchia interfaccia
Vai su Sito web → Banner e fai clic su Aggiungere.
Nel campo Pagina, seleziona Homepage.
Nel campo Posizionamento , seleziona la riga desiderata.
Assicurati che il campo Modelli sia impostato su Immagine.
Carica il file del banner nel campo Immagine , imposta l’URL e le impostazioni aggiuntive secondo necessità.
Seleziona la casella di controllo Attivo e fai clic su Salvare.
Link
Nel campo Link (URL nella vecchia interfaccia)puoi impostare l’indirizzo verso cui reindirizzare facendo clic sul banner — una pagina del sito web o un link a una risorsa di terze parti.
Pagina (Nome pagina del Sito web nella vecchia interfaccia) — seleziona la pagina appropriata dall’elenco a discesa.
Link personalizzato (Link proprio nella vecchia interfaccia) — specifica un link a qualsiasi pagina (sia sul tuo sito sia su altre fonti).
Se un cliente deve essere reindirizzato alla pagina con un prodotto specifico o ai risultati del filtro facendo clic su un banner, devi selezionare link personalizzato e inserire un link relativo (senza dominio) nella seconda parte del campo.
Se un cliente deve essere reindirizzato alla pagina di un altro sito web facendo clic su un banner, il link deve essere assoluto (ad esempio, https://cartum.io/functions/)
Banner per diverse versioni linguistiche
Per ogni versione linguistica del sito, puoi caricare immagini diverse, impostare link diversi e scrivere i meta tag alt e title appropriati.
Nuova interfaccia
Vecchia interfaccia
Nota bene:
Se non viene caricato alcun banner per una versione linguistica aggiuntiva, verrà visualizzato il banner impostato per la versione linguistica principale del sito.
Se non è configurato un banner per la lingua principale del sito, i banner delle altre versioni linguistiche non verranno visualizzati. Se un banner di questo tipo è abilitato, sul sito verrà mostrato uno spazio vuoto.
Creazione di uno slider (cambio immagini)
Per i banner di tipo block, wideblock, cover, blockplus (solo banner grandi), puoi configurare uno slider — immagini che cambiano automaticamente a un determinato intervallo.
Per configurare lo slider, devi creare diversi banner in una riga di banner.
L’ordine di visualizzazione dei banner in una riga
L’ordine in cui i banner vengono visualizzati in uno slider e in una riga con più banner è determinato dalle loro posizioni nell’elenco della sezione Sito web → Banner.
Puoi modificare la sequenza di visualizzazione trascinando i banner tramite i marcatori nella colonna di sinistra.
Nuova interfaccia
Vecchia interfaccia
