AdminAdministrator
DOUBLE YDIGITAL

Undangan

A
AdminAdministrator

Masuk

Login untuk mengelola undangan.

Undangan

Kelola semua undangan digital dari satu tempat.

Reseller
Buat dulu akun login reseller di Supabase (Authentication → Users → Add user), lalu daftarkan emailnya di sini. Kuota dipotong 1 setiap undangan diaktifkan.
Urutkan:

Memuat...

Template Desain

Koleksi desain siap pakai. Pilih Pakai Template untuk membuat undangan customer baru dari desain ini.

Memuat...

Template

Tema & Warna

Warna utama (panel & blok berwarna)
Warna utama (gelap) — gradasi panel
Warna aksen (emas) — garis, bingkai, tombol, label kecil
Warna aksen (terang) — judul & nama
Warna latar halaman (tidak mengubah teks di panel)

Animasi Buka Undangan

"Gerbang/Pintu Custom" bisa dipakai untuk tema apa pun, bukan cuma gaya Jawa — upload 2 gambar sesuai desainmu sendiri: gambar latar dan 1 gambar pintu (gerbang, pintu kayu, tirai bunga, dll; sisi satunya otomatis dicerminkan). Efek dan urutan animasinya (cover → pintu terbuka → masuk undangan) selalu sama; yang beda cuma gambarnya. Kalau gambar latar atau pintu kosong, undangan otomatis memakai animasi Wipe Standar seperti biasa.

Cukup 1 gambar. Sisi lainnya dibuat otomatis sebagai cerminan (flip horizontal) dari gambar ini, jadi motif kiri dan kanan kembar. Mengganti pilihan sisi tanpa mengunggah ulang akan menukar posisi kiri dan kanan.

Adegan Parallax

Urutan animasi: tamu menekan Buka Undangan → cover meluncur ke atas → bingkai & pintu gerbang terlihat → pintu membuka ke samping → kamera maju menembus bingkai (bingkai & bunga membesar lalu keluar layar) → memudar ke latar section 1 → kartu nama muncul.
Total gambar yang dibutuhkan
• Minimal 4 gambar: 1 pemandangan (JPG), 1 bingkai, 1 pintu (kanannya otomatis dicerminkan), 1 latar section 1.
• Seperti video referensi = 6 gambar: 4 di atas + bunga/merpati depan + burung.
• Opsional tambahan (maks. 9): 2 lapisan tengah + 1 lapisan depan.
Aturan penting: semua file PNG dibuat di kanvas yang sama persis (1080 × 2340 px). Letakkan tiap bagian di posisinya masing-masing, lalu ekspor satu-satu. Dengan begitu semua lapisan otomatis pas tanpa perlu diatur manual.
Kotak-kotak abu-putih pada contoh = area transparan (bolong sungguhan, bukan gambar kotak-kotak).
Contoh Pemandangan di dalam bingkai
contoh
file
JPG · 1440 × 3120 px (boleh lebih besar, makin tajam saat kamera maju)
Satu gambar penuh tanpa transparan: pemandangan yang terlihat di balik pintu (gunung, air terjun, langit). Ini yang membesar paling akhir saat kamera maju, jadi usahakan resolusi tinggi. WAJIB — tanpa ini tema otomatis memakai Wipe Standar.
Contoh Bingkai (dinding + lubang arch)
contoh
file
PNG transparan · 1080 × 2340 px (rasio 9:19,5, sama untuk semua lapisan)
Bagian "dinding" berwarna di sekeliling jendela arch, lengkap dengan hiasan sudut (daun/bunga atas). Bagian dalam jendela dibuat transparan supaya pemandangan di belakangnya terlihat. Bingkai ini yang paling membesar dan keluar layar saat kamera maju.
Contoh Pintu gerbang
contoh
file
PNG transparan · 1080 × 2340 px (rasio 9:19,5, sama untuk semua lapisan)
Upload hanya daun pintu kiri (jeruji/ornamen) di posisinya di dalam jendela, di setengah kiri kanvas; sisanya transparan. Pintu kanan dibuat otomatis dengan mencerminkan file ini, jadi tidak perlu upload yang kanan. Saat dibuka, kedua pintu menyusut ke tepi layar lalu memudar. Kosongkan jika tidak mau ada pintu.
Contoh Latar section 1 (setelah kamera menembus)
contoh
file
JPG · 1080 × 2340 px
Latar pucat/berkabut yang muncul saat pemandangan memudar, sekaligus menjadi background section 1 (foto, nama, tanggal). Ini sama dengan "Background halaman 1"; slot-nya hanya ada di sini supaya tidak terlewat.
Contoh Bunga & merpati depan (bagian bawah)
contoh
file
PNG transparan · 1080 × 2340 px (rasio 9:19,5, sama untuk semua lapisan)
Dekorasi paling depan di sisi bawah (bunga, merpati, daun) yang menutupi bagian bawah bingkai. Saat kamera maju, bagian ini membesar dan terdorong keluar layar. Sisanya transparan.
Contoh Kawanan burung
contoh
file
PNG transparan · 1080 × 2340 px (rasio 9:19,5, sama untuk semua lapisan)
Beberapa burung yang sudah ditata posisinya (di langit pemandangan), sisanya transparan. Muncul saat kamera maju dan melayang pelan kiri-kanan. Sayap tidak mengepak karena PNG diam.
Contoh Lapisan tengah 1 (jauh)
contoh
file
PNG transparan · 1080 × 2340 px (rasio 9:19,5, sama untuk semua lapisan)
Hanya jika ingin kedalaman ekstra (mis. kabut atau bukit jauh). Berada di antara pemandangan dan bingkai, membesar sedikit lebih cepat dari pemandangan.
Contoh Lapisan tengah 2 (dekat)
contoh
file
PNG transparan · 1080 × 2340 px (rasio 9:19,5, sama untuk semua lapisan)
Sama seperti lapisan tengah 1 tetapi lebih dekat ke kamera (mis. pohon atau batu), membesar sedikit lebih cepat lagi.
Contoh Lapisan depan tambahan
contoh
file
PNG transparan · 1080 × 2340 px (rasio 9:19,5, sama untuk semua lapisan)
Ornamen tambahan di depan bingkai (mis. ranting atau daun sudut) yang ikut membesar dan keluar layar.
Posisi pusat jendela arch pada kanvas, dalam persen dari kiri dan atas. Kamera akan maju tepat ke titik ini. Contoh gambar di atas: kiri 50%, atas 45%. Kosongkan jika jendela berada di tengah.
Background halaman (opsional) — latar di belakang section-section setelah adegan. Pergantian background terjadi otomatis saat sebuah panel solid penuh layar (panel/bentuk solid yang sudah ada di undangan, tinggi ≥ 1 layar) lewat di atas layar: sebelum panel pertama = Background 1, setelah panel pertama = Background 2, setelah panel kedua = Background 3. Karena tertutup panel, pergantiannya nyaris tak terlihat. Kosongkan semua untuk memakai latar krem biasa.
Background halaman 1 = gambar nomor 4 di atas.
JPG/PNG tegak (disarankan 1080 × 1920 px). Gambar mengisi layar penuh dan diam saat di-scroll.

Amplop & Wax Seal

Pengaturan pembuka undangan bergaya amplop: tamu mengklik amplop, wax seal pecah, tutup terbuka, lalu kertas undangan naik keluar dari dalam amplop. Tanpa gambar unggahan pun amplop sudah tampil (dibuat otomatis dari warna di bawah). Berlaku setelah disimpan.
Bawaan tema sudah terpasang. Unggah gambar baru untuk mengganti per undangan; "Hapus" mengembalikan ke gambar bawaan tema. Nama, tanggal, dan nama tamu otomatis ditulis di atas gambar (nama di kertas section 1). Gambar cover sebaiknya portrait 9:16 dan section 1 persegi 1:1.
Titik berkedip di wax seal menandai tempat tamu mengklik. Kalau di bawah diisi teks seal, seal teks akan menutupi wax seal bawaan gambar; kosongkan untuk memakai seal dari gambar.
Posisi 56 pas di ujung tutup amplop bawaan. Sesuaikan kalau memakai gambar amplop sendiri.
Nama mempelai dan tanggal di kertas otomatis diambil dari kartu "Nama & Sampul". Tulis satu titik (.) pada kolom teks untuk mengosongkan.
Dipakai kalau kertas dibuat otomatis. Foto potret 3:4 paling pas.
PNG transparan, persegi. Teks seal tetap tampil di atasnya.
Kosong = pakai warna latar.
Lanjutan: pakai gambar amplop & kertas sendiri
Unggah badan amplop dan tutup amplop sekaligus supaya gambar sendiri dipakai (kalau salah satu kosong, amplop otomatis dipakai). Semua lapisan PNG transparan dengan ukuran kanvas yang sama supaya bertumpuk pas. Badan = bagian depan kantong amplop (tutup tidak termasuk). Tutup = lipatan atas dalam posisi tertutup. Bagian dalam = latar belakang amplop yang terlihat saat tutup terbuka (opsional).
PNG transparan.
PNG transparan, kanvas sama dengan badan amplop.
PNG transparan, kanvas sama dengan badan amplop.
Tinggi garis lipatan tutup dari tepi atas kanvas gambar. 0 kalau kanvas dipotong pas di tepi atas amplop.
Kalau diisi, menggantikan kertas otomatis (teks, nama, dan foto di kertas tidak dipakai).

Urutan Section

Atur urutan bagian undangan dari atas ke bawah. Pakai tombol ▲ ▼ atau seret baris (☰) di komputer. Sampul selalu paling atas. Bagian yang sedang dinonaktifkan atau kosong tetap tidak tampil meski ada di daftar.
Sampul (selalu paling atas)

Nama & Sampul

Kecilkan kalau nama mempelai terlalu panjang atau terlalu besar. 100% = ukuran bawaan. Cover dan section 1 diatur terpisah.
Font tulisan tangan otomatis dibesarkan sedikit dan tidak dikapitalkan. Hasil font langsung terlihat di preview kanan.
Tanggal, label tamu, dan teks tombol di sampul diatur di kartu Teks Sampul di bawah.

Posisi Elemen Cover

Geser tiap bagian cover. Hasilnya langsung terlihat di preview (panel kanan) sebelum disimpan. Posisi yang sama dipakai di cover dan section 1, jadi tidak melompat saat undangan dibuka. 0 = posisi bawaan. Tema Amplop: kartu ini hanya mengatur section 1; posisi cover amplop (amplop tertutup) diatur terpisah di kartu Posisi Cover Amplop.
Logo / Inisial (&)
Teks kecil (Wedding Invitation)
Nama mempelai
Tanggal
Teks tambahan di bawah tanggal
Kepada Yth. + nama tamu
Teks tambahan di atas tombol
Tombol Buka Undangan

Posisi Cover Amplop

Khusus tema Amplop: geser teks di cover (amplop tertutup). Pengaturan ini terpisah dari "Posisi Elemen Cover" yang mengatur nama mempelai di section 1, jadi menggeser salah satunya tidak mengubah yang lain. Hasilnya langsung terlihat di preview. 0 = posisi bawaan.
Teks kecil (Wedding Invitation)
Nama mempelai
Kepada Yth. + nama tamu

Gaya Teks (Ukuran & Tebal)

Atur ukuran dan ketebalan setiap teks di undangan. 100% = ukuran bawaan, Bawaan = ketebalan bawaan. Hasilnya langsung terlihat di preview kanan; jangan lupa Simpan.

Teks Sampul

Semua teks di sampul undangan. Tiap kolom sudah terisi teks bawaan template. Tekan tombol Sunting untuk mengubahnya, atau ↺ Bawaan untuk mengembalikan. Hasilnya langsung terlihat di preview. Di semua kolom teks, tulis <br> untuk pindah baris (contoh: Baris 1<br>Baris 2).
Tanggal pada halaman setelah Buka Undangan (section 1) bisa dibuat berbeda dari tanggal di cover. Kosong = sama dengan tanggal cover. Tulis satu titik (.) untuk tidak menampilkan tanggal di halaman itu. Cover tanpa tanggal? Tulis . di "Tanggal di sampul", lalu isi tanggal di kolom ini.
Nama mempelai di sampul diatur di kartu Nama & Sampul di atas.

Teks Pembuka & Kutipan

Salam, pengantar, dan kutipan di bagian mempelai. Judul bagian lain (Love Story, Journey, Galeri, dan seterusnya) ada di tab masing-masing. Semua punya bawaan yang bersifat umum (cocok untuk semua agama). Tekan Sunting untuk mengubah. Tekan Enter untuk pindah baris. Di semua kolom teks, tulis <br> untuk pindah baris (contoh: Baris 1<br>Baris 2).
Hilangkan centang kalau undangan tidak memerlukan ayat. Teks ayat di bawah tetap tersimpan, jadi bisa ditampilkan lagi kapan saja.

Teks Hari Pernikahan, RSVP, Amplop & Penutup

Setiap teks sudah terisi bawaan. Tekan tombol Sunting untuk mengubahnya, atau ↺ Bawaan untuk kembali ke teks bawaan. Di semua kolom teks, tulis <br> untuk pindah baris (contoh: Baris 1<br>Baris 2).

Hari Pernikahan

Counting the Days

Live Streaming

RSVP & Ucapan

Amplop Digital

Tagline

Strip persegi panjang selebar layar di bawah sampul, teks selalu di tengah. Matikan centang kalau tidak ingin menampilkannya.

Foto Mempelai Utama

Dimatikan = foto tetap berbentuk arch, tetapi tanpa garis tepi.

Dekorasi Foto Mempelai

Bunga/ornamen yang menghiasi sekeliling foto mempelai di bagian "Bride & Groom". Gunakan PNG transparan (bagian tengah dikosongkan agar foto tetap terlihat). Posisinya otomatis menempel di tengah-bawah foto, jadi cukup atur lebarnya; geser Kiri/Kanan & Atas/Bawah hanya untuk penyesuaian halus (0 = pas menempel).

"Lihat di preview" menggulir preview ke bagian mempelai. Buka dulu undangan di preview (ketuk tombol Buka Undangan) agar halaman bisa digulir.

Love Story

Ceritakan awal mula pertemuan kalian. Kosongkan kalau tidak ingin menampilkan section ini.

Pisahkan tiap fase dengan satu baris kosong. Di tiap fase, maksimal 2 baris pendek di paling atas (mis. Oktober 2016 dan Where it all began...) otomatis jadi sub-judul. Mau menentukan sendiri? Awali baris dengan #  (mis. # Oktober 2016); kalau ada baris ber-#, hanya baris itu yang jadi sub-judul.

Mempelai

Tampilan nama panggilan

Foto Mempelai Pria & Wanita

Foto yang tampil di bagian mempelai. Journey, Hitung Mundur, dan tema Video otomatis memakai foto ini, kecuali Anda mengunggah foto lain di tab masing-masing.

Hari & Acara

Contoh: Akad Nikah, Resepsi, Ngunduh Mantu, Tasyakuran, Pemberkatan. Urutan bisa diatur dengan tombol panah. Teks yang panjang otomatis turun baris di undangan.

Lokasi

Lokasi utama, dipakai untuk semua acara. Kalau ada acara yang tempatnya berbeda, centang "Tempat acara ini berbeda" pada acara tersebut di kartu Hari & Acara.

Dress Code

Tampilkan bagian "Dress Code" di undangan: upload foto contoh busana, lalu palet warna diambil otomatis dari foto itu. Warna dan namanya bisa diubah manual.
100% = selebar panel (foto tersusun ke bawah). 50% = dua foto bersebelahan. Dipakai sama persis di undangan.

Live Streaming

Tampilkan bagian "Live Moment" di undangan supaya tamu yang tidak bisa hadir dapat menonton acara secara virtual (YouTube Live, Zoom, Instagram Live, dll.).
Isi salah satu atau keduanya. Kalau hanya satu yang diisi, yang tampil di undangan hanya satu. Link kosong tidak ditampilkan.
Pilih Barcode untuk menampilkan QR code dari tiap link di atas. Pilih "Barcode di atas + tombol link" agar tiap acara (Akad dan Resepsi) menampilkan barcode sendiri dengan tombol link tepat di bawahnya. Di bawah QR tetap ada tautan kecil, supaya tamu yang membuka undangan lewat HP bisa langsung membukanya tanpa scan.

Journey — "A journey of love begins"

Teks di bawah foto Journey ada di bagian Teks tampilan paling bawah kartu ini.

Secara default section ini memakai foto mempelai utama di atas. Unggah di sini hanya kalau ingin foto berbeda khusus untuk section ini.

Counting the Days

Tidak perlu upload ulang. Klik wajah/bagian penting pada foto, kotak terang menunjukkan area yang tampil di thumbnail WhatsApp. Berlaku setelah disimpan.

Secara default section ini memakai foto mempelai utama di atas. Unggah di sini hanya kalau ingin foto berbeda khusus untuk section ini.

Aset Dekorasi Tambahan

Aset ini muncul di semua tema. Gunakan PNG transparan agar menyatu dengan desain. Geser gambar di kotak pratinjau untuk memindahkan, atau tarik pojok kanan-bawahnya untuk mengubah ukuran — bisa juga diketik langsung di kolom X / Y / Lebar.

Kalau diisi, gambar ini jadi latar penuh di layar sampul/pembuka — berlaku untuk gaya pembuka apa pun yang dipilih di atas (Wipe Standar maupun Gerbang/Pintu Custom), dengan sedikit gradasi gelap di belakang teks supaya tetap terbaca.

Sama seperti background di atas — otomatis menempel di tepi bawah layar dan menyesuaikan ukuran HP (bukan ukuran fixed), berlaku untuk gaya pembuka apa pun.

Section 1 — halaman setelah “Buka Undangan”

Cover = layar pertama yang ada tombol “Buka Undangan”. Section 1 = halaman yang terbuka setelah tombol itu diklik (sebelum Tagline). Pengaturan di card ini hanya mengubah Section 1. Kolom yang dikosongkan = sama seperti Cover. Teks nama & tanggal tetap satu (dari “Nama & Sampul”).

Kosong = otomatis sama seperti bunga sudut Cover. Di tema Adegan Parallax, bunga sudut & ornamen bawah Section 1 muncul setelah transisi selesai.

Lebar & posisinya mengikuti slider “Ornamen bawah sampul” di card Aset Dekorasi Tambahan.

Animasi Burung (opsional)

Burung terbang menyeberang layar, sekali lewat tepat saat tamu membuka sampul undangan. Bisa berupa GIF atau animasi Lottie (.json) — Lottie lebih tajam dan lebih ringan (disarankan di bawah 500 KB). Kosongkan kalau tidak ingin menampilkan animasi ini.

Tinggal centang: tidak perlu upload apa pun. Kawanan burung terbang melintasi layar saat sampul dibuka. Berlaku di tema/template mana pun dan ikut tersalin ke template. Kalau Anda memilih/upload animasi sendiri di bawah, centang ini otomatis dilepas.

Foto Sisi Kiri (Tampilan Web)

Di laptop/PC, undangan tampil di kolom kanan dan satu foto diam di sisi kiri bersama nama & tanggal. Otomatis memakai foto journey yang sudah ada; upload di sini hanya jika ingin foto lain. Nama & tanggal diambil dari teks sampul, label kecilnya diatur di kartu "Teks Pembuka & Label".

Foto Cover Video

Foto yang tampil di cover undangan tema Video Background. Video baru diputar setelah tamu klik Buka Undangan. Pilih file, atur zoom/posisinya, lalu klik Simpan.
Atur zoom dan posisi foto cover di atas (kotak pratinjau berbentuk layar HP). Foto ini tetap diam sampai tombol Buka Undangan diklik, lalu memudar ke video. Jika dikosongkan, cover berlatar hitam polos (video tidak ditampilkan dalam keadaan berhenti). Lapisan gelap di bawah ikut berlaku di cover.

Background Video

Video diputar di belakang undangan (otomatis, tanpa suara, berulang) dan tetap diam di tengah layar saat undangan di-scroll. Bentuk/panel undangan tetap ada dan bergerak di atas video. Tampil hanya jika tema "Video Background" dipilih di tab Tema & Pembuka.

Belum ada video background.

Foto Mempelai Layar Penuh (Tema Video)

Dipakai di section 2 (mempelai pria) dan section 3 (mempelai wanita) pada tema Video Background: foto memenuhi satu layar, menutupi video, dengan detail mempelai di atasnya. Fotonya diambil dari kartu Foto Mempelai Pria & Wanita di tab Mempelai — atur zoom dan posisinya di sini. Kotak pratinjau berbentuk layar HP.

Musik Latar

Belum ada musik latar.

Galeri Foto Pre-wedding

Geser fotonya langsung untuk mengatur posisi, scroll mouse di atas foto untuk zoom in/out. Slider dipakai untuk zoom, posisi, tinggi, dan lebar foto (1 kolom atau penuh). Hasilnya sama dengan tampilan di undangan.
Mode Penuh menghilangkan bingkai, sudut melengkung, dan panel di sekitar foto, dengan judul di sisi kanan diberi garis. Preview di panel kanan menampilkannya setelah Anda scroll ke bagian galeri.
Kosongkan jika tidak ingin menampilkan video. Jika diisi, video player otomatis muncul selebar panel di atas foto-foto pre-wedding.
Urutan foto di sini = urutan di undangan. Tahan ⠿ Geser urutan lalu seret ke kartu lain, atau pakai tombol ◀ ▶. Klik Simpan untuk menerapkan.

Amplop Digital (Kado)

Nonaktif (default): tamu menekan tombol dulu untuk memunculkan rekening & alamat hadiah. Aktif: rekening langsung terlihat dan tombol disembunyikan.

Logo Inisial Sampul

Kosongkan jika ingin tetap memakai tanda & seperti default.

Segel & Pembatas Emas

Dua gambar dekorasi yang tampil di bagian Hari Pernikahan.

Formulir RSVP

Tamu mengisi nama, kehadiran, jumlah orang, dan ucapan di bagian RSVP undangan. Teks formulirnya sudah terisi bawaan; ubah bila perlu. Ucapan yang masuk tampil di kartu bawah ini.

Tamu & Kunci

Jika aktif, undangan hanya bisa dibuka lewat link khusus tiap tamu. Link terkunci pada perangkat yang pertama membukanya (maksimal sesuai jumlah perangkat yang dipilih). Link umum tanpa kode tidak akan membuka undangan. Saat Anda login sebagai admin, pratinjau tetap bisa dibuka tanpa memakai slot perangkat.

Memuat...

Ucapan Tamu

Memuat...

Live RSVP & Export

Aktifkan agar customer bisa melihat tabel RSVP (nama, kehadiran, jumlah orang, pesan) lewat satu link khusus yang diperbarui otomatis. Customer hanya bisa melihat, tidak bisa mengubah atau menghapus.