Plugin WordPress: Buka Video di Lightbox dengan Elementor

Tombol Elementor Membuka Lightbox Video

Kami telah mengadopsi situs web dengan klien yang dibuat dengan Elementor, plugin pengeditan seret dan lepas yang fantastis untuk WordPress yang mengubah betapa mudahnya membuat tata letak yang rumit dan indah yang responsif… tanpa pemrograman atau kebutuhan untuk memahami kode pendek.

Elementor memang memiliki beberapa batasan, salah satunya saya temukan saat bekerja di situs klien. Mereka hanya menginginkan tombol yang membuka video di Lightbox… sesuatu yang tidak ditawarkan Elementor. Anda dapat mengatasi masalah ini menggunakan gambar dengan atau tanpa tombol putar… tetapi Elementor memiliki elemen tombol yang bagus. Saya terkejut mereka tidak menawarkan ini di luar kotak.

Untungnya, ada plugin untuk itu!

Add-On penting untuk Elementor

Untungnya, ada beberapa add-on hebat untuk Elementor di pasaran. Anda memang harus sangat berhati-hati saat memilih pengembang plugin. Memiliki situs WordPress yang dibangun di Elementor menciptakan ketergantungan pada Elementor. Kemudian, memiliki add-on yang dibuat oleh vendor lain akan membuat ketergantungan lain. Sangat penting bagi keberhasilan situs WordPress Anda untuk memastikan bahwa pengembang plugin memiliki banyak penginstalan dan pendapatan terkait untuk mempertahankan dan meningkatkan plugin saat versi WordPress dan Elementor diperbarui.

Salah satu plugin yang fantastis adalah Add-On penting untuk Elementor. Dengan lebih dari 800,000 penginstalan, plugin tersebut mungkin merupakan plugin add-on elemen paling populer untuk Elementor di pasaran. Fitur utama dalam plugin ini adalah kemampuan untuk menambahkan dan mengkonfigurasi lightbox dengan mudah untuk situs WordPress Anda yang dibuat dengan Elementor.

Tombol Lightbox Elementor

Setelah Anda menginstal versi berbayar dari plugin Essential Add-Ons for Elementor, aktifkan Lighbox & Modal fitur untuk melihat elemen dalam elemen Elementor Anda. Kemudian Anda dapat menelusuri dan menyeretnya ke halaman Anda dengan mudah:

elemen atau modal lighbox

Kemudian Anda ingin mengubah beberapa pengaturan untuk elemen tersebut:

  • Setel Pengaturan> Pemicu ke Klik Tombol
  • Setel Pengaturan> Ketik ke Tombol
  • Atur Pengaturan> Teks tombol
  • Setel Konten> Jenis ke Tautan ke Halaman / Video / Peta
  • Setel Konten> Berikan URL Halaman / Video / Peta ke URL Video Anda

Anda kemudian dapat menyesuaikan gaya lightbox dan tombol sesuai kebutuhan. Ini adalah pengalaman yang mulus antara add-on ini dan Elementor.

elemen atau tombol lightbox

Meskipun fitur itu mungkin berharga untuk dibayar, plugin Essential Add-Ons for Elementor memiliki banyak fitur lain yang disertakan baik dalam versi gratis maupun berbayar. Catatan: Fungsionalitas Lightbox ada dalam versi berbayar.

Add-On Penting untuk Elementor: Elemen Gratis

Versi gratisnya memiliki beberapa elemen dasar yang dapat ditambahkan:

  • Kotak Info - Menampilkan informasi kunci dengan tipe Info Box dengan menambahkan Icon On Top dan menambahkan efek animasi.
  • Akordeon Lanjutan - Menampilkan konten, mengaktifkan ikon sakelar, mengisi bagian akordeon dengan teks yang diinginkan & membuatnya terlihat interaktif untuk audiens.
  • Kisi Produk Woo - Pamerkan produk WooCommerce di mana saja dan tampilkan produk berdasarkan kategori, tag, atau atribut. Tambahkan dengan mudah efek hover pada layout untuk membuatnya menakjubkan.
  • Kotak Flip - Menampilkan konten dengan indah dengan animasi flip kiri / kanan pada mouse hover.
  • Tab Lanjutan - Menampilkan informasi kunci secara interaktif yang mendukung desain tab bersarang yang dibuat khusus untuk menarik audiens dalam sekejap.
  • Tabel Harga - buat tabel harga produk yang efektif dengan gaya yang sempurna untuk mendapatkan lebih banyak penjualan dari calon pembeli Anda.
  • Akordeon Gambar - Sorot gambar Anda dengan efek hover dan klik yang menakjubkan menggunakan EA Image Accordion. 
  • Posting Grid - menampilkan beberapa posting blog dalam tata letak grid. Anda dapat memilih tata letak pilihan Anda dari pengaturan tata letak, menambahkan animasi ke dalamnya, dan membuatnya terlihat interaktif bagi pengunjung.
  • Panggilan untuk bertindak - Atur gaya konten Ajakan Bertindak Anda, warnai, dan tautkan untuk mengarahkan pengunjung ke tindakan yang diinginkan.
  • Countdown - Bangun dan rancang pengatur waktu dari pilihan gaya yang berbeda.
  • Posting Timeline - menampilkan posting blog, halaman, atau posting kustom dalam tata letak vertikal yang menakjubkan. Anda dapat mengatur jumlah posting yang Anda sukai, menambahkan efek luar biasa, overlay gambar, tombol, dan lainnya untuk menarik minat audiens.
  • Galeri yang Dapat Difilter - Menampilkan gambar dengan kategori terpisah, Gaya kisi, dan menyesuaikan desain keseluruhan untuk memastikan tampilan yang luar biasa.

Unduh Pengaya Penting untuk Elementor

Pengaya Penting untuk Elementor: Elemen Berbayar

Dengan versi berbayar, Anda mendapatkan lebih banyak elemen yang benar-benar memberikan kemampuan maksimal dalam tema berbasis Elementor Anda.

  • Lightbox & Modal - pamerkan video, gambar, atau konten Anda lainnya dengan popup. Anda dapat mengatur tindakan pemicu yang diinginkan, menambahkan animasi, dan mengatur tata letak untuk memaksimalkan keterlibatan.
  • Perbandingan Gambar - berdayakan pembeli potensial Anda untuk membandingkan antara dua gambar produk Anda (Lama versus Baru) dengan cara yang luar biasa.
  • Korsel Logo - pilih efek carousel keinginan Anda, tambahkan logo dan gaya output untuk menampilkan semua klien atau mitra Anda dengan indah.
  • Efek Parallax - memungkinkan pengunjung Anda menikmati situs Anda dengan efek paralaks berlapis-lapis yang bahkan menyertakan interaksi arahkan mouse.
  • Promo - Tambahkan judul yang menarik, konten bagian dalam, konten gerakan mouse, dan gambar yang indah untuk menarik perhatian pengunjung Anda.
  • Toggle Konten - Tambahkan efek hover ke konten Anda yang menyoroti perbedaan yang ingin Anda fokuskan pada pengunjung Anda.
  • Google Maps - Mengonfigurasi elemen peta, menambahkan ikon penanda, dan membuatnya interaktif bagi pengunjung.
  • Efek Partikel - tambahkan bagian kreatif di situs web Anda agar menonjol.
  • Kartu Interaktif - membawa kemampuan lanjutan seperti pengguliran internal dan efek hover ke blok konten Anda.
  • Konten yang dilindungi - batasi konten dengan kata sandi atau peran pengguna.
  • Blok Pos - tampilkan postingan blog Anda dengan berbagai gaya unik menggunakan kekuatan CSS Flex modern. Anda dapat memilih tata letak, menambahkan animasi, menambahkan ikon, dan mengatur gaya semuanya - termasuk efek hover.
  • Tooltip Lanjutan - tambahkan keterangan alat di atas dan di bawah konten.
  • Navigasi Satu Halaman - membangun situs web satu halaman hanya dengan beberapa klik menggunakan Elementor.
  • Slider Testimonial - buat papan testimonial interaktif yang menampilkan beberapa ulasan dengan indah di satu area konten.
  • instagram - tangkap perhatian pengunjung situs Anda dan dorong lebih banyak pengikut Instagram dengan menampilkan umpan Instagram di situs Anda.
  • Gambar Hotspot - tambahkan hotspot area gambar dengan tooltips kustom, sehingga pengguna dapat mengklik hotspot untuk menampilkan teks terkait.

Opsi dengan plugin yang sangat saya hargai adalah kemampuan untuk mengaktifkan atau menonaktifkan setiap elemen ini di dalam situs. Ini membatasi overhead dari setiap skrip fitur yang ditambahkan ke situs Anda.

Unduh Pengaya Penting untuk Elementor

Bagaimana menurut Anda?

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.