Editor Undangan Digital — Builder Undangan Online

1 Jenis Acara

Setiap jenis acara punya tema warna, font, dan data contoh sendiri. Data tiap tema tersimpan terpisah — berpindah tema tidak menghapus isian tema lain.

2 Tamu & Judul Acara

Nama Tamu

Judul Acara (tampil di cover)

Sapaan / Pembuka

Teks Kutipan / Ucapan

3 Pihak 1

Label

Nama Lengkap

Label Hubungan

Nama Orang Tua

URL Foto (opsional)

4 Pihak 2

Label

Nama Lengkap

Label Hubungan

Nama Orang Tua

URL Foto (opsional)

5 Waktu & Tempat

Tanggal

Jam

Nama Acara

Nama Tempat

Alamat Lengkap

Link Google Maps (opsional)

6 Galeri Foto

Isi emoji + label saja untuk placeholder gradient. Tambahkan URL gambar bila punya (gagal muat otomatis kembali ke placeholder).

EmojiLabelURL Gambar

7 Hadiah Digital

Boleh lebih dari satu rekening/e-wallet. Tombol salin otomatis muncul di undangan.

JenisNomorAtas Nama

8 Musik Latar

Unggah lagu (MP3/WAV) maksimal 1.5MB, atau masukkan URL audio. File akan ditanam langsung ke HTML (tanpa hosting luar).

File Lagu Lokal (Maks 1.5MB)

Atau URL Lagu Eksternal

9 Pengaturan RSVP (WhatsApp)

Jika diisi, ketika tamu menekan tombol "Kirim Ucapan", konfirmasi kehadiran akan otomatis dikirimkan ke nomor WhatsApp Anda.

Nomor WhatsApp (Awali dengan 62)

10 Link Per Tamu

Buat link undangan personal dengan parameter ?to=Nama+Tamu. Link di bawah mengarah ke file undangan hasil unduhan/hosting.

Nama Tamu

Bulk — daftar nama (satu per baris)

Catatan hosting: link ?to= baru berfungsi setelah file undangan (undangan-<tema>.html) di-hosting, misalnya di GitHub Pages, Netlify, atau Vercel. Saat dibuka langsung dari komputer, link akan mengarah ke file lokal — tetap bisa dipakai untuk pratinjau.

11 Perubahan Data

Proyek tersimpan otomatis di browser (localStorage) setiap kali Anda mengetik. Ekspor JSON untuk cadangan atau pindah perangkat.

Editor Undangan Digital · vanilla JS · tanpa build tool

390 × 844