LUXEE HELPS
Mencari Gerbang Pembuka Undangan yang Estetis? Ini Cara Buat Cover Undangan Interaktif!
📌 Apa itu Cover Undangan Digital?
Cover Undangan (halaman sampul depan) adalah tirai visual satu layar penuh (full-screen overlay) yang menutupi konten utama undangan sebelum dibuka tamu. Halaman ini berfungsi sebagai kartu ucapan pembuka, penampil sapaan nama tamu yang dinamis, serta tombol interaksi utama ("Buka Undangan") untuk mengaktifkan pemutaran musik latar belakang secara otomatis.
Bayangkan tamu membuka undangan pernikahan digital Anda di tempat umum. Tanpa adanya cover penutup, seluruh konten undangan mulai dari foto galeri intim, detail akad, hingga lagu romantis bervolume kencang langsung terbuka dan diputar serentak. Ini akan sangat mengganggu kenyamanan tamu. Memasang Cover Undangan menahan seluruh elemen tersebut di belakang gerbang visual yang anggun sampai tamu siap menekannya.
🛠️ Langkah Mengonfigurasi Cover Undangan
Pada template undangan Luxee Premium, seksi tirai pembuka ini dibuat menggunakan widget fungsional Cover Undangan bawaan Luxee WidgetKit. Widget ini mengelola interaksi tombol, efek transisi geser sinematik, dan sinkronisasi audio latar belakang. Pelajari selengkapnya konfigurasi backend widget ini di panduan Widget Cover Undangan →
Langkah 1: Menempatkan Widget Cover Undangan
Buka editor Elementor Anda, cari widget **Cover Undangan** bawaan Luxee WidgetKit. Seret dan letakkan widget ini di seksi paling atas halaman (Section 1) agar menutupi seluruh layar pertama kali.
Langkah 2: Menghias Latar Belakang (Background)
Pada panel pengaturan sebelah kiri, pilih tipe background. Anda bisa memilih gambar statis tunggal, slideshow foto prewedding klien (bisa diaktifkan efek Ken Burns agar terlihat sinematik), atau menyematkan video bisu (self-hosted video) berdurasi pendek.
Langkah 3: Integrasi Sapaan Nama Tamu (Guest Name)
Pasang elemen sapaan di dalam area cover menggunakan widget **Guest Name** agar teks sapaan personal seperti "Kepada Yth. Bapak/Ibu [Nama Tamu]" tercetak secara otomatis berdasarkan link parameter WhatsApp yang disebarkan.
Langkah 4: Menonton Video Tutorial Detail
Saksikan demonstrasi visual lengkap cara menyetel tombol buka undangan, menghubungkannya dengan auto-play musik, dan membuat efek geser tirai meluncur ke atas berikut ini:
Selalu pastikan seksi yang menampung widget Cover Undangan memiliki setelan tinggi layar minimum 100vh (Fit to Screen) dan setel nilai indeks tumpukan (z-index) lebih tinggi daripada kolom menu navigasi atau tombol musik melayang agar tidak menonjol di luar cover sebelum tombol Buka ditekan.
🔗 Modul Panduan Terkait
Langkah berikutnya adalah cara memodifikasi sistem pemanggil nama tamu otomatis:
💡 Pertanyaan Sering Ditanya (FAQ)
Di bagian pengaturan **Actions After Click** pada widget Cover Undangan Luxee, pilih efek **Slide Up** atau **Fade Out**. Sistem JS Luxee secara otomatis akan menganimasikan transisi penutupan cover secara mulus.
Biasanya hal ini disebabkan oleh kesalahan input ID penargetan pemutar musik di kolom pengaturan tombol. Pastikan nama ID pemutar musik di widget Audio (misal: music-play) ditulis sama persis di setelan target tombol cover.
Ya. Anda bisa memasang efek partikel bawaan Elementor atau mengkombinasikan widget Cover Undangan dengan berkas animasi Lottie yang ditaruh sebagai lapisan latar belakang (background overlay).