Setup Awal Setelah Instalasi WDP RSVPKit (Checklist Wajib)

Melakukan setup awal yang tepat setelah menginstal WDP RSVPKit v1.4.0 sangat krusial agar seluruh sistem formulir dan routing dasbor bekerja tanpa kendala. Checklist penting 5 menit pertama mencakup menyetel struktur permalink WordPress ke format Post name (/%postname%/), memastikan plugin Elementor Free (minimal v3.0+) aktif, memverifikasi kemunculan menu admin RSVPKit, serta memeriksa ketersediaan 2 widget bawaan (WDP RSVPKit dan WDP FeedKit) di dalam panel editor.


Mengapa Konfigurasi Awal Ini Sangat Penting?

Banyak pengguna pemula langsung melompat mengedit halaman undangan di Elementor sesaat setelah mengaktifkan plugin WDP RSVPKit. Sering kali mereka kemudian terbentur kendala yang membingungkan: formulir gagal mengirim data secara AJAX, atau tautan Dasbor Klien yang dibagikan ke pengantin memunculkan halaman 404 Not Found.

Kendala tersebut hampir selalu berakar pada konfigurasi dasar WordPress yang belum diselaraskan dengan kebutuhan sistem routing plugin:

  1. Permalink Bawaan Plain: Instalasi WordPress baru umumnya menggunakan struktur URL bawaan ?p=123. Struktur ini tidak mendukung sistem virtual rewrite endpoint modern yang dibutuhkan oleh dasbor mandiri WDP RSVPKit.
  2. Rewrite Rules Belum Ter-flush: Ketika slug URL dasbor baru ditambahkan, WordPress membutuhkan penyegaran (flush) pada berkas aturan .htaccess agar alamat baru tersebut dikenali.
  3. Konflik Wadah Desain: Editor halaman yang belum mengaktifkan container modern terkadang menghasilkan layout formulir yang bergeser di layar ponsel.

Meluangkan waktu 5 menit untuk menyelesaikan checklist awal ini akan menjamin seluruh operasional formulir undangan Anda berjalan mulus dari awal hingga hari acara.


Prasyarat Sebelum Memulai

Sebelum menjalankan checklist berikut, pastikan Anda telah menyiapkan:

  • Website WordPress dengan hak akses administrator (WP Admin).
  • Plugin WDP RSVPKit terpasang dan berstatus aktif.
  • Lisensi resmi telah diaktifkan di menu RSVPKit > License (indikator hijau Active).
  • Plugin Elementor versi Gratis (minimal v3.0+) terpasang dan aktif.

5 Checklist Wajib Setup Awal

CODE
┌────────────────────────────────────────────────────────────────────────────────────────┐
│                     CHECKLIST SETUP AWAL WDP RSVPKIT (5 MENIT)                         │
├────────────────────────────────────────────────────────────────────────────────────────┤
│ [✓] 1. Setel Permalink ke Post name (/%postname%/) & Klik Save Changes                 │
│ [✓] 2. Verifikasi Elementor Free (v3.0+) & Fitur Flexbox Container                     │
│ [✓] 3. Kenali 5 Sub-Menu Inti "RSVPKit" di Sidebar WP Admin                            │
│ [✓] 4. Buka Editor Elementor & Pastikan Widget WDP RSVPKit & FeedKit Muncul            │
│ [✓] 5. Periksa Lingkungan Server (PHP 7.4–8.2 & Memory Limit 256M/512M)               │
└────────────────────────────────────────────────────────────────────────────────────────┘

1. Pengaturan Wajib Struktur Permalink ke "Post Name"

Ini adalah langkah paling mendasar dan mutlak harus dilakukan pertama kali:

  1. Pada bilah navigasi admin sebelah kiri, buka menu Settings > Permalinks (Pengaturan > Permalink).
  2. Di bagian Common Settings, pilih opsi Post name (Nama tulisan) dengan format struktur /%postname%/.
  3. Gulir ke bagian paling bawah halaman, lalu klik tombol biru Save Changes (Simpan Perubahan).
Pemicu Flush Rewrite Rules: Mengklik tombol Save Changes pada halaman Permalinks secara otomatis memicu fungsi flush_rewrite_rules() di inti WordPress. Ini penting agar endpoint halaman virtual Dasbor Klien (/rsvp-dashboard/) langsung aktif dan terhindar dari galat Error 404.
Pengaturan Struktur Permalink WordPress ke Opsi Post Name untuk Mencegah Error 404 Dashboard RSVP
Pengaturan Struktur Permalink WordPress ke Opsi Post Name untuk Mencegah Error 404 Dashboard RSVP

2. Verifikasi Elementor & Dukungan Flexbox Container

  1. Buka menu Plugins > Installed Plugins dan pastikan plugin Elementor berstatus aktif.
  2. Buka menu Elementor > Settings, lalu klik tab Features (Fitur).
  3. Pastikan fitur Flexbox Container berada dalam status Active atau Default (aktif). Seluruh komponen formulir WDP RSVPKit telah dioptimasi secara native untuk kontainer flexbox modern tanpa dependensi inner-section lawas.

3. Mengenal Navigasi Menu Baru RSVPKit di WP Admin

Setelah aktivasi, perhatikan sidebar WP Admin Anda. Anda akan menemukan menu utama baru bernama RSVPKit yang memiliki sub-menu terstruktur:

  • License: Tempat memasukkan dan mengelola lisensi resmi dari Member Area.
  • Responses: Tempat meninjau seluruh data tamu masuk, mengatur passkey klien, dan mengambil tautan dashboard publik.
  • Settings: Pusat kendali global yang terdiri dari pengaturan umum, penyesuaian slug URL, proteksi anti-spam, hingga styling dasbor.
  • WhatsApp Logs: Log riwayat transmisi pengiriman notifikasi pesan instan ke nomor WhatsApp tamu maupun admin.
  • GSheet Integration: Halaman konfigurasi sinkronisasi basis data dua arah dengan Google Spreadsheet.

4. Menguji Ketersediaan Widget di Editor Elementor

  1. Buka salah satu halaman uji coba via menu Pages > All Pages, lalu klik Edit with Elementor.
  2. Pada panel widget sebelah kiri, ketik kata kunci "RSVPKit" pada kolom pencarian.
  3. Pastikan dua widget eksklusif berikut muncul dan siap ditarik (drag & drop):
  • WDP RSVPKit: Widget formulir konfirmasi kehadiran utama lengkap dengan tab data tamu, pembatas porsi kehadiran (pax), dan kartu konfirmasi.
  • WDP FeedKit: Widget streaming daftar ucapan selamat dan doa restu berstiker animasi.

5. Memeriksa Lingkungan Server & Rekomendasi PHP

Untuk menjamin pemrosesan antrean data tamu dan transmisi webhook berjalan stabil di balik layar:

  1. Buka menu Tools > Site Health > Info di dashboard WordPress.
  2. Periksa versi PHP: pastikan menggunakan PHP 7.4, 8.0, 8.1, atau 8.2.
  3. Periksa nilai PHP Memory Limit: pastikan disetel minimal 256M (sangat disarankan 512M jika website memiliki traffic padat saat undangan disebarkan).

Studi Kasus Nyata: Pernikahan Andy & Zhea

Vendor web undangan pasangan Andy & Zhea baru saja menyelesaikan pembuatan halaman undangan di domain weddingandyzhea.com:

  • Kendala yang Ditemui: Saat vendor mencoba membuka tautan Dasbor Klien yang hendak diserahkan kepada calon pengantin Andy & Zhea, peramban menampilkan pesan Error 404 - Halaman Tidak Ditemukan.
  • Penyelidikan: Vendor memeriksa menu Settings > Permalinks dan mendapati bahwa WordPress masih menggunakan pengaturan default Plain (?p=123).
  • Penyelesaian: Vendor memilih opsi Post name, menekan tombol Save Changes, lalu menyegarkan kembali URL dasbor klien. Seketika halaman Dasbor Klien Andy & Zhea terbuka dengan sempurna, menampilkan kotak input Passkey dan ringkasan metrik tamu.

Tips & Praktik Terbaik

Detektor Bentrok Slug Otomatis: Jika Anda berencana mengubah URL default dasbor dari /rsvp-dashboard/ menjadi slug lain (misal: /pantau-tamu/), sistem WDP RSVPKit secara proaktif akan menampilkan notifikasi kuning di WP Admin yang mengingatkan Anda untuk mengklik Save Changes di menu Permalinks. Cukup klik tombol biru pada notifikasi tersebut untuk menyegarkan rute URL.
Hindari Pembersihan Cache Berlebih Saat Pengujian: Saat menguji pengiriman formulir RSVP pertama kali, pastikan Anda menonaktifkan fitur minifikasi JavaScript agresif pada plugin caching (seperti LiteSpeed Cache atau WP Rocket) untuk skrip RSVPKit agar penanganan AJAX tidak terhambat.

Pertanyaan yang Sering Diajukan (FAQ)

Mengapa struktur permalink WordPress wajib disetel ke Post name (/%postname%/)? +
WDP RSVPKit v1.4.0 menggunakan virtual rewrite endpoint untuk menyajikan Dasbor Publik Mandiri (misal: /rsvp-dashboard/). Jika permalink WordPress masih berstatus Plain (?p=123), sistem penulisan ulang URL tidak dapat memetakan endpoint ini sehingga akan memunculkan galat Error 404 Not Found.
Bagaimana jika tautan Dashboard RSVP tetap memunculkan Error 404 setelah permalink diubah? +
Buka kembali menu Settings > Permalinks di dashboard WordPress, lalu klik tombol 'Save Changes' sekali lagi tanpa mengubah opsi apa pun. Tindakan ini memicu perintah flush_rewrite_rules() untuk menyegarkan tabel rute penulisan ulang URL di database WordPress.
Apakah WDP RSVPKit membutuhkan Elementor Pro untuk menggunakan widget form? +
Tidak. Seluruh widget WDP RSVPKit (baik formulir konfirmasi RSVP maupun widget FeedKit) 100% kompatibel dan bekerja maksimal menggunakan Elementor versi Gratis (Free) tanpa mewajibkan lisensi Elementor Pro.
Apakah WDP RSVPKit mendukung struktur Flexbox Container modern di Elementor? +
Ya. WDP RSVPKit telah dioptimasi penuh untuk flexbox container modern. Widget dapat diletakkan di dalam container horizontal maupun vertikal tanpa menghasilkan elemen pembungkus (wrapper div) berlebih, menjaga kecepatan rendering halaman tetap optimal.
Bagaimana cara mendapatkan pembaruan (update) plugin WDP RSVPKit? +
Pembaruan dilakukan secara manual. Pantau pengumuman rilis dan log perubahan fitur di Channel Telegram resmi (https://t.me/weddingpressnet), lalu unduh berkas zip versi terbaru di Member Area resmi (weddingpress.net/member-area) untuk diunggah ulang ke WordPress via menu Plugins > Add New Plugin.