Vai al contenuto principale
Banner sulla homepage

Inserire e personalizzare i banner nella homepage del sito web, modificandone il tipo, la posizione e l'ordine

Aggiornato oltre una settimana fa

Ogni banner occupa un proprio blocco nella pagina - una riga di banner. Per ogni riga di banner, è necessario definire la sua posizione nella pagina e il tipo di banner che sarà configurato per essa.

Non ci sono restrizioni sul numero di linee di banner e sulla loro posizione nella Homepage, il che consente di rendere la home page informativa e attraente per i clienti. Tenete presente che un numero elevato di banner può rallentare il caricamento della pagina, quindi valutate attentamente le immagini di cui avete bisogno.

Per inserire un banner nella home page, occorre:

  1. Determinare quali banner si desidera visualizzare sulla home page.

  2. Se necessario, creare nuove linee o modificare quelle esistenti.

  3. Preparare immagini delle dimensioni corrette per ogni banner.

  4. Caricare le immagini, personalizzare e abilitare i banner nel pannello di amministrazione.

Preparazione delle righe per il caricamento dei banner

È necessario determinare il numero di banner che si desidera inserire nella homepage, nonché il loro tipo e le loro dimensioni.

Esempio di righe di banner nella homepage

Banner sulla homepage — Cartum

Un esempio di visualizzazione dei banner nel template Shaniya design gallery:

  1. Linea banner 1: wideblock, dimensione L;

  2. Riga del banner 2: 3x, dimensione M, padding: S, arrotondamento: S;

  3. Riga del banner 3: 2x, dimensione: M, padding: S; arrotondamento: S;

  4. Riga del banner 4: blocco, dimensione: L.

Potete vedere altre combinazioni di banner nella nostra galleria di modelli di design.

Creare o modificare le linee di banner

Per creare nuove linee di banner, modificare i parametri dei banner esistenti o cambiarne la posizione, andate nella sezione Sito web Design Editor de design del pannello di amministrazione ed espandete la voce Homepage. Fare clic su Add banner o espandere una riga di banner esistente e impostare i parametri necessari per il banner. Un'anteprima nell'editor di design consente di valutare immediatamente le modifiche apportate.​

Importante: prima di modificare le linee del banner, si consiglia 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:

  1. Le dimensioni dell'immagine devono corrispondere completamente al tipo e alle dimensioni del banner selezionato.

  2. L'immagine deve essere in formato JPEG o PNG.

  3. Se si sceglie un banner di tipo cover, è necessario lasciare un rientro di 500px dai bordi sinistro e destro e posizionare le informazioni importanti al centro.

  4. Se si sceglie l'impostazione "padded", durante la preparazione dell'immagine si devono lasciare 10-15px dal bordo per coprire il rientro.

  5. Le immagini devono essere di alta qualità.

Impostazione e abilitazione dei banner sul vostro sito web

Una volta create le linee di banner necessarie, caricare le immagini nel pannello di amministrazione e abilitare i banner:

  1. Andare su Sito web → Banner e cliccare su Aggiungere.

  2. Nel campo Pagina, selezionare Homepage.

  3. Nel campo Posizione, selezionare la riga desiderata.

  4. Assicurarsi che il campo Modelli sia impostato su Immagine.

  5. Caricare il file del banner nel campo Immagine , impostare l'URL e le altre impostazioni necessarie.

  6. Selezionare la casella di controllo Accendere e fare clic su Salvare.

Collegamento

Nel campo Collegamento è possibile impostare l'indirizzo a cui si viene reindirizzati facendo clic sul banner: una pagina web o un link a una risorsa di terzi. Per personalizzare l'URL, selezionare:

  • Nome della pagina del sito — in questo caso, nella seconda parte del campo verrà visualizzato un link relativo a questa pagina, diverso per ogni versione linguistica del sito.

  • Link proprio — in questo caso, nella seconda parte del campo è possibile specificare un link a qualsiasi pagina (sia del proprio sito che di altre fonti).

Se un cliente deve essere reindirizzato alla pagina con un prodotto specifico o ai risultati del filtraggio cliccando su un banner, è necessario selezionare Link proprio 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 versioni linguistiche diverse

Per ogni versione linguistica del sito, è possibile caricare immagini diverse, impostare link diversi e scrivere i meta tag alt e title appropriati.

Banner sulla homepage — Cartum

Attenzione:

  • 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 viene impostato un banner per la lingua principale del sito, i banner delle altre versioni linguistiche non verranno visualizzati. Se tale banner è abilitato, sul sito verrà visualizzato uno spazio vuoto.

Creazione di uno slider (modifica delle immagini)

Per i banner di tipo block, wideblock, cover, blockplus (solo per i banner di grandi dimensioni), è possibile impostare uno slider — immagini che cambiano automaticamente a un certo intervallo.

Banner sulla homepage — Cartum

Per impostare lo slider, è necessario creare più banner in una riga di banner.

L'ordine di visualizzazione dei banner in una riga

L'ordine di visualizzazione dei banner in uno slider e in una riga con più banner è determinato dalla loro posizione nell'elenco della sezione Banner.

È possibile modificare la sequenza di visualizzazione trascinando i banner con le frecce nella colonna di sinistra.

Banner sulla homepage — Cartum
Hai ricevuto la risposta alla tua domanda?