Cover Pembuka dengan Nama Tamu: Kenalan dengan Invitation

Invitation adalah fitur siap pakai di plugin WeddingPress (WDP Pro & WDP Lite) untuk cover pembuka undangan. Cover menampilkan nama mempelai, tanggal acara, nama tamu dari link, dan tombol Buka Undangan. Halaman dikunci sampai tamu mengetuk tombol itu, lalu cover tertutup dengan animasi dan musik latar mulai berputar.

Latar video dan slideshow, Mode Tampilan, dan Animasi Keluar Cover hanya ada di WeddingPress v4.

Masalah yang diselesaikan

Undangan yang langsung menampilkan isi terasa seperti halaman web biasa. Cover membuat tamu merasa disambut secara pribadi lewat namanya, dan memberi momen "membuka undangan" sebelum isi tampil.

Manfaat

Untuk klien: setiap tamu melihat namanya sendiri di halaman pertama.
Untuk tamu: tahu undangan ditujukan untuknya, lalu membuka dengan satu ketukan.
Untuk vendor: satu widget berisi foto, teks, nama tamu, tombol, latar, dan animasi.

Cover undangan di HP dengan latar foto pasangan yang digelapkan: The Wedding Of, Andy dan Zhea, Minggu 12 Desember 2027, Kepada Yth. Bapak/Ibu/Saudara/i, nama tamu Budi Santoso, teks undangan, tombol Buka Undangan, dan keterangan mohon maaf apabila ada kesalahan penulisan nama — Cover Invitation untuk tamu Budi Santoso.

Cara pakai dasar (vendor)

Tambahkan widget Invitation di container paling atas halaman undangan. Pakai hanya satu Invitation atau Invitation Full Screen per halaman.
Bagian Invitation:

Upload Foto Mempelai (opsional): foto kecil di atas teks.
Text The Wedding, Nama Mempelai, Tanggal, dan Dear/To.
Invitation Text dan Keterangan.
Background Source: Upload Image, Image Link, Video Background, atau Slideshow Background.

Bagian Tombol:

Button Text: bawaan "Buka Undangan".
Mode Tampilan: Fullscreen (Penuh Layar) menutup seluruh layar; Menyesuaikan Container hanya menutup container teratas.
Animasi Keluar Cover: cara cover menghilang, misalnya Slide Atas selama 0,8 detik.

Tab Style: atur gelap-terangnya latar di Background › Opacity (0-1), warna teks, dan warna tombol.
Klik Publish, lalu buka undangan dari HP dengan link berisi nama, misalnya ?to=Budi+Santoso.

Panel Edit Invitation bagian Invitation: Upload Foto Pempelai, Text The Wedding The Wedding Of, Nama Mempelai Andy dan Zhea, Tanggal Minggu 12 Desember 2027, Dear/To Kepada Yth. Bapak/Ibu/Saudara/i, dan Invitation Text — Teks cover diisi di bagian Invitation.

Panel Edit Invitation bagian Tombol: Button Text Buka Undangan, Icon amplop, Show/Hide Button QR Code, Pengaturan Tampilan Cover dengan Mode Tampilan Fullscreen dan keterangannya, peringatan satu widget Invitation per halaman, serta Animasi Keluar Cover dengan Mode Animasi Slide Atas dan Durasi 0.8 detik — Mode Tampilan dan Animasi Keluar Cover di bagian Tombol.

Nama tamu di cover

Nama diambil dari link undangan. Cover membaca ?to=, ?dear=, ?kepada=, ?n=, ?nama=, ?guest=, ?untuk=, dan ?tamu=, lalu memakai yang pertama terisi menurut urutan itu, jadi ?to= selalu didahulukan. Daftar ini mencakup semua pilihan Parameter URL di Kirim Kit 2 kecuali Custom. Tanda + di link dibaca sebagai spasi. Bila link tidak memuat nama, cover menampilkan Tamu Undangan.

Bagian tengah cover tanpa nama tamu di link: Kepada Yth. Bapak/Ibu/Saudara/i, Tamu Undangan, dan teks undangan — Link tanpa nama tamu menampilkan Tamu Undangan.

Link bernama paling mudah dibuat dengan Kirim Kit 2 atau Generator Kit.

Setelah tombol diketuk

Cover menghilang dengan animasi yang dipilih.
Halaman bisa digulir dan isinya bisa diketuk, termasuk tombol di Popup Elementor Pro (Templates › Popups), misalnya tombol Copy Text.
Menu Dock, yang tersembunyi selama cover tertutup, mulai tampil.
Musik dari widget Audio MP3 mulai berputar.
Khusus Invitation Full Screen, browser masuk mode layar penuh (kecuali di iPhone).

Undangan di HP setelah cover dibuka: tulisan Kepada Yth. Bapak/Ibu/Saudara/i dan nama Budi Santoso, tombol musik bulat di kanan bawah, dan Menu Dock dengan Home, Acara, Galeri, Ucapan di bawah layar — Isi undangan tampil setelah cover dibuka.

Contoh: cover untuk Andy & Zhea

Vendor memasang Invitation di container teratas dengan latar foto prewedding, Nama Mempelai "Andy & Zhea", Tanggal "Minggu, 12 Desember 2027", dan Dear/To "Kepada Yth. Bapak/Ibu/Saudara/i". Budi membuka websiteundangan.com/pembuka-andy-zhea/?to=Budi+Santoso, melihat namanya di cover, lalu mengetuk Buka Undangan.

Tips & Praktik Terbaik

Upload Foto Mempelai di Invitation Full Screen berisi gambar contoh. Ganti atau hapus sebelum undangan dibagikan.
Slideshow Background memakai paling banyak 5 foto; foto keenam dan seterusnya diabaikan.
Start Time dan End Time di Video Background berlaku untuk video MP4 maupun YouTube.
Bagian yang memakai WDP Sticky dengan Hide on Cover Undangan = Ya (bawaan) ikut tersembunyi selama cover tertutup.
Di tema Hello Elementor, tombol Buka Undangan dengan warna bawaan berubah abu-abu saat hover. Warna lain bisa diatur di tab Style › Button, bagian Hover.
Nama tamu dibuat di server. Di situs dengan plugin cache halaman atau CDN, tamu bisa melihat nama tamu lain. Kecualikan halaman undangan dari cache, atau pastikan cache membedakan parameter to, dear, kepada, n, nama, guest, untuk, dan tamu.
Default Invitation Text memuat kata "Berhadir". Ganti dengan kalimat sendiri.

Pertanyaan yang Sering Diajukan (FAQ)

Apa beda Invitation dan Invitation Full Screen? +

Pengaturannya sama. Setelah tombol Buka Undangan diketuk, Invitation Full Screen juga meminta browser masuk mode layar penuh, termasuk di iPad dan Safari versi lama. Safari di iPhone tidak mendukung mode ini, jadi di iPhone keduanya terlihat sama.

Dari mana nama tamu di cover diambil? +

Dari link undangan. Cover membaca ?to=, ?dear=, ?kepada=, ?n=, ?nama=, ?guest=, ?untuk=, dan ?tamu=, lalu memakai yang pertama terisi menurut urutan itu. Bila link tidak memuat nama, cover menampilkan Tamu Undangan.

Kenapa musik langsung berputar setelah cover dibuka, padahal Autoplay di Audio MP3 diatur No? +

Tombol Buka Undangan selalu memutar musik dari widget Audio MP3 di halaman, apa pun pilihan Autoplay-nya. Bila undangan tidak ingin memakai musik, hapus widget Audio MP3.

Apakah cover muncul lagi saat halaman dimuat ulang? +

Ya. Cover selalu tampil setiap undangan dibuka atau dimuat ulang, karena status sudah dibuka tidak disimpan.

Kenapa halaman tidak bisa digulir setelah memasang Invitation? +

Halaman sengaja dikunci sampai tombol Buka Undangan diketuk. Tombol selalu tampil: bila Button Text dan Icon sama-sama kosong, tombol memakai teks Buka Undangan. Pasang hanya satu widget Invitation per halaman, termasuk yang disembunyikan per perangkat, karena widget kedua bisa membuat halaman tetap terkunci.