Come usare la lightbox e la lightbox dinamica con Elementor

Il tuo sito Web è il regno online della tua attività. È un posto dove chiunque visiterà anche un po 'curioso di quello che fai. Spesso è la prima cosa che la maggior parte degli acquirenti osserva anche 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 può davvero impressionare.  

Tabella dei contenuti

Utilizzando Elementor Pro:

Se il tuo sito web è basato su Elementor Pro , hai un grande vantaggio. Elementor Pro non è solo uno dei migliori costruttori di pagine di siti Web su WordPress, ma è estremamente unico e spesso offre molti modi attraverso i quali puoi cambiare 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 è integrato dal fatto che puoi aggiungere più widget 50 sul tuo sito web. Una delle funzionalità che tratteremo oggi è l'uso di Lightbox e come può cambiare completamente l'aspetto del tuo sito web.

Presentazione della Lightbox:

Lightbox è uno strumento che è possibile utilizzare per aggiungere immagini, video e persino caroselli in una finestra a comparsa. Di solito, il modo migliore per spiegarlo è se si desidera aprire un video o un'immagine quando il visitatore fa clic su diciamo un pulsante. La Elementor Lightbox in sostanza ti consente di visualizzare un'immagine o un video in un modo inaspettato ed è solo un modo creativo per ottenere un coinvolgimento da uno spettatore.

Utilizzando la lightbox:

L'uso di Elementor Pro Lightbox è facile e diretto. Generalmente, la Lightbox è abilitata per impostazione predefinita, ma è anche possibile attivarla accedendo alle Impostazioni globali di una pagina specifica. Le impostazioni globali ti consentiranno di apportare modifiche diverse e ti offriranno molte opzioni in termini di effetti di immagine o video.

Per accedere alle impostazioni globali, fai clic sull'icona dell'hamburger come indicato nell'immagine seguente:

Dopodiché devi solo fare clic sulle impostazioni globali:

Impostazioni globali:

Se si attiva l'opzione Lightbox dell'immagine, tutte le immagini collegate si apriranno in un popup o in una Lightbox. Questo quando attivato consente una funzione esclusiva in tutto il tuo sito Web.  

L'attivazione dell'opzione contatore abiliterà la visualizzazione di più immagini in una Lightbox. Ciò è particolarmente utile quando si cerca di mostrare gli amp o le immagini di un determinato prodotto in diversi colori.

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

È inoltre possibile abilitare un'opzione di zoom in, è possibile accedere all'immagine lightbox attraverso diversi punti in una posizione ingrandita.

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

Il titolo di un'immagine lightbox può essere visualizzato come mostrato nell'immagine successiva e lo stesso caso è per la sua descrizione. Puoi scegliere tra opzioni come nessuna, Titolo, Didascalia, Descrizione di Alt. Questi possono essere impostati singolarmente durante il caricamento di un'immagine.

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

Impostazione dei colori:

È possibile impostare tutti i colori di sfondo, interfaccia utente e interfaccia utente 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 meglio compreso quando si carica e si modifica un'immagine. Nell'immagine qui sotto noterai come nella sezione contenuto vedrai una sezione Lightbox dedicata. Questa sezione può essere utilizzata per modificare e impostare le impostazioni per un'immagine specifica.  


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

Appena sotto la sezione delle azioni lightbox è possibile attivare l'opzione didascalie. Qualunque cosa tu abbia impostato i sottotitoli, verranno visualizzati una volta che un'immagine è stata impostata nel collegamento lightbox. La didascalia verrà visualizzata sotto l'immagine.

Inoltre, opzioni come l'impostazione della tipografia di testo e colori possono essere impostate all'interno della stessa sezione.



I video lightbox danno un vantaggio completamente nuovo al tuo sito web. A volte, le immagini non descrivono in cosa consiste la tua azienda. Se vuoi spiegare in modo completo le specifiche del tuo prodotto o delle tue caratteristiche, allora avere un video collegato nella sezione Lightbox è la strada da percorrere. Vai all'opzione di modifica nell'immagine qui sotto e posiziona un link 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!

Prezzi di Elementor:

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

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

4 pensieri su "Come utilizzare Lightbox e Lightbox dinamico con Elementor"

  1. Bonjour,
    J'ai elementor pro, e j'ai bien activé la lightbox.
    Malgré tout elle non se déclenche pas au clic!
    Est-ce que le thème peut parassiter elementor?

    1. 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

  2. Wiesz może dlaczego Lightbox wyświetla u mnie podpisy pod zdjęciami w lewym dolnym rogu? Nie mogę tego zmienić w żaden sposób

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *