LUXEE HELPS
Gerbang Undangan Terlihat Standar? Ini Cara Edit Template Cover Parallax V1!
📌 Apa itu Edit Template Cover Parallax V1?
Edit Template Cover Parallax V1 adalah proses modifikasi pada halaman paling pertama (pembuka) undangan digital Anda. Bagian cover ini merupakan "gerbang pertama" yang dilihat tamu sebelum mereka mengklik tombol untuk masuk ke dalam isi undangan. Kustomisasi cover mencakup penggantian foto latar belakang utama, penulisan nama pasangan pengantin secara artistik, penyuntingan nama tamu undangan dinamis, hingga penataan gaya tombol **Buka Undangan** agar selaras dengan tema.
Klien Anda mengeluhkan tampilan halaman pertama undangan mereka yang terlalu datar dan tidak memiliki "efek kejutan". Anda dituntut untuk mengubah foto cover dengan potret prewedding terbaik mereka, menerapkan animasi masuk memudar yang elegan (fade-in), dan merapikan sistem parameter nama tamu agar nama penerima undangan otomatis tercetak tebal dan manis tepat di bawah ucapan selamat datang.
✨ Fitur Kunci Desain Cover Parallax V1
- Dynamic Guest Greetings: Menampilkan nama tamu undangan secara personal berdasarkan tautan URL khusus yang dibagikan, lengkap dengan format teks panggilan yang dapat disesuaikan.
- Smooth Entry Animations: Efek animasi transisi masuk transparan yang lembut ketika cover terbuka, memberikan kesan premium sejak detik pertama situs diakses.
- Cover Overlay Masking: Filter warna pelindung transparan di atas foto latar belakang untuk memastikan teks nama pengantin tetap terbaca dengan kontras tinggi di layar HP.
🛠️ Langkah Mengedit Cover Undangan
Langkah 1: Membuka Editor Cover di Elementor
Buka halaman undangan Anda di Elementor. Navigasikan kursor Anda ke bagian paling atas (Section Cover). Pastikan Anda menyeleksi Container/Section cover utama untuk mulai mengedit latar belakang.
Langkah 2: Mengganti Foto Latar Belakang (Background Cover)
Pada panel editor sebelah kiri, pilih tab **Style > Background**. Klik kotak gambar yang aktif dan ganti dengan foto potret (portrait) prewedding resolusi tinggi milik klien Anda dari Media Library.
Langkah 3: Mengedit Teks Nama & Ucapan Selamat Datang
Klik langsung elemen teks nama pengantin (biasanya menggunakan font berkarakter kaligrafi/handwritten). Ubah teks tersebut sesuai nama panggilan pengantin. Atur ukuran font dan warna melalui tab **Style > Typography** agar tampak proporsional.
Langkah 4: Menyetel Gaya Tombol "Buka Undangan"
Klik widget tombol **Buka Undangan**. Pada tab **Content**, pastikan link tujuan diarahkan ke ID Anchor isi undangan (misal: `#isi-undangan`) agar ketika diklik, halaman otomatis tergulung mulus ke bawah. Anda juga bisa menyetel ikon pembuka serta animasi denyut (pulse) pada tombol.
Langkah 5: Menonton Video Kustomisasi Cover
Ikuti langkah demi langkah visual mengenai teknik mengganti ornamen, merapikan teks sambutan, hingga trik kompresi gambar cover pada video tutorial berikut:
Foto cover adalah elemen pertama yang dimuat oleh browser tamu. Selalu kompres foto cover Anda menggunakan tool kompresi gambar (seperti TinyPNG) dan gunakan format modern **WebP** dengan resolusi maksimal **1080x1920 piksel** (ukuran file di bawah **300KB**). Ini menjamin gerbang undangan terbuka instan tanpa loading berputar yang lama.
🔗 Modul Panduan Terkait
Langkah penting berikutnya setelah cover Anda tampil estetik:
💡 Pertanyaan Sering Ditanya (FAQ)
Teks nama tamu bersifat dinamis menggunakan parameter URL (misalnya `?to=Nama+Tamu`). Di dalam editor Elementor, teks tersebut sengaja ditampilkan sebagai nama contoh (dummy) atau kosong. Nama tamu asli baru akan tercetak otomatis ketika halaman diakses melalui tautan undangan utuh.
Aktifkan opsi **Background Attachment** ke posisi **Fixed** pada pengaturan style background section. Ini akan mengunci foto di latar belakang sehingga elemen teks di depannya bergerak naik secara dinamis saat digeser.
Sangat direkomendasikan. Tanpa ID Anchor (`#`), tombol tidak akan memicu efek gulir (smooth scroll) ke bawah atau pembukaan sekat cover secara mulus, sehingga merusak pengalaman alur baca tamu.