WeddingSaas JetFormBuilder

WeddingSaas JetFormBuilder adalah addon untuk memperluas kemampuan JetFormBuilder di ekosistem WeddingSaas. Plugin ini menambahkan field dan block khusus yang dirancang untuk kebutuhan pembuatan, pengaturan, dan personalisasi undangan digital berbasis WeddingSaas.

Dengan addon ini, pengguna tidak hanya bisa mengisi data undangan biasa, tetapi juga bisa mengatur tampilan, menyusun form yang lebih rapi, membuat input URL yang lebih aman, dan menampilkan informasi penting langsung di dalam form.

Plugin ini tidak mengubah core JetFormBuilder. Semua fitur dibuat sebagai block/field tambahan yang terintegrasi dengan editor WordPress, JetFormBuilder, dan kebutuhan workflow WeddingSaas.

Fitur Utama

1. WDS Typography

WDS Typography adalah field JetFormBuilder untuk menyimpan pengaturan typography ke dalam satu field/meta dalam format JSON. Field ini dipakai untuk mengatur tampilan teks undangan tanpa mencampur isi teks dengan style teks.

Pengguna bisa mengatur:

• font family
• ukuran font
• font weight
• text transform seperti uppercase, lowercase, capitalize
• preview teks dari post title atau post meta
• default style dari block editor
• fallback preview dari taxonomy/theme WeddingSaas

Yang penting, WDS Typography tidak menyimpan isi teks undangan. Isi teks tetap memakai field biasa atau dynamic tag Elementor, sedangkan WDS Typography hanya menyimpan style-nya.

Contoh penggunaan:
Misalnya form edit undangan punya field:

• nama_panggilan_style untuk teks judul Nama Panggilan
• nama_lengkap_style untuk style judul Nama Lengkap

User mengisi judul Nama Panggilan dengan teks “Putra”, lalu mengatur font menjadi Playball, ukuran 40px, dan transform uppercase. Data style disimpan ke meta nama_panggilan_style, kemudian renderer WeddingSaas bisa menerapkan CSS ke selector Elementor seperti .nama-panggilan .elementor-heading-title.

Use case lain:

• mengatur style judul acara
• membuat setiap user bisa memilih font undangannya sendiri
• memberi kontrol style terbatas tanpa membuka editor Elementor

WDS Text Group

WDS Text Group adalah field input JetFormBuilder dengan prefix display-only di sebelah kiri. Prefix hanya ditampilkan kepada user, tetapi tidak ikut tersimpan ke database.

Fitur ini berguna untuk input slug atau URL undangan. User melihat URL lengkap seperti:

domain.com/putra-putri

Tetapi value yang disimpan hanya:

putra-putri

Prefix bisa berasal dari:

• domain WeddingSaas/replica jika tersedia
• fallback home_url
• custom prefix manual dari admin

Input akan disanitasi menjadi slug yang aman memakai aturan WordPress.

WDS Accordion

WDS Accordion adalah Gutenberg layout block untuk mengelompokkan banyak block ke dalam section accordion yang bisa dibuka-tutup.

Block ini bukan field JetFormBuilder dan tidak menyimpan value ke request form. Fungsinya adalah merapikan tampilan editor dan frontend, terutama ketika form atau halaman memiliki banyak bagian.

WDS Accordion mendukung:

• banyak section
• isi section memakai block Gutenberg lain melalui InnerBlocks
• buka section pertama secara default
• buka banyak section sekaligus atau hanya satu
• pilihan icon
• posisi icon kiri/kanan
• animasi slide
• pengaturan heading level
• styling heading normal, hover, dan open
• integrasi dengan JetFormBuilder Conditional Block untuk menyembunyikan satu item accordion penuh

Contoh penggunaan:
Form edit undangan biasanya panjang, misalnya berisi:

• Data Mempelai
• Detail Acara
• Galeri Foto
• RSVP
• Quote
• Pengaturan Tampilan

Dengan WDS Accordion, semua bagian itu bisa dibuat menjadi section collapsible. User tidak perlu scroll terlalu panjang dan bisa fokus mengedit satu bagian saja.

Contoh struktur:

• Section “Data Mempelai” berisi field nama mempelai dan nama orang tua
• Section “Detail Acara” berisi tanggal, jam, lokasi akad, lokasi resepsi
• Section “Tampilan” berisi WDS Typography dan pilihan styling
• Section “RSVP” berisi field konfirmasi kehadiran

Use case lain:

• merapikan form onboarding user
• membagi form edit undangan menjadi langkah visual
• membuat FAQ undangan
• membuat halaman bantuan yang compact
• menyembunyikan section tertentu berdasarkan conditional logic JetFormBuilder

WDS Alert

WDS Alert adalah standalone Gutenberg block untuk menampilkan pesan informasi berbasis Bootstrap alert.

Block ini bukan field JetFormBuilder. Isinya memakai InnerBlocks, sehingga admin bisa memasukkan paragraph, list, heading, button, separator, atau spacer di dalam alert.

Variant yang tersedia mengikuti Bootstrap:

• primary
• secondary
• success
• danger
• warning
• info
• light
• dark

Frontend mengandalkan Bootstrap CSS dari halaman target, sehingga tampilan alert konsisten dengan style WeddingSaas/tema yang sudah ada.

Contoh penggunaan:
Admin ingin memberi instruksi di atas form edit undangan:

“Pastikan data acara sudah benar sebelum menyimpan perubahan.”

Pesan itu bisa dibuat memakai WDS Alert variant warning.

Contoh lain:

• Alert info: memberi panduan cara mengisi slug undangan
• Alert success: memberi informasi bahwa data berhasil disimpan
• Alert danger: memberi peringatan bahwa perubahan tertentu bersifat penting
• Alert primary: menampilkan catatan umum di dashboard user

Use case lain:

• instruksi pengisian form
• peringatan sebelum user mengubah URL undangan
• informasi limit upload foto
• panduan singkat pada halaman setting
• notifikasi visual di halaman Gutenberg

1.0.1 - 17 July 2026

• New: Integration with Elementor Custom Fonts.
• Improvement: Fallback to the post title when the post-meta typography preview is empty.

1.0.0 - 8 July 2026

• Initial Release