Apakah Anda ingin membuka video di Lightbox dengan Elementor?

Elementor dilengkapi dengan widget Video agar Anda dapat dengan mudah menambahkan video ke halaman. Anda bahkan dapat menambahkan video dinamis menggunakan fitur konten dinamis Elementor (diperlukan versi pro).

Saat Anda menambahkan video di Elementor, Anda dapat mengonfigurasinya untuk dibuka di lightbox yang masih disebut Penonton.

Artikel ini akan menunjukkan caranya.

Tapi pertama-tama mari kita cari tahu Cara menginstal Elementor di WordPress

Di Elementor, setidaknya ada dua cara untuk menambahkan video ke lightbox. Anda dapat memilih salah satu sesuai dengan kasus Anda. Pertama-tama, Anda dapat menggunakan widget Video seperti yang baru saja kami sebutkan di atas. Metode ini berfungsi pada kedua versi Elementor. Kedua, Anda dapat menggunakan fitur tautan dinamis. Versi pro diperlukan untuk menggunakan metode yang terakhir ini.

Cara Membuka Video di Lightbox di Elementor Menggunakan Widget Video

Seperti yang disebutkan sebelumnya, Elementor dilengkapi dengan widget Video untuk Anda menambahkan video ke halaman atau template. Widget memiliki opsi pengaturan untuk membuka video di lightbox.

Pertama, tambahkan widget Video ke kotak edit.

Tambahkan video Anda dengan menempelkan tautan di bidang Link.


Setelah Anda selesai menambahkan video, buka blokirnya Hamparan gambar di tab Konten dari panel pengaturan dan aktifkan Opsi Hamparan Gambar. Aktifkan saja opsinya Penonton. Ini akan membuka video di lightbox. Anda dapat menambahkan overlay gambar jika Anda mau.

Cara Membuka Video di Lightbox di Elementor Menggunakan Dynamic Link

Jika Anda menggunakan Elementor Pro, Anda juga dapat menambahkan video menggunakan fungsi tautan dinamis. Anda dapat menggunakan widget apa pun yang memiliki opsi untuk menambahkan tautan, termasuk widget Gambar, widget Tombol, widget Teks, dll.

Pertama, tambahkan widget (yaitu widget Tombol) ke kotak edit seperti biasa. Di panel pengaturan, klik ikon dinamis di bidang Hak gadai dan pilih Lightbox.

Kemudian klik pada ikon kunci pas di lapangan Kotak lampu. Klik ikon video dan rekatkan URL video yang ingin Anda tambahkan.

Sini. Anda dapat mengklik item dan itu akan menampilkan video dalam lightbox sebagai berikut.

Menyesuaikan Lightbox

Jika tampilan default lightbox Elementor tidak membuat Anda terkesan, Anda dapat menyesuaikannya. Untuk melakukannya, Anda dapat mengklik ikon hamburger di sudut kiri atas panel pengaturan dan klik Pengaturan situs.

Klik Lightbox di blok PENYESUAIAN.

Seperti yang Anda lihat, ada beberapa opsi pengaturan yang dapat Anda atur, termasuk warna.

  • Warna latar belakang: Warna latar belakang pemirsa
  • Warna UI: Warna tombol (tombol tutup, tombol layar penuh, tombol perbesar, tombol bagikan)
  • Warna kursor UI: Warna tombol dalam mode hover
  • Warna teks: Warna teks. Berlaku untuk gambar lightbox

Anda juga dapat mengatur ukuran tombol opsi Ukuran ikon bilah alat serta ukuran ikon navigasi opsi Ukuran ikon navigasi. Setelah Anda selesai membuat pengaturan, klik tombol MEMPERBARUI untuk menerapkan perubahan.

buka video di Lightbox dengan Elementor

Dapatkan Elementor Pro Sekarang!

Temukan juga beberapa plugin WordPress premium  

Anda dapat menggunakan yang lain plugin WordPress untuk memberikan tampilan yang modern dan untuk mengoptimalkan penanganan blog atau website Anda.

Kami menawarkan kepada Anda beberapa plugin WordPress premium yang akan membantu Anda melakukannya.

1. Di sekeliling

Semua Sekitar adalah WordPress Plugin premium, seperti namanya. Ini menawarkan Anda desain yang bersih dan responsif, sejumlah opsi gaya yang telah ditentukan sebelumnya, dan dukungan untuk sentuhan.Di sekitar plugin wordpress slider konten responsif kreatif dan menyenangkan geser

Slider WordPress ini adalah solusi all-in-one serbaguna yang sempurna untuk situs web apa pun. Jika ini yang pertama untukmu WordPress Plugin dan plugin slider, mungkin juga yang terakhir yang Anda butuhkan.

Lihat juga artikel kami di Cara menghasilkan uang dengan blog Anda saat Anda memiliki traffic rendah

Fitur-fiturnya adalah:pada halaman yang sepenuhnya responsif, 6 gaya yang telah ditentukan, le mendukung video, dgulir vertikal atau horizontal, haldukungan untuk beberapa slider di satu halaman, elebih.

Download | Demo | Hébergement Web

2. Pembangun Formulir Ultimate

Pembuat Bentuk Tertinggi adalah WordPress Plugin premium yang memungkinkan Anda untuk membuat bentuk responsif tak terbatas. Ini memiliki pembangun bentuk drag'n'drop yang dapat membuat segala jenis formulir (kontak, survei, penawaran, informasi, dll.).

Pembangun bentuk terbaik

Plugin ini mudah digunakan. Anda dapat membuat, menyesuaikan, dan mendesain dengan indah bentuk, terapkan templat formulir yang sudah ada untuk desain dan gunakan di situs web Anda dalam waktu singkat.

Anda juga bisa menerima data formulir melalui email dan menyimpannya dalam database; yang dapat diekspor dalam format CSV untuk digunakan melalui Internet dasbor dari situs web Anda.

Semua bentuk yang dirancang oleh plugin ini sangat aman berkat sistem Captcha efektif.

Download | Demo | Hébergement Web

3. Pelacakan Pengiriman WooCommerce

WCST akan memudahkan pelanggan Anda untuk melacak pesanan mereka. Anda dapat mengaitkan setiap pesanan dengan perusahaan transportasi dan nomor pelacakan. 

Pelacakan pengiriman Woocommerce menghitung biaya pengiriman plugin woocommerce

WCST akan memposting informasi pelacakan (URL perusahaan dan kode pelacakan) langsung ke email "Selesaikan Pesanan" dan halaman "Lihat Pesanan".

Temukan juga daftar kami 50 WooCommerce plugin untuk meningkatkan toko online Anda

Dengan hanya mengklik link yang dibuat oleh WCST, pelanggan Anda akan dengan mudah mengikuti pesanan mereka. Selain menghitung biaya pengiriman barang Anda, ekstensi WooCommerce ini juga memungkinkan Anda untuk menambah dan mengatur perusahaan pengiriman Anda sendiri.

Download | Demo | Hébergement Web

Sumber Daya yang Direkomendasikan

Cari tahu tentang sumber daya lain yang direkomendasikan untuk membantu Anda membangun dan mengelola situs web Anda.

Kesimpulan

Di sini! Itu saja untuk tutorial ini yang menunjukkan cara membuka video di Lightbox dengan Elementor. Jika sudah komentar atau saran, jangan ragu untuk memberi tahu kami di bagian yang disediakan.

Namun, Anda juga akan dapat berkonsultasi dengan kami ressources, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress atau yang di Divi: tema WordPress terbaik sepanjang masa.

Namun sementara itu, bagikan artikel ini di berbagai jejaring sosial Anda

...