Popup adalah fitur siap pakai di plugin WeddingPress (WDP Pro & WDP Lite) berupa tombol yang membuka jendela di atas undangan. Isinya bisa video YouTube, video unggahan, gambar, galeri, halaman web lain, atau konten HTML. Tamu menonton atau melihat isinya, lalu menutup jendela dan kembali ke undangan.
Masalah yang diselesaikan
Video prewedding, foto denah, atau halaman live streaming yang dipasang langsung di undangan membuat halaman panjang dan berat. Link ke situs lain membuat tamu keluar dari undangan. Popup menyimpan isi itu di balik satu tombol.
Manfaat
- Untuk klien: video prewedding dan informasi tambahan tersedia tanpa memenuhi undangan.
- Untuk tamu: menonton atau melihat isi tanpa meninggalkan undangan.
- Untuk vendor: satu widget untuk berbagai jenis isi, cukup ganti Type of Modal.
Cara pakai dasar (vendor)
- Tambahkan widget Popup di bagian yang sesuai.
- Bagian Contents:
- Type of Modal: jenis isi, bawaan Image.
- Isi kolom yang muncul, misalnya Provide Youtube Video URL untuk video YouTube.
- Button Text: ganti "Click Me" bawaan, misalnya "Putar Video Prewedding".
- Bagian Settings: Overlay menggelapkan latar, Close While Clicked Outside menutup popup saat area gelap diketuk.
- Tab Style › Button: isi warna tombol sesuai desain.
- Klik Publish, lalu coba buka popup dari HP.
Link YouTube boleh berbentuk youtu.be/…, youtube.com/watch?v=…, Shorts, atau live.
Memilih jenis isi
| Kebutuhan | Type of Modal |
|---|---|
| Video prewedding di YouTube | Youtube Video |
| Video yang diunggah ke situs | Self Hosted Video |
| Foto denah atau satu foto | Image |
| Beberapa foto dengan keterangan | Image Gallery |
| Halaman live streaming atau peta | Iframe Page |
| Teks, misalnya susunan acara | HTML Content |
Iframe Page baru dimuat saat tombol diketuk pertama kali. Video YouTube sudah dimuat bersama halaman undangan.
Contoh: video dan foto Andy & Zhea
Vendor memasang dua Popup di bagian "Galeri & Video": "Lihat Foto Prewedding" berjenis Image, dan "Putar Video Prewedding" berjenis Youtube Video dengan link video prewedding Andy & Zhea. Tamu menonton videonya, menutup popup, lalu lanjut membaca undangan.
Tips & Praktik Terbaik
- Content Height berlaku di semua perangkat. Atur nilai khusus HP lewat ikon perangkat, misalnya sekitar 200 px, karena lebar popup dibatasi layar sementara tinggi bawaan 400 px.
- Musik latar undangan dijeda selama video di popup diputar, lalu lanjut setelah popup ditutup.
- Shortcode di kolom HTML Content dijalankan, juga di pratinjau editor. Untuk halaman lain, pilih jenis Iframe Page.
- Pengaturan Image Resolution (ukuran gambar) untuk jenis Image berlaku, dan gambar memakai teks alt dari Media Library.
- Tombol ✕ yang warnanya belum diatur tampil dengan latar gelap agar terlihat di popup berlatar putih. Warna lain bisa diatur di tab Style › Close Button.
- Untuk tombol di Popup Elementor Pro (Templates › Popups), misalnya tombol Copy Text, popup bisa diketuk normal setelah cover undangan dibuka.