Cele mai bune 5 pluginuri Lightbox pentru WordPress

Publicat: 2017-08-14

Ce se întâmplă atunci când vizitatorii site-ului dvs. dau clic pe o imagine?

Dacă utilizatorul dă clic pe o imagine și totuși nu ajunge să o vadă în întregime sau este redirecționat către fișierul imagine, acest lucru ar putea fi foarte rău în ceea ce privește experiența utilizatorului ...

Acesta este motivul pentru care deschiderea imaginilor într-o casetă lightbox este o chestiune atât de importantă. Împiedică utilizatorul să ajungă într-un impas. În schimb, arată vizitatorilor vizualizarea completă a imaginii fără a-i face să plece pe altă pagină.

Avantajele utilizării lightbox-ului pe WordPress sunt:

  • Experiență mai bună pentru utilizator
  • Vizitatorii văd imaginile în vizualizare completă
  • Rata de respingere redusă
  • Implicare interactivă mai personalizată
  • Vizitatorii navighează mai ușor printre mai multe imagini

Obținerea tuturor acestor puncte prin lightbox ajută, de asemenea, la creșterea încrederii vizitatorilor, a gradului de cunoaștere a mărcii, precum și a conversiilor.

Problema este că funcția lightbox nu vine încorporată în WordPress. Din fericire, avem o mulțime de opțiuni în ceea ce privește soluțiile pentru pluginuri lightbox.

Ce este Lightbox și cum îl pot adăuga la WordPress?

Lightbox este o fereastră pop-up care se deschide atunci când utilizatorul face clic pe o imagine sau un videoclip. Această fereastră afișează o dimensiune completă a imaginii sau a videoclipului, în timp ce estompează restul ecranului.

Există 4 tipuri principale de lightbox-uri:

  • Lightbox imagine
  • Lightbox galerie
  • Lightbox video
  • Slider lightbox

Fiecare dintre aceste funcționalități lightbox poate fi ușor adăugată la orice site WordPress. Să aruncăm o privire la cele mai utile plugin-uri lightbox pentru WordPress.

Elementor Lighbox: Plugin gratuit pentru imagine, galerie, glisor și video Lightbox pentru WordPress

image light box-fb

Funcția lightbox este încorporată în generatorul de pagini Elementor. Fiecare imagine, videoclip și galerie pe care le includeți în paginile dvs. Elementor va primi automat o fereastră pop-up. Marele avantaj al acestui plugin în ceea ce privește funcționalitatea lightbox-ului este că necesită configurare zero pentru a activa lightbox-ul. După ce instalați și activați pluginul, toate imaginile, galeriile și caruselele glisante pe care le veți utiliza vor apărea într-o casetă lightbox.

Instalări active: peste 100.000

Recenzii de cinci stele: 324

De ce să alegeți acest plugin:

  • Nu necesită nicio configurare preliminară
  • Funcționează pe toate tipurile de tipuri media: imagine, galerie, glisor și video
  • Lightbox este receptiv pentru mobil
  • Controlează culoarea de fundal a casetei lightbox

Mod de utilizare:

  1. Pentru a vedea lightbox-ul în acțiune, accesați editorul Elementor și trageți o imagine, o galerie sau un widget carusel și atribuiți imagini.
  2. Sub Imagine> Conținut, asigurați-vă că toate imaginile duc la fișier media și salvați.
  3. dacă mergeți pentru a vizualiza pagina, făcând clic pe o imagine se va deschide caseta lightbox modală.
  4. Pentru videoclipuri, va trebui să trageți widgetul video
  5. Apoi, faceți clic pe Video> Conținut> Suprapunere imagine, activați suprapunerea imaginii și activați caseta lightbox
  6. Acum, făcând clic pe videoclip atunci când vizualizați pagina, se va deschide caseta lightbox.

Lightbox simplu: Lightbox de bază pentru imagine și galerie

image1

Când am testat pluginul, acesta a funcționat atât pe imagini de galerie, cât și pe imagini simple. Ce mi-a plăcut la acest plugin este că nu necesită CSS suplimentar sau utilizarea unui shortcode.

Activați pluginul, personalizați setările și primiți automat o casetă lightbox imagine. Ceea ce nu mi-a plăcut este că în câteva ocazii lightbox-ul nu a reușit să se deschidă. Încă nu am găsit cauza pentru asta. O altă caracteristică unică prezentată de acest plugin este gruparea tuturor imaginilor și galeriilor într-o singură pagină într-un singur glisor lightbox, astfel încât atunci când se deschide caseta lightbox, acestea afișează toate imaginile din imaginile unice și din galerie pe pagină.

Instalări active: peste 200.000

Recenzii de cinci stele: 131

De ce să alegeți acest plugin:

  • Lightbox funcționează automat (nu este necesară codificarea manuală)
  • Afișează metadatele media (subtitrare, descriere etc.) în lightbox
  • Grupează imagini și galerii pe pagină

Mod de utilizare:

  1. Activați pluginul
  2. Creați o pagină nouă
  3. Introduceți o imagine în interior
  4. Asigurați-vă că imaginea se leagă de fișierul media.
  5. Dacă previzualizați pagina, ar trebui să vedeți caseta lightbox.

Descărcați de pe WordPress

WP Video Lightbox: Adăugați Lightbox video la WordPress

image2

Acesta este un plugin lightbox foarte personalizabil pentru videoclipuri. Cel mai mare dezavantaj pe care l-am găsit a fost că a folosit coduri scurte, ceea ce înseamnă că, în viitor, dacă vreți vreodată să îl dezactivați, va trebui să treceți peste întregul site și să schimbați codurile scurte.

Instalări active: peste 70.000

Recenzii de cinci stele: 38

De ce să alegeți acest plugin:

  • Dezactivează videoclipurile asociate
  • Opțiune pentru Lightbox să se închidă doar la apăsarea lui X
  • Afișați imagini, flash, YouTube, Vimeo, iFrame etc. într-o suprapunere lightbox

Mod de utilizare:

  1. Activați pluginul
  2. Plasați codul scurt în editor: [video_lightbox_youtube video_id = ”G7z74BvLWUg & rel = 0 ″ width =” 640 ″ height = ”480 ″ anchor =” click me ”]

Descărcați de pe WordPress

Lightbox Responsive De la dFactory: Cel mai personalizabil plugin Lightbox

image6

Dacă sunteți o persoană căreia îi place varietatea, atunci acest plugin lightbox ar putea răspunde nevoii dvs. de stilizare lightbox. Dispune de 7 scripturi lightbox diferite: SwipeBox, prettyPhoto, FancyBox, Nivo Lightbox, Image Lightbox, Tos „R” Us și Featherlight.

Instalări active: peste 200.000

Recenzii de cinci stele: 321

De ce să alegeți acest plugin:

  • 7 scripturi lightbox diferite: SwipeBox, prettyPhoto, FancyBox, Nivo Lightbox, Image Lightbox, Tos „R” Us și Featherlight
  • Funcționează pentru imagine, galerie și casetă video
  • Suport pentru galeria de produse WooCommerce
  • Multe addons și extensii
  • Personalizare vastă pentru fiecare stil lightbox
  • Grupați imagini de postare unice într-o galerie
  • Afișați titlul imaginii, descrierea, subtitrarea, textul alternativ sau descrierea

Mod de utilizare:

  1. Activați pluginul pentru a activa lightbox
  2. Alegeți dintre unul dintre cele 7 scripturi lightbox
  3. În mod automat, toate imaginile și galeriile se vor deschide ca fereastră popup.

Descărcați de pe WordPress

Popup Maker: Lightbox pentru alte situații

image3

Dacă aveți nevoie de mai multă varietate în fereastra de tip lightbox, cum ar fi adăugarea unui șablon Elementor cu o secțiune video, text și buton, puteți utiliza pluginul Popup Maker și puteți crea ferestre pop-up mai elaborate.

Instalări active: peste 100.000

Recenzii de cinci stele: 1.201

De ce să alegeți acest plugin:

  • Controlați complet conținutul casetei de tip popup
  • Creați diapozitive, bare de bannere, stickere plutitoare, notificări, încărcarea ecranelor, casete video și formulare de înscriere
  • Funcționează perfect cu încorporările șabloanelor Elementor
  • Setări avansate de declanșare

Mod de utilizare:

  1. Activați pluginul
  2. Adăugați un popup nou (este un tip de postare personalizat)
  3. Creați-vă conținutul pop-up în Elementor
  4. Salvați-l în bibliotecă
  5. Lipiți codul scurt pentru șablon în caseta de conținut
  6. Stilează-ți fereastra popup așa cum dorești

Descărcați de pe WordPress

Concluzie

Am văzut 5 moduri diferite de a adăuga o caracteristică lightbox la WordPress:

Elementor: dacă doriți să adăugați o casetă lightbox la widget-urile pe care le creați în interiorul constructorului de pagini, fără a fi nevoie de niciun plugin suplimentar

Lightbox simplu: dacă aveți nevoie de o soluție simplă, ușor de utilizat

WP Video Lightbox: Mai multe opțiuni de personalizare pentru videoclipuri

Lightbox receptiv: pentru opțiuni avansate de personalizare

Popup Maker: pentru caseta de tip popup care include un mix de elemente

Mi-ar plăcea să aud despre cum ați configurat ferestrele de tip lightbox în WordPress. Împărtășiți-vă gândurile în comentariile de mai jos.