Cara Menghilangkan Notif Error “Khusus Tamu Undangan” di Form Ucapan WeddingPress

Kamu pernah mengalami ini?

Sudah kirim link undangan digital ke teman atau saudara, tapi waktu mereka mau kasih ucapan, muncul notif warna merah yang bunyinya:

“Mohon maaf! Khusus untuk tamu undangan.”

Padahal kamu sudah buatkan link undangan khusus dengan nama mereka, misalnya:

https://namadomain.com/undangan/?to=WeddingPress

Tapi tetap aja form ucapannya nggak bisa dipakai, bikin tamu jadi bingung atau malah batal kasih ucapan.

Tenang, di panduan ini kita akan atasi masalah itu — dengan cara otomatis menghilangkan notif error kalau nama tamu sudah terisi di form. Gampang banget kok, kamu tinggal tempelkan sedikit script aja.

Kenapa Ini Penting?

Fitur ini sebenarnya muncul untuk mencegah orang asing isi komentar di undangan digital kamu. Tapi kadang sistemnya belum langsung tahu kalau tamu yang buka link itu sebenarnya sudah kamu undang (lewat nama di URL).

Jadi solusinya, kita kasih tahu sistem bahwa nama tamu sudah ada, sehingga error-nya gak perlu ditampilkan lagi.

🛠️ Solusinya: Tambahkan Script Simpel Ini

Kamu cukup tambahkan kode berikut ke halaman undanganmu:

<script>
document.addEventListener("DOMContentLoaded", function () {
    const authorInput = document.getElementById("author");
    const errorSpan = document.querySelector(".cui-error-info-name");

    // Ambil parameter nama tamu dari URL
    const urlParams = new URLSearchParams(window.location.search);
    const namaTamu = urlParams.get("to") || urlParams.get("dear") || urlParams.get("kepada");

    // Kalau ada nama tamu di URL, isi otomatis & sembunyikan error
    if (namaTamu) {
        authorInput.value = decodeURIComponent(namaTamu.replace(/\+/g, ' '));
        if (errorSpan) errorSpan.style.display = "none";
    } else {
        if (errorSpan) errorSpan.style.display = "block";
    }
});
</script>

📌 Langkah-langkah Pemasangan (tanpa ribet):

1. Buka Elementor, lalu masuk ke halaman undangan yang mau diedit.
2. Klik menu Custom Code di Elementor (butuh Elementor Pro ya).
3. Klik “Tambah Kode Baru”, beri nama misalnya: Sembunyikan Error CommentKit.
4. Tempelkan script di atas.
5. Atur posisi penempatan kode jadi “Before </body>”.
6. Simpan dan publikasikan.

atau cara ke-2, anda bisa tambahkan code script html ini dibawah widget comentkit yang diletakkan pada desain undangan digitalnya.

Note: Ini hanya berlaku untuk widget commentkit v2 dari WeddingPress ya…

✅ Link Undangan yang Didukung

Kamu bisa pakai beberapa jenis URL parameter untuk mengisi nama tamu otomatis:

• ?to=Nama+Tamu
• ?dear=Nama+Tamu
• ?kepada=Nama+Tamu

Contohnya:

https://namadomain.com/undangan/?to=Keluarga+Besar

🤝 Kesimpulan

Dengan menambahkan sedikit kode di atas, kamu bisa membuat form ucapan lebih nyaman dan ramah untuk tamu undangan.
Mereka nggak bakal bingung lagi kenapa muncul notif merah, dan kamu pun lebih tenang karena sistemnya bekerja otomatis sesuai niatnya.

Simple, cepat, dan bikin undangan digitalmu makin profesional ✨

📣 Butuh Bantuan Lebih Lanjut?

Kalau kamu butuh panduan lainnya, atau pengen belajar bikin website undangan digital dari nol, langsung aja gabung ke channel YouTube @WeddingPress atau masuk ke grup support resmi.

Selamat mencoba ya! 🎉