Come utilizzare il modulo Slider segmentato?
Webayt Il modulo Slider Sezionale nel CMS viene utilizzato per creare aree slider avanzate sul tuo sito web che includono immagini, titoli, descrizioni e pulsanti. Questo modulo ti consente di creare non solo banner visivi, ma anche sezioni più descrittive con testo e aree di navigazione.
Il modulo Slider Segmentato è particolarmente utile per pagine iniziali, presentazioni di servizi, aree di campagna, introduzioni di prodotti o pacchetti e sezioni di navigazione accattivanti. Per ogni elemento dello slider, è possibile gestire l'immagine, il titolo, la descrizione, il testo del pulsante, il link del pulsante, le impostazioni del colore, la selezione del gruppo, l'ordine e le informazioni sullo stato.
Qual è lo scopo del modulo Slider Segmentato?
Il modulo Slider Sezionale consente di creare sezioni slider più ricche sul tuo sito web. A differenza delle strutture slider standard, ogni elemento slider può includere non solo un'immagine, ma anche un titolo, una descrizione, pulsanti e impostazioni di colore.
In questo modo, invece di mostrare semplicemente un'immagine al visitatore, è possibile fornire un breve messaggio a supporto dell'immagine, un testo descrittivo e un pulsante che lo indirizzi alla pagina pertinente.
Ad esempio, il modulo Slider segmentato può essere utilizzato per promuovere un servizio, mettere in evidenza una campagna, annunciare una nuova funzionalità o indirizzare un utente a una pagina specifica.
Come posso accedere alla pagina del modulo Segmented Slider?
Per accedere al modulo Segmented Slider, vai alla sezione Moduli nel menu a sinistra del pannello di amministrazione Webayt e accedi alla pagina del modulo Segmented Slider .
Moduli → Modulo cursore segmentato
Questa pagina elenca gli elementi slider aggiunti in precedenza. È possibile aggiungere nuovi elementi slider, modificare quelli esistenti o eliminarli, se necessario.
Schermata di elenco scorrevole
Il modulo slider segmentato visualizza gli elementi aggiunti in formato tabella nella schermata principale. Questo elenco include l'immagine dello slider, il titolo, le informazioni sul gruppo, il valore della sequenza e le informazioni sullo stato.
Nella schermata di elenco è generalmente possibile eseguire le seguenti azioni:
- Visualizzazione degli elementi del cursore corrente
- Vai alla nuova schermata di aggiunta del cursore.
- Modifica degli elementi del cursore
- Eliminazione degli elementi dello slider
- Controllo dello stato attivo o inattivo dei cursori.
Questa schermata consente di controllare rapidamente quali elementi sono inclusi nell'area del cursore segmentato e in quale ordine vengono visualizzati.
Come aggiungere un nuovo slider multi-segmento?
Per aggiungere un nuovo elemento slider segmentato, utilizzare la scheda Inserisci slider . In questa schermata è possibile definire il testo, l'immagine, le informazioni sui pulsanti, le impostazioni del colore, la selezione del gruppo, il valore dell'ordine e lo stato dello slider.
- Accedi al pannello di amministrazione Webayt.
- Apri la sezione Moduli dal menu a sinistra.
- Vai alla pagina del modulo a scorrimento sezionale .
- Fai clic sulla scheda Aggiungi cursore .
- Si prega di compilare i campi titolo e descrizione per lo slider.
- Inserisci il testo del pulsante e, se necessario, un link al pulsante.
- Carica o seleziona un'immagine per il tuo slider.
- Scegli i colori di sfondo, del titolo e della descrizione.
- Se necessario, scegli un gruppo.
- Imposta il valore dell'ordine del cursore.
- Imposta il suo stato su acceso o spento.
- Salva l'elemento slider facendo clic sul pulsante Aggiungi .
Una volta aggiunto, il cursore diventa disponibile nell'area del modulo corrispondente.
Come utilizzare il campo Titolo?
Il campo del titolo viene utilizzato per visualizzare il messaggio principale evidenziato nello slider. Poiché è uno dei primi testi che catturano l'attenzione del visitatore, si consiglia di mantenerlo breve, chiaro e di facile comprensione.
Il campo del titolo può essere utilizzato per evidenziare il servizio, la campagna, la funzionalità o il messaggio di riferimento che si desidera promuovere.
Come utilizzare il campo Descrizione?
Il campo descrizione viene utilizzato per inserire un testo più dettagliato a supporto del titolo. Questo campo può spiegare brevemente di cosa tratta lo slider, cosa offre all'utente o perché è importante.
Si raccomanda di non allungare eccessivamente il testo descrittivo. Poiché le aree dello slider sono generalmente sezioni che devono essere lette rapidamente, testi brevi ed efficaci producono risultati migliori.
Come utilizzare il testo e i link dei pulsanti?
Il campo "Testo del pulsante" viene utilizzato per determinare il testo del pulsante che verrà visualizzato sullo slider. Ad esempio, si possono preferire testi brevi e direzionali come "Visualizza dettagli", "Richiedi un preventivo", "Inizia ora" o "Contattaci".
Il campo "Link del pulsante" specifica il collegamento alla pagina a cui l'utente verrà reindirizzato quando fa clic sul pulsante. Questo campo può reindirizzare a una pagina di servizio, a una pagina di pacchetto, a una pagina di contatto o ad altri contenuti.
Se non si intende utilizzare un pulsante, il testo o il link del pulsante possono essere lasciati vuoti, a seconda della struttura del tema. Tuttavia, se si intende utilizzare un pulsante, assicurarsi che il link rimandi alla pagina corretta.
Come utilizzare lo spazio visivo?
Nel modulo Slider sezionale, è possibile selezionare un'immagine per ciascun elemento dello slider. L'immagine migliora l'impatto visivo dello slider e fornisce una narrazione a supporto del testo.
Quando si caricano immagini, è necessario prestare attenzione alle dimensioni del file e ai tipi di file supportati. Si consiglia di preferire le immagini che rispettano le regole sui file specificate nel pannello.
Per informazioni dettagliate sulle procedure generali di caricamento delle immagini, è possibile consultare la guida "Come caricare le immagini nel pannello Webayt?" .
Qual è lo scopo del colore di sfondo?
L'impostazione Colore di sfondo viene utilizzata per determinare il colore di sfondo del relativo elemento slider. Ciò consente di creare un'atmosfera visiva diversa per ciascun elemento slider.
Nella scelta del colore di sfondo, è importante assicurarsi che sia compatibile con i colori dell'immagine, del titolo e del testo descrittivo. Se si utilizzano colori molto scuri o molto chiari, è necessario verificare anche la leggibilità del testo.
Come utilizzare il colore del titolo e il colore del testo descrittivo?
Il colore del titolo determina il colore con cui viene visualizzato il titolo dello slider. Il colore del testo della descrizione gestisce il colore del testo nell'area della descrizione.
Questi colori dovrebbero corrispondere al colore di sfondo del cursore. La leggibilità può essere migliorata utilizzando testo chiaro su sfondo scuro e testo scuro su sfondo chiaro.
Nella scelta dei colori, è importante considerare sia la coerenza del marchio che l'esperienza dell'utente.
Qual è lo scopo della selezione di gruppo?
La selezione di gruppo consente di associare un elemento slider a un gruppo specifico. Questo campo può essere utilizzato per separare gli elementi slider segmentati in base a diversi casi d'uso o per elencare gli slider appartenenti a un gruppo specifico nella visualizzazione del modulo corrispondente.
Se si desidera visualizzare in una pagina solo gli elementi dello slider appartenenti a un gruppo specifico, è possibile selezionare tale gruppo. Per un utilizzo generale, è possibile scegliere il gruppo predefinito.
Per informazioni più dettagliate sui gruppi, puoi consultare la guida "Come usare i gruppi" .
Qual è lo scopo dell'area di attesa?
Il campo "ordine" viene utilizzato per determinare l'ordine in cui vengono visualizzati gli elementi dello slider.
Se sono presenti più elementi slider, il loro valore di ordine può influenzare la loro disposizione sul front-end. Gli elementi slider con valori di ordine inferiori potrebbero essere visualizzati prima, a seconda della struttura del tema.
Per garantire un flusso fluido del cursore, è utile pianificare sistematicamente la sequenza dei valori.
Qual è lo scopo del campo Stato?
Il campo Stato determina se l'elemento slider verrà visualizzato sul sito.
- Aperto: l'elemento slider è visibile sul sito.
- Chiuso: l'elemento slider rimane salvato nel pannello ma non viene visualizzato sul sito.
Anziché eliminare gli elementi dello slider che si desidera disabilitare temporaneamente, è possibile impostarli su uno stato chiuso. In questo modo, sarà possibile riattivarli in seguito.
Come aggiornare un pannello scorrevole sezionale?
Per aggiornare un elemento slider segmentato esistente, puoi fare clic sul pulsante Modifica accanto all'elemento nella schermata di elenco.
Nella schermata di aggiornamento dello slider, è possibile modificare il titolo, la descrizione, il testo del pulsante, il collegamento del pulsante, l'immagine, le impostazioni del colore, la selezione del gruppo, l'ordine e i campi di stato. Dopo aver apportato le modifiche, fare clic sul pulsante Aggiorna per salvare lo slider.
La schermata di aggiornamento del cursore può includere anche un campo "Elenchi da aggiornare" . Questo campo viene utilizzato per specificare quali elenchi di lingue aggiornare in ambienti multilingue.
Per informazioni più dettagliate su questo argomento, è possibile consultare la guida "Come utilizzare gli elenchi di aggiornamento?" .
Eliminazione di un cursore segmentato
Se un elemento slider non è più necessario, può essere eliminato utilizzando il pulsante Elimina nella schermata dell'elenco.
Quando uno slider viene eliminato, l'elemento corrispondente viene rimosso dall'elenco segmentato degli slider. Se potrebbe essere necessario in seguito, potrebbe essere più sicuro impostarne lo stato su "chiuso" anziché eliminarlo.
Come aggiungere un modulo slider sezionale alle pagine?
La creazione di elementi slider nel modulo Slider segmentato rende questi elementi disponibili nel sistema. Tuttavia, affinché questi elementi slider vengano visualizzati su una pagina, potrebbe essere necessario utilizzare il modulo Slider segmentato nell'area Gestione moduli di quella pagina.
Per informazioni dettagliate su come aggiungere moduli alle pagine, è possibile consultare la guida "Come aggiungere moduli alle pagine?" .
La differenza tra uno slider segmentato e un modulo slider
Il modulo Slider viene utilizzato principalmente per gestire banner visivi. Il modulo Slider segmentato, invece, offre aree aggiuntive accanto all'immagine, come titolo, descrizione, pulsanti e impostazioni di colore.
Brevemente:
- Modulo slider: utilizzato per strutture slider incentrate su banner visivi.
- Modulo slider sezionale: utilizzato per aree slider più descrittive contenenti immagini, testo, pulsanti e impostazioni di colore.
Quali aspetti bisogna considerare quando si utilizza uno slider segmentato?
Le sezioni scorrevoli sono uno degli elementi chiave che catturano l'attenzione del visitatore. Pertanto, immagini, testo e colori devono essere armoniosi nel loro insieme.
- Scrivi un titolo breve e accattivante.
- Non rendere il testo descrittivo inutilmente lungo.
- Crea testi per i pulsanti con frasi direzionali chiare.
- Verifica che il link del pulsante reindirizzi alla pagina corretta.
- Assicurati che l'immagine sia compatibile con il design dello slider.
- Assicurati che i colori dello sfondo e del testo siano leggibili.
- Determinare i valori degli ordini in modo pianificato.
- Anziché eliminare gli elementi slider non utilizzati, valuta la possibilità di disattivarli.
- Se si utilizza la selezione di gruppo, assicurarsi di selezionare il gruppo corretto.
- Dopo aver effettuato l'aggiornamento, verifica come appare la pagina sul front-end.
Riepilogo
Il modulo Segmented Slider viene utilizzato nel CMS Webayt per creare aree slider avanzate contenenti immagini, titoli, descrizioni, pulsanti e impostazioni di colore.
Questo modulo consente di rendere gli elementi dello slider più descrittivi e di indirizzare i visitatori a pagine specifiche. Si consiglia di effettuare un controllo sul front-end dopo l'aggiornamento per assicurarsi che gli elementi dello slider vengano visualizzati nell'ordine corretto, con il colore, l'immagine e il link corretti.
Contenuti simili che potrebbero interessarti
Carica altro contenuto
Come possiamo aiutarti?
Puoi compilare il modulo sottostante per contattare il nostro team di supporto Webayt. La tua richiesta verrà esaminata dal team competente e verrai contattato il prima possibile.