Mengedit undangan di Studio
Studio adalah editor visual layar penuh untuk mengatur desain undangan dengan bebas: menggeser elemen, mengatur layout, dan menambah gambar. Kalau layarmu menampilkan formulir dengan tab Blok/Warna/Tema/Musik, pakai panduan editor formulir.
Intinya
Edit di canvas, simpan lewat Simpan draft undangan, lalu cek hasilnya dengan Buka ulang versi server. Apa yang terlihat di canvas baru aman setelah tersimpan di server.
Cara kerjanya
Studio bekerja dengan dua salinan desain:
- Salinan lokal: yang sedang kamu edit di browser. Hilang kalau tab ditutup sebelum disimpan.
- Versi server: yang tersimpan di akunmu. Setiap kali disimpan, nomor versinya bertambah.
Saat kamu menyimpan, salinan lokal dikirim ke server dan menjadi versi baru. Kalau orang lain menyimpan lebih dulu dari sesi lain, Studio menolak simpananmu agar pekerjaan orang itu tidak tertimpa. Ini disebut konflik versi. Lihat panduan simpan.
Editor yang terbuka mengikuti format dokumen yang tersimpan. Undangan yang dibuat dengan editor formulir tidak otomatis pindah ke Studio.
Kenali panel Studio
| Panel | Fungsi |
|---|---|
| Komponen undangan | Daftar blok yang bisa ditarik ke canvas. |
| Layers | Struktur semua elemen, untuk memilih elemen yang tertumpuk. |
| Canvas undangan | Area desain utama. Klik untuk memilih, klik ganda untuk mengedit teks. |
| Layout & style | Pengaturan elemen terpilih: Layout, Tipografi, Tampilan. |
| Toolbar proyek | Simpan draft undangan dan Buka ulang versi server. |
Langkah 1: Buka Studio
- Dari Undangan saya, pilih Edit undangan pada undangan yang benar.
- Pilih Buka Studio — fullscreen.
- Tunggu sampai muncul status Draft privat dibuka, versi … Bukan publikasi. Artinya versi server sudah dimuat.
Langkah 2: Ubah teks dan layout
- Pilih elemen teks di canvas atau lewat Layers, lalu klik ganda untuk mengedit.
- Tempelan dari clipboard menjadi teks biasa. Format dari Word atau web tidak ikut.
- Untuk menambah bagian, tarik blok dari Komponen undangan: Cover undangan, Salam dan pengantar, Nama penerima, Informasi acara, Penutup, Teks, atau Layout undangan.
- Atur elemen terpilih di Layout & style.
- Pakai Duplikat, Tampil/sembunyi, atau Hapus sesuai kebutuhan. Undo/Redo membatalkan atau mengulang perubahan di sesi ini saja.
- Bandingkan tampilan Desktop dan Mobile.
Beberapa elemen, seperti Nama penerima dan tanggal acara, terhubung ke data. Di canvas elemen itu menampilkan teks contoh, dan baru terisi data asli di undangan tamu.
Langkah 3: Tambahkan gambar
- Di Gambar lokal, isi Teks alternatif (deskripsi gambar untuk pembaca layar).
- Pilih file lewat Tambah gambar lokal: PNG, JPEG, atau WebP.
- Atur ukuran di Lebar gambar dan Tinggi gambar (
auto,px, atau%), pilih Mode gambar, lalu Terapkan ukuran gambar terpilih.
Batas file: maksimal 1 MiB, 2048 piksel per sisi, dan 2 megapiksel. Gambar disimpan di dalam dokumen desain, jadi batasnya ketat: setiap gambar hasil olahan maksimal 128 KiB, maksimal 16 gambar, dan total cadangan JSON maksimal 256 KiB. Studio tidak mengecilkan gambar otomatis, jadi kompres dulu sebelum diunggah.
Langkah 4: Simpan dan cek
- Pilih Pratinjau visual statis untuk melihat susunan. Pratinjau ini tidak menjalankan custom code. Tutup dengan Tutup pratinjau.
- Pilih Simpan draft undangan dan tunggu Draft privat tersimpan, versi … Bukan publikasi.
- Kalau ada perubahan baru yang belum tersimpan, simpan lagi.
- Opsional: Export JSON lokal untuk menyimpan salinan desain di perangkatmu.
- Pilih Buka ulang versi server dan pastikan isinya sesuai.
- Pilih Tutup Studio untuk kembali.
Kalau berhasil
Perubahan tetap ada setelah Buka ulang versi server. Tombol publikasi tidak tersedia di Studio pelanggan. Menyimpan tidak menerbitkan undangan.
Kalau ada masalah
| Gejala | Penyebab | Solusi |
|---|---|---|
| Gambar ditolak | File melebihi batas ukuran atau format tidak didukung | Kompres atau perkecil gambar di luar editor, lalu coba lagi. |
| Simpan ditolak karena konflik | Ada simpanan lebih baru dari sesi lain | Export JSON lokal dulu, lalu ikuti panduan konflik. |
| Editor tiba-tiba kosong | Sesi atau akses berakhir, sehingga editor dibersihkan demi keamanan | Masuk lagi di toko yang benar. Perubahan yang belum tersimpan tidak bisa dipulihkan. |
| Template kosong atau nonaktif | Katalog template tidak tersedia untuk editor ini | Lanjutkan draft yang ada, atau lihat memulai ulang desain. |
| Dokumen Studio tidak valid | Format dokumen bermasalah | Hubungi toko. Jangan menimpanya dari editor lain. |
Butuh efek khusus? Lihat HTML, CSS, dan JavaScript.