Widget Cover Undangan: Gerbang Estetis Pembuka Undangan Digital

📌 Apa itu Widget Cover Undangan?

Widget Cover Undangan adalah komponen "Layar Pertama" (Hero Section tertutup) layaknya sampul buku. Modul ini secara otomatis menyelimuti seluruh layar layar HP pengunjung dengan nama mempelai, nama tamu khusus, beserta tombol "Buka Undangan" yang jika ditekan akan menciptakan efek animasi tirai terbuka ke atas/samping secara mulus.

Mengapa Anda membutuhkannya?
Sampul depan adalah kesan pertama yang mutlak. Tanpa widget ini, tamu akan langsung melihat seluruh rincian acara sehingga membedah elemen kejutan. Dengan adanya sistem sampul ini, Anda menciptakan pengalaman masuk yang sinematik sekaligus mengunci musik (audio) agar langsung menyala sempurna serentak persis ketika tombol "Buka" ditekan.

📖
Skenario Interaksi Sempurna (Direct Answer)

TL;DR: Cukup tarik widget Cover Undangan ini di urutan paling atas halaman (Header). Unggah nama pempelai, lalu simpan. Saat Anda membagikan *link* via WhatsApp (contoh: undangan.com/?kepada=Joko), sistem akan otomatis mencetak nama *"Joko"* secara privat tepat di bagian depan layar HP tamu sebelum mereka masuk membaca halamannya.

✨ Fitur Unggulan

  • Pencetak Nama Tamu Otomatis (Link Personal): Tak perlu membuat puluhan halaman web untuk tiap tamu. Sistem membaca langsung akhiran *link* yang di-klik tamu di WhatsApp (seperti ?kepada= atau ?to=) lalu mencetak nama tamu tersebut dengan huruf tebal nan elegan di bagian sampul paling depan.
  • Transisi Visual Sinematik (Hollywood Style): Tersedia 6 pilihan pergerakan pembuka gerbang yang memukau layar: mulai dari gulir tirai ke samping (Slide Left/Right), terangkat angkasa (Slide Up), hingga kabur halus menyongsong layar (Fade + Zoom).
  • Bioskop Slideshow Latar Belakang: Bosan dengan foto diam? Hidupkan latar belakang dengan memasukkan kombinasi banyak foto yang akan berganti otomatis, lengkap dengan sensasi *Ken Burns Effect* (foto bergerak *zoom* sangat pelan namun nyata merangkap layaknya bioskop).
  • Sinkronisasi Lagu Sempurna: Begitu jari tamu menyentuh layar menekan ikon Surat *"Buka Undangan"*, secara presisi sistem membangunkan musik MP3 yang dipasang untuk langsung bertebaran mengiringi momen pergeseran layar.

🛠️ Cara Penggunaan

Langkah 1: Mengukir Identitas Acara

Sentuh menu Content → Konten Cover. Unggah segera foto pra-nikah terindah mempelai, masukkan tajuk acara (contoh: The Wedding Of), ketikkan nama pendek calon pengantin, dan jangan ragu merombak isi kalimat Pengantar/Teks Undangan sesuai adat atau bahasa ibu yang menyejukkan hati tamu.

Pengaturan Identitas Cover Undangan Luxee

Visual: Mengisi seluruh field input dasar di samping panel editor Elementor untuk merakit struktur awal Cover.

Langkah 2: Menentukan Tata Cara "Buka Pintu"

Geser jari ke pengaturan Tombol Buka dan Pengaturan Animasi Cover. Gantilah ikon gambar 'amplop surat' bila ada versi yang lebih sesuai selera desain. Kemudian, putuskan *style* tirai apa yang pantas (Apakah Slide Up yang dramatis seperti teater, atau Fade tenang?). Setel durasi animasinya—menjadi 1.5 atau 2 detik demi memperkuat elegansi transisi pandangan tamu ke laman inti.

Langkah 3: Mendandani Desain Latar Belakang Cerdas

Klik tab utama Style. Di sub-menu Background, rahasia premium Luxee berada! Anda bisa memilih Mode Slideshow, kemudian memasukkan 5 gambar estetik dan menghidupkan fungsi saklar Ken Burns Effect. Jika tulisan di atas foto terasa tabrakan atau tak terbaca, turunkan sedikit setelan peneduh gelap di bilah Background Overlay (Opacity) sehingga tulisan kontras melesat menyilaukan pandangan secara positif.

Simulasi Style Foto & Slideshow Cover

Visual: Panel manajemen Style memberikan kuasa penuh mengatur estetika tatanan *Overlay* kegelapan agar tipografi terbaca megah.

Langkah 4: Melukis Tipografi Nama Mempelai & Tamu

Lanjutkan memutar panel layar Style menuju deret paling bawah. Warnai tiap lapisan teks, terutama khusus kotak emas (Pilih Font "Playfair Display" untuk Nama Mempelai & Nama Tamu Undangan) lalu bedakan agar jauh ukuran font-nya dengan deret tanggal acara supaya menyudahi monoton visual. Rancang sedemikian rupa agar perpisahan antar baris teks lega di mata.

💡 Pertanyaan Sering Ditanya (FAQ)

Sistem ini sudah dibalur oleh skema terstruktur. Anda hanya cukup menempatkan/merakit widget Audio MP3 Luxee di sembarang ruang halaman *Landing Page* Anda. Secara terotomasi tanpa syarat kabel-canggih lain, tombol *Buka Undangan* pada Cover sudah tahu kapan ia tertekan dan langsung memerintahkan Audio menyala.

Ada 3 sandi yang bisa Anda ketik di belakang *link* tautan asli: ?kepada=, ?to=, atau ?dear=. Ganti spasi putih dengan tanda tambah (+). Contoh sempurna yang Anda tempel di WA:
www.undanganbudi.com/?kepada=Keluarga+Ibu+Wati

Cerdas dan super aman! Ketika seseorang melihat tautan bio di Instagram Anda tenpa parameter nama (cukup *www.web.com*), skrip cadangan pintar mengalihkan *kolom nama layar depan* itu lalu menembakkan teks balasan *default*, yaitu "Tamu Undangan" secara elegan.

*Terakhir diperbarui: 25-Maret-2026*