Gerbang Undangan Terlihat Kaku? Simak Panduan Membuat Cover Undangan Sinematik v2!

📌 Apa itu Widget Cover Undangan v2?

Widget Cover Undangan v2 adalah elemen pemuka (splash screen / screen pembuka) eksklusif yang berfungsi sebagai gerbang estetis pertama undangan digital. Fitur utamanya adalah menyembunyikan isi utama halaman sebelum tamu menekan tombol trigger pembuka, sekaligus bertindak sebagai pemicu (trigger) sah untuk memutarkan lagu latar secara otomatis sesuai kebijakan browser modern.

📖
Skenario Penggunaan Nyata

Klien Anda mengeluhkan latar musik undangannya tidak berputar otomatis saat link pertama kali dibuka tamu di ponsel mereka. Hal ini dikarenakan kebijakan keamanan Chrome/Safari yang melarang pemutaran audio sebelum ada interaksi fisik dari pengunjung. Dengan memasang **Widget Cover Undangan Luxee v2**, tamu akan disuguhkan sapaan nama mereka dengan dekorasi 3D melayang yang sangat indah. Begitu mereka menekan tombol "Buka Undangan", halaman cover akan meluncur terlipat ke atas (slide up) secara halus dan seketika latar lagu MP3 berputar syahdu.

✨ Fitur Mewah Cover Undangan v2

  • Transisi Tirai (Curtain Slide Transitions): Pilihan jenis gerakan penyingkapan cover mulai dari meluncur ke atas (slide up), memudar (fade), terbelah tengah, hingga bergeser ke samping.
  • Audio Auto-Trigger Kompatibel: Mengatasi masalah kebijakan autoplay browser modern dengan sinkronisasi ketukan jari tamu saat membuka.
  • Integrasi Nama Tamu Dinamis: Otomatis menampilkan nama tamu undangan yang dipanggil melalui parameter link WhatsApp secara terintegrasi.

🛠️ Langkah Mengonfigurasi Cover Undangan v2

Langkah 1: Menambahkan Widget Cover Undangan

Arahkan kursor ke widget panel Elementor, cari **Luxee Cover Undangan v2**, lalu seret (drag & drop) widget tersebut ke posisi paling atas pada seksi pertama halaman undangan Anda.

Langkah 2: Mendesain Latar Belakang & Gambar Slide

Di tab menu *Content > Background Settings*, tentukan gambar latar belakang cover Anda. Anda dapat menggunakan format warna solid, gradasi mewah, atau mengaktifkan efek slideshow dengan transisi Ken Burns.

Langkah 3: Mengatur Teks Informasi & Mempelai

Isi informasi nama kedua mempelai, tanggal acara, serta sapaan nama tamu undangan. Konfigurasikan tipografi (font) dan warna tulisan agar selaras dengan tema dekorasi pernikahan.

Langkah 4: Menghubungkan Tombol Buka dengan Pemutar Audio

Arahkan ke tab *Button Settings*, sesuaikan label tombol (misal: "Buka Undangan"). Pada bagian *Audio Controller Connection*, pilih ID Widget Audio pemutar musik utama Anda agar lagu otomatis diputar bersamaan dengan penyingkapan cover.

Langkah 5: Menonton Video Perakitan Cover Sinematik

Simak bagaimana perakitan cover, penentuan transisi meluncur, hingga teknik sinkronisasi audio MP3 dipraktikkan langsung pada editor di video berikut:

💡
Pro Tips Efek Ken Burns Halus

Aktifkan opsi **Ken Burns Effect** pada pengaturan background slideshow dengan rasio pembesaran zoom minimal (misal: **1.05**) dan durasi transisi yang lambat (misal: **8000ms**). Trik ini akan melahirkan latar belakang sinematik bergerak super mewah seperti film dokumenter.

💡 Pertanyaan Sering Ditanya (FAQ)

Hal ini terjadi karena opsi penguncian scroll cover belum dinyalakan. Masuk ke pengaturan widget Cover, pada tab **Content > General Settings**, aktifkan opsi **Lock Body Scroll Until Opened** ke posisi **ON** untuk mencegah layar digulir paksa sebelum tombol ditekan.

Tentu bisa. Anda tinggal menyeret widget Gambar ornamen ke dalam area kontainer cover, lalu menerapkan preset gerak dari **Luxee Animation Library** untuk menghidupkan suasana gerbang pembuka Anda.

Pastikan Anda sudah meletakkan widget **Audio MP3** di halaman yang sama, dan periksa apakah Anda sudah mencantumkan ID widget audio tersebut dengan benar pada isian *Audio Target ID Connection* di setelan tombol cover.

*Terakhir diperbarui: 26-Mei-2026*