Cara Menghubungkan Widget QR & Generator Barcode #

Salah satu keunggulan utama menggunakan BukuTamu Digital adalah fleksibilitasnya dalam menyediakan akses masuk (check-in) bagi tamu.

Ada tiga metode populer untuk menampilkan atau mendapatkan QR Code tamu, sesuai dengan kebutuhan acara Anda:

1. Menggunakan WeddingPress Widget (Otomatis di Website Undangan).
2. Menggunakan Element Pack Pro Widget (Alternatif Desain Keren di Website).
3. Menggunakan Internal QR Generator (Fitur Bawaan Aplikasi v1.5+ untuk Undangan Fisik/Cetak).

Video Tutorial #

Untuk gambaran visual mengenai metode integrasi website, silakan simak referensi berikut:

1. Metode WeddingPress (Standar):

2. Metode Element Pack Pro (Alternatif):

Persiapan Awal (Wajib untuk Semua Metode) #

Sebelum memilih metode, pastikan settingan dasar di aplikasi Buku Tamu sudah benar:

1. Masuk ke menu Settings di aplikasi BukuTamu.
2. Cek bagian Digital Invitation Link Settings.
3. Pastikan Domain Link diisi dengan alamat website undangan klien.
4. Tentukan parameter URL yang akan digunakan (Default: to, kepada, u, atau p).

METODE 1: Menggunakan Widget WeddingPress #

Ini adalah cara termudah jika Anda sudah menginstal plugin WeddingPress dan ingin QR Code muncul otomatis di undangan website.

Langkah-Langkah: #

1. Edit with Elementor: Buka halaman undangan atau Template Popup.
2. Cari Widget: Ketik “QR Check In” (Icon WDP).
3. Drag & Drop ke area yang diinginkan.
4. Konfigurasi Widget:
   • QR Type: Pilih By Name.
   • Parameter Name: Isi sesuai parameter URL Anda (misal: to). Wajib sama dengan link yang disebar!
   • Alignment: Center.
   • Size: Atur ukuran (Saran: 200 – 250px).

METODE 2: Menggunakan Element Pack Pro #

Gunakan metode ini jika Anda ingin kustomisasi lebih dalam di website, seperti menambahkan Logo di tengah QR Code atau mengatur warna/radius border yang lebih estetik.

Langkah-Langkah: #

1. Edit with Elementor: Buka halaman undangan.
2. Cari Widget: Ketik “QR Code” (Pastikan pilih yang ada badge Element Pack).
3. Drag & Drop ke area desain.

Konfigurasi Konten (PENTING!): #

Agar QR Code berubah otomatis sesuai nama tamu, kita harus menggunakan fitur Dynamic Tags.

1. Pada kolom Content, klik ikon Dynamic Tags (gambar database kecil).
2. Pilih Site -> Request Parameter.
3. Klik ikon (obeng/kunci pas) pada Request Parameter yang baru dipilih tadi.
4. Type: Pilih Query Parameter.
5. Parameter Name: Ketik to (atau sesuai parameter url Anda).

Kustomisasi Desain (Style): #

Masuk ke tab Style untuk mempercantik QR:

• Logo: Anda bisa upload logo inisial pengantin di tengah QR Code.
• Color: Ubah warna titik QR agar sesuai tema undangan.

METODE 3: Menggunakan Internal QR Generator (Untuk Undangan Fisik) #

[BARU di v1.5.0] Bagaimana jika klien juga menyebar Undangan Fisik (Cetak) dan ingin ada QR Code-nya? Atau Anda tidak menggunakan WordPress?

Gunakan fitur QR Toolkit bawaan aplikasi untuk menghasilkan ratusan QR Code sekaligus dalam sekali klik.

Keunggulan: #

• Tanpa Plugin: Tidak butuh WordPress atau Elementor.
• Bulk Generate: Bisa bikin 1.000 QR Code sekaligus.
• Format ZIP: Hasil download berupa file gambar (.png) per nama tamu, siap diserahkan ke percetakan label.

Langkah Singkat: #

1. Login ke Aplikasi Buku Tamu -> Menu QR Generator.
2. Masuk Tab Konten -> Paste daftar nama tamu.
3. Masuk Tab Gaya -> Upload Logo & Atur Warna.
4. Klik Generate Barcode.
5. Klik Download QR (Nama) untuk mendapatkan file ZIP.

(Panduan lengkap fitur ini dapat dilihat di dokumen: Panduan Tab QR Generator)

 

Tahap Uji Coba (Testing) #

Jangan lupa tes sebelum link atau undangan fisik disebar!

1. Scan: Buka aplikasi BukuTamu Digital -> Menu Scan QR.
2. Arahkan kamera ke layar HP (untuk metode website) atau ke kertas print (untuk metode fisik).
3. Hasil:
   • Jika aplikasi berbunyi beep dan muncul notifikasi sukses, berarti QR Code valid.
   • Data tamu akan otomatis tercatat di tabel kehadiran beserta jam kedatangannya.