Come utilizzare Lightbox e Lightbox dinamico con Elementor

Il tuo sito web è il regno online della tua attività. È un posto dove potrà visitare chiunque sia anche solo leggermente curioso di sapere cosa fai. Spesso è la prima cosa che la maggior parte degli acquirenti guarda quando decide di rivolgersi a un fornitore di servizi o quando si tratta di acquistare un prodotto. Quindi, un sito web deve essere qualcosa che possa davvero impressionare.  

Sommario

Utilizzando Elementor Pro:

Se il tuo sito web è basato su Elementor Pro , allora avrai un grande vantaggio. Elementor Pro non è solo uno dei migliori page builder di siti Web su WordPress, ma è davvero unico e spesso offre molti modi con cui puoi modificare l'aspetto della tua pagina.

Ha un contrasto brillante e una gamma di combinazioni di colori ed è anche abbastanza facile da usare. Puoi letteralmente incorporare qualsiasi cosa ovunque e questo vantaggio è completato dal fatto che puoi aggiungere più di 50 widget sul tuo sito web. Una delle funzionalità di cui parleremo oggi è l'uso di Lightbox e come può cambiare totalmente l'aspetto del tuo sito web.

Presentazione della Lightbox:

Lightbox è uno strumento che puoi utilizzare per aggiungere immagini, video e persino caroselli in una finestra pop-up. Di solito, il modo migliore per spiegarlo è se desideri che un video o un'immagine si aprano quando il tuo visitatore fa clic, diciamo, su un pulsante. Elementor Lightbox in sostanza ti consente di visualizzare un'immagine o un video in un modo inaspettato ed è solo un modo creativo per ottenere il coinvolgimento di uno spettatore.

Utilizzando la scatola luminosa:

Usare Elementor Pro Lightbox è semplice e diretto. Generalmente la Lightbox è abilitata per impostazione predefinita ma puoi anche attivarla andando nelle Impostazioni globali di una pagina specifica. Le impostazioni globali ti permetteranno di apportare modifiche diverse e ti offriranno molte opzioni in termini di effetti immagine o video.

Per accedere alle impostazioni globali basta fare clic sull'icona dell'hamburger come indicato nell'immagine qui sotto:

Dopodiché non ti resta che cliccare sulle impostazioni globali:

Impostazioni globali:

Se attivi l'opzione Lightbox delle immagini, tutte le immagini collegate si apriranno in un popup o in una Lightbox. Questo, quando attivato, consente una funzionalità esclusiva in tutto il tuo sito web.  

L'attivazione dell'opzione contatore consentirà di visualizzare più immagini in una lightbox. Ciò è particolarmente utile quando stai cercando di mostrare amp o immagini di un determinato prodotto in diversi colori.

Lo schermo intero, come suggerisce il nome, aprirà l'immagine lightbox in un'immagine a dimensione intera. Può essere utile se è necessario osservare dettagli specifici in un'immagine.

Puoi anche abilitare un'opzione di ingrandimento, è possibile accedere all'immagine lightbox da diversi punti in una posizione ingrandita.

Puoi anche condividere l'immagine lightbox sui social media consentendo l'opzione di condivisione.

Il titolo di un'immagine Lightbox può essere visualizzato come mostrato nell'immagine successiva e lo stesso caso vale per la sua descrizione. Puoi scegliere tra opzioni come nessuno, Titolo, Didascalia, Descrizione o Alt. Questi possono essere impostati individualmente mentre viene caricata un'immagine.

Le Impostazioni Globali di Lightbox Dynamic sono essenziali perché forniscono una migliore comprensione delle infinite possibilità che puoi ottenere con Lightbox. Il fatto è che c'è così tanto che puoi fare con esso e tutto dipende da quanto creativo puoi essere con le immagini, i video e l'impostazione delle opzioni.

Impostazione dei colori:

I colori di sfondo, interfaccia utente e interfaccia utente al passaggio del mouse possono essere tutti impostati per un'immagine lightbox o un video. Scegli quello che ti piace e imposta le combinazioni di colori del tuo sito web a un livello completamente superiore.

Caricamento di un'immagine e modifica:

L'uso della Lightbox può essere compreso meglio quando carichi e modifichi un'immagine. Nell'immagine qui sotto, noterai come nella sezione contenuti vedrai una sezione Lightbox dedicata. Questa sezione può essere utilizzata per modificare e configurare le impostazioni per un'immagine specifica.  


Questa sezione può essere utilizzata per implementare azioni come lo zoom dell'immagine o per impostare le opzioni di condivisione sui social. È inoltre possibile impostare opzioni come l'implementazione a schermo intero e la presentazione.

Appena sotto la sezione Azioni lightbox puoi attivare l'opzione dei sottotitoli. Qualunque siano le didascalie impostate, verranno visualizzate una volta impostata un'immagine nel collegamento Lightbox. La didascalia verrà visualizzata sotto l'immagine.

Inoltre, nella stessa sezione è possibile impostare anche opzioni come l'impostazione della tipografia del testo e dei colori.



I video Lightbox danno un tocco completamente nuovo al tuo sito web. A volte, le immagini non riescono a descrivere l'essenza della tua azienda. Se desideri spiegare in modo completo le specifiche del tuo prodotto o delle funzionalità, avere un video collegato nella sezione Lightbox è la strada da percorrere. Basta andare all'opzione di modifica nell'immagine qui sotto e inserire un collegamento o un URL del tuo video. Lightbox Dynamic accetta collegamenti video da Youtube, Dailymotion e persino Vimeo.  

Questa funzione ti consente di aggiungere un'altra dimensione al tuo sito web. Spiegare le cose non è stato così facile prima attraverso un video Lightbox!

Prezzo di Elementor:

Il tema Elementor è sorprendente in termini di funzionalità e produce un prodotto di prim'ordine! Con funzionalità come LightBox porta l'intero aspetto della creazione di siti Web a un livello superiore. Elementor è disponibile in tre pacchetti e in tutti e tre i pacchetti è disponibile LightBox. L'unica differenza è che in Elementor Pro puoi creare siti Web illimitati!

L'uso di Lightbox Dynamic è vantaggioso in molti modi, la parte migliore è che è facile da implementare in tutto il tuo sito web. L'idea di base è ottenere la trazione che il tuo sito web merita, questo può essere fatto facilmente tramite Dynamic Lightbox. Allora, cosa stai aspettando? Prepara il tuo sito web oggi!

writerspoint

Visualizza commenti

  • Bonjour,
    J'ai elementor pro, e j'ai bien active la lightbox.
    È tutto finito senza un clic!
    Est-ce que le thème peut parasiter elementor?

    • Dipende, ma non credo che il tema possa bloccare un popup. Per prima cosa devi verificare se riscontri errori JS nella pagina in cui è caricato il popup

  • Come puoi leggere Lightbox come scegliere una persona che si trova nella tua stanza? Non puoi tornare indietro senza dirlo

messaggi recenti

Come utilizzare intestazioni e piè di pagina con Elementor

Le intestazioni e i piè di pagina di un sito Web sono elementi essenziali. Nella maggior parte dei casi, l'intestazione fornisce la navigazione...

6 gennaio 2022

Confronto dei temi WordPress: Astra vs OceanWP

Due dei temi WordPress più popolari sul mercato sono Astra e OceanWP. Professionale…

2 gennaio 2022

Confronto dei temi delle notizie WordPress: giornali vs. Astra

Per creare un eccellente sito Web di notizie non è necessario che tu diventi un web designer. Noi…

25 ottobre 2021

Crea un sito Web relativo alle notizie con il tema del giornale

Il tema Giornale è uno dei temi WordPress più significativi progettati da tagDiv, un...

18 ottobre 2021

Come costruire un eCommerce con il builder Avada WooCommerce

Quando si tratta di creare un negozio online, WooCommerce è il plugin di riferimento. Esso…

4 ottobre 2021

Come utilizzare l'intestazione fissa e gli effetti di scorrimento con Elementor

Un'intestazione è generalmente la prima cosa che una persona vede quando visita il tuo sito web,...

21 settembre 2021