Panduan Post Metabox: Responsive Hybrid & Sub-Tab General/Dashboard

Panel RSVPKit Responsive Hybrid Metabox adalah pusat kendali pengaturan RSVP spesifik per-undangan yang secara cerdas menyesuaikan tata letak antara navigasi tab vertikal di area utama dan akordion lipat di sidebar, dilengkapi persistensi memori browser localStorage, pembatasan batas waktu (deadline), serta konfigurasi dasbor kehadiran mandiri bagi calon pengantin.

Memahami Kebutuhan Pengaturan Spesifik Per-Undangan

Setiap proyek undangan pernikahan memiliki karakteristik dan aturan main yang berbeda. Satu pasangan pengantin mungkin menginginkan batas waktu konfirmasi ketat seminggu sebelum acara untuk finalisasi katering, sementara pasangan lain membutuhkan tautan dasbor khusus yang dapat dibagikan kepada keluarga besar dengan izin menghapus data uji coba secara mandiri.

Jika pengaturan seperti ini dipaksakan bersifat global satu website untuk semua, vendor akan kesulitan melayani beragam kebutuhan klien yang berbeda secara fleksibel. Selain itu, tampilan panel admin yang kaku dan berantakan pada layar laptop kecil atau tablet sering kali memperlambat efisiensi kerja vendor saat mengedit undangan di lokasi acara.

WDP RSVPKit memecahkan masalah ini melalui arsitektur Responsive Hybrid Metabox. Panel ini memberikan fleksibilitas pengaturan tingkat halaman (per-post level) dengan tampilan adaptif yang sangat nyaman digunakan di berbagai ukuran layar perangkat kerja Anda.

Prasyarat Sebelum Konfigurasi

Pastikan hal-hal berikut telah siap sebelum mengatur metabox:

1. Editor Postingan Terbuka: Buka lembar kerja Post, Page, atau Custom Post Type undangan pernikahan Anda di WP Admin.
2. Posisi Metabox: Pastikan kotak panel RSVPKit Settings telah dicentang pada menu Screen Options atau panel dokumen editor WordPress.
3. Data Jadwal Acara: Siapkan tanggal dan jam penutupan konfirmasi kehadiran yang disepakati dengan pengantin.

Bedah Mendalam Responsive Hybrid & Sub-Tab Utama

Panel metabox RSVPKit dirancang dengan kecerdasan antarmuka responsif modern:

1. Arsitektur Responsive Hybrid (Tabs vs Accordion)

Panel metabox secara otomatis mendeteksi lebar area penempatan di editor WordPress:

• Mode Normal / Area Utama (Main Column): Ketika diletakkan di bawah editor konten utama, metabox menampilkan tata letak Vertical Tabs 2-kolom yang elegan. Sisi kiri memuat 6 sub-tab navigasi dan sisi kanan menampilkan kontrol pengaturan secara luas.
• Mode Sempit / Sidebar (Side Column): Jika Anda menyeret metabox ke sidebar kanan editor, tata letak otomatis berubah menjadi Collapsible Accordion satu kolom yang hemat ruang dan mudah digulir.
• Memori localStorage Persistence: Setiap kali Anda berpindah sub-tab, pilihan Anda disimpan di memori browser lokal. Saat halaman editor diperbarui (refresh atau simpan draf), panel langsung terbuka di tab yang sama tanpa melompat ke tab pertama.

2. Sub-Tab 1: General & Deadline

Mengatur saklar operasional dan batas waktu pengisian konfirmasi:

• Enable RSVP on this Post: Saklar master aktivasi formulir khusus untuk lembar undangan yang sedang diedit.
• RSVP Submission Deadline: Penentu tanggal dan jam penutupan formulir konfirmasi kehadiran. Sistem secara otomatis mencocokkan waktu server dengan zona waktu WordPress yang Anda pilih di menu Settings > General.
• Closed Form Custom Message: Pesan santun yang akan ditampilkan di layar tamu jika mereka membuka formulir setelah batas waktu terlewati.

3. Sub-Tab 2: Public Dashboard & Client Passkey

Mengatur hak akses dan keamanan dasbor kehadiran privat pengantin:

• Custom Dashboard Slug ID: Mengatur segmen pengenal tautan dasbor kehadiran (contoh: andy-zhea-wedding). Tautan akses yang dihasilkan menjadi: https://domainanda.com/rsvp/?id=andy-zhea-wedding.
• Client Passkey PIN: Kode sandi 6 digit unik yang harus dimasukkan oleh calon pengantin saat membuka tautan dasbor kehadiran mereka.
• Allow Client Delete Permission: Opsi toggle yang memberikan izin kepada pengantin untuk menghapus respon tamu tertentu (misalnya data uji coba) langsung dari tombol dasbor publik tanpa perlu login ke WP Admin.

Tabel Referensi Post Meta Keys

Skenario Praktik Lapangan: Andy & Zhea

Vendor pernikahan Andy & Zhea menyiapkan halaman undangan resepsi eksklusif di gedung pertemuan dengan kapasitas terbatas:

1. Aktivasi RSVP: Pada lembar editor undangan Andy & Zhea, vendor mengaktifkan saklar Enable RSVP on this Post.
2. Penetapan Batas Waktu: Pihak katering meminta kepastian jumlah tamu H-5 sebelum acara. Vendor menetapkan RSVP Submission Deadline pada tanggal 2026-10-15 23:59 WIB dengan pesan penutupan: "Periode konfirmasi kehadiran telah ditutup untuk finalisasi alokasi katering keluarga."
3. Pemberian Akses Dasbor: Di sub-tab Public Dashboard, slug ditetapkan menjadi andy-zhea-wedding dan PIN sandi disetel ke 889922. Izin Allow Client Delete diaktifkan agar mempelai bisa menghapus 5 data respon uji coba keluarga.
4. Hasil Teruji: Tepat pada tanggal 16 Oktober pukul 00:00 WIB, formulir terkunci otomatis dan pengantin menyerahkan rekapitulasi data final kepada pihak katering dengan tenang.

Tips & Praktik Terbaik Konfigurasi Metabox

• Gunakan Format Slug yang Sederhana: Pilih slug dasbor yang mudah diingat oleh pasangan pengantin (misalnya kombinasi nama panggilan kedua mempelai) tanpa spasi atau karakter khusus.
• Periksa Zona Waktu WordPress: Pastikan zona waktu situs Anda di menu Settings > General telah diatur ke Asia/Jakarta (UTC+7) agar perhitungan waktu penutupan deadline akurat sesuai jam lokal.
• Manfaatkan Fitur Auto-Save Editor: Perubahan pada metabox akan disimpan secara bersamaan saat Anda menekan tombol Update atau Publish pada postingan WordPress.