5 Plugin Lightbox Terbaik untuk WordPress

Apa yang terjadi ketika pengunjung situs Anda mengklik gambar?

Jika pengguna mengklik gambar, dan masih tidak bisa melihatnya dalam tampilan penuh, atau dialihkan ke file gambar, ini bisa sangat buruk dalam hal pengalaman pengguna…

Inilah sebabnya mengapa membuka gambar di lightbox adalah hal yang sangat penting. Ini mencegah pengguna mencapai jalan buntu. Sebaliknya, ini menunjukkan kepada pengunjung tampilan penuh gambar tanpa membuat mereka pergi ke halaman lain.

Manfaat menggunakan lightbox di WordPress adalah:

• Pengalaman pengguna yang lebih baik
• Pengunjung melihat gambar dalam tampilan penuh
• Rasio pentalan berkurang
• Keterlibatan interaktif yang lebih dipersonalisasi
• Pengunjung lebih mudah menelusuri beberapa gambar

Mencapai semua poin ini melalui lightbox juga membantu meningkatkan kepercayaan pengunjung Anda, kesadaran merek, serta konversi.

Masalahnya adalah fitur lightbox tidak ada di dalam WordPress. Untungnya, kami memiliki banyak opsi dalam hal solusi plugin lightbox.

Lightbox adalah jendela popup yang terbuka ketika pengguna mengklik gambar atau video. Jendela ini menampilkan tampilan gambar atau video dalam ukuran penuh, sambil meredupkan bagian layar lainnya.

Ada 4 jenis utama lightbox:

• Lightbox gambar
• kotak lampu galeri
• Kotak lampu video
• Kotak lampu penggeser

Masing-masing fungsi lightbox ini dapat dengan mudah ditambahkan ke situs WordPress mana pun. Mari kita lihat plugin lightbox paling berguna untuk WordPress.

Fitur lightbox sudah ada di dalam pembuat halaman Elementor. Setiap gambar, video, dan galeri yang Anda sertakan di halaman Elementor Anda akan secara otomatis mendapatkan popup lightbox. Keuntungan besar dari plugin ini dalam hal fungsionalitas lightbox adalah tidak memerlukan pengaturan untuk mengaktifkan lightbox. Setelah Anda menginstal dan mengaktifkan plugin, semua gambar, galeri, dan korsel slider yang akan Anda gunakan akan muncul di lightbox.

Pemasangan aktif: 100.000+

Ulasan bintang lima: 324

Mengapa memilih plugin ini:

• Tidak memerlukan pengaturan awal apa pun
• Bekerja pada semua jenis jenis media: gambar, galeri, penggeser & video
• Lightbox responsif seluler
• Kontrol warna latar lightbox

Cara Penggunaan:

1. Untuk melihat lightbox beraksi, buka editor Elementor dan seret widget gambar, galeri, atau carousel dan tetapkan gambar.
2. Di bawah Gambar > Konten, pastikan semua gambar mengarah ke file media dan simpan.
3. jika Anda pergi untuk melihat halaman, mengklik gambar akan membuka modal lightbox.
4. Untuk video, Anda perlu menyeret widget video
5. Kemudian, klik Video > Konten > Hamparan gambar, aktifkan hamparan gambar & aktifkan lightbox
6. Sekarang, mengklik video saat melihat halaman akan membuka lightbox.

Saat kami menguji plugin, plugin ini berfungsi pada gambar galeri dan gambar tunggal. Apa yang saya sukai dari plugin ini adalah tidak memerlukan CSS tambahan atau penggunaan kode pendek.

Anda mengaktifkan plugin, menyesuaikan pengaturan, dan Anda secara otomatis mendapatkan lightbox gambar. Yang tidak saya sukai adalah bahwa pada beberapa kesempatan lightbox gagal terbuka. Saya masih belum menemukan penyebabnya. Fitur unik lainnya yang dihadirkan plugin ini adalah mengelompokkan semua gambar dan galeri dalam satu halaman ke satu slider lightbox, sehingga ketika lightbox terbuka, ia akan menampilkan semua gambar dari gambar tunggal dan galeri di halaman tersebut.

Pemasangan aktif: 200.000+

Ulasan bintang lima: 131

Mengapa memilih plugin ini:

• Lightbox bekerja secara otomatis (tidak diperlukan pengkodean manual)
• Menampilkan metadata media (teks, deskripsi, dll.) di lightbox
• Mengelompokkan gambar dan galeri di halaman

Cara Penggunaan:

1. Aktifkan pluginnya
2. Buat halaman baru
3. Sisipkan gambar di dalam
4. Pastikan gambar tertaut ke file media.
5. Jika Anda melihat pratinjau halaman, Anda akan melihat lightbox muncul.

Unduh dari WordPress

Ini adalah plugin lightbox yang sangat dapat disesuaikan untuk video. Kelemahan terbesar yang saya temukan adalah ia menggunakan kode pendek, yang berarti bahwa di masa mendatang jika Anda ingin mematikannya, Anda harus memeriksa seluruh situs Anda dan mengubah kode pendek.

Pemasangan aktif: 70.000+

Ulasan bintang lima: 38

Mengapa memilih plugin ini:

• Matikan video terkait
• Opsi Lightbox untuk hanya menutup dengan menekan X
• Tampilkan gambar, flash, YouTube, Vimeo, iFrame, dll dalam overlay lightbox

Cara Penggunaan:

1. Aktifkan pluginnya
2. Tempatkan kode pendek di editor: [video_lightbox_youtube video_id=”G7z74BvLWUg&rel=0″ width=”640″ height=”480″ anchor=”klik saya”]

Unduh dari WordPress

Jika Anda adalah orang yang menyukai variasi, maka plugin lightbox ini mungkin menjawab kebutuhan Anda akan gaya lightbox. Ini menampilkan 7 skrip lightbox yang berbeda: SwipeBox, PrettyPhoto, FancyBox, Nivo Lightbox, Image Lightbox, Tos “R” Us dan Featherlight.

Pemasangan aktif: 200.000+

Ulasan bintang lima: 321

Mengapa memilih plugin ini:

• 7 skrip lightbox yang berbeda: SwipeBox, PrettyPhoto, FancyBox, Nivo Lightbox, Image Lightbox, Tos “R” Us dan Featherlight
• Berfungsi untuk lightbox gambar, galeri, dan video
• Dukungan galeri produk WooCommerce
• Banyak add-on dan ekstensi
• Kustomisasi besar per setiap gaya lightbox
• Kelompokkan gambar posting tunggal ke galeri
• Tampilkan judul gambar, deskripsi, keterangan, teks alternatif atau deskripsi

Cara Penggunaan:

1. Aktifkan plugin untuk mengaktifkan lightbox
2. Pilih dari salah satu dari 7 skrip lightbox
3. Secara otomatis semua gambar dan galeri akan terbuka sebagai popup lightbox.

Unduh dari WordPress

Jika Anda membutuhkan lebih banyak variasi dalam popup lightbox Anda, seperti menambahkan template Elementor dengan bagian video, teks, dan tombol, Anda dapat menggunakan plugin Popup Maker dan membuat popup lightbox yang lebih rumit.

Pemasangan aktif: 100.000+

Ulasan bintang lima: 1,201

Mengapa memilih plugin ini:

• Sepenuhnya mengontrol konten lightbox popup
• Buat Slide Out, Banner Bar, Floating Stickies, Notifications, Loading Screens, Video Lightboxes, dan Opt-In Forms
• Bekerja sempurna dengan penyematan template Elementor
• Pengaturan pemicu lanjutan

Cara Penggunaan:

1. Aktifkan pluginnya
2. Tambahkan sembulan baru (ini adalah jenis posting khusus)
3. Buat konten popup Anda di Elementor
4. Simpan ke perpustakaan
5. Tempelkan kode pendek untuk templat ke dalam kotak konten
6. Gaya popup Anda sesuai keinginan

Unduh dari WordPress

Kami telah melihat 5 cara berbeda untuk menambahkan fitur lightbox ke WordPress:

Elementor: Jika Anda ingin menambahkan lightbox ke widget yang Anda buat di dalam pembuat halaman, tanpa memerlukan plugin tambahan

Lightbox Sederhana: Jika Anda membutuhkan solusi sederhana yang mudah digunakan

WP Video Lightbox: Lebih banyak opsi penyesuaian untuk video

Lightbox Responsif: Untuk opsi penyesuaian lanjutan

Pembuat Popup: Untuk lightbox popup yang menyertakan campuran elemen

Saya ingin mendengar tentang bagaimana Anda mengatur popup lightbox Anda di WordPress. Bagikan pemikiran Anda di komentar di bawah.