Skip to Content
Studio & templateRingkasan

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.

Untuk Client dengan akses edit pada undangan yang ditugaskanArea Studio undangan pelanggan

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

PanelFungsi
Komponen undanganDaftar blok yang bisa ditarik ke canvas.
LayersStruktur semua elemen, untuk memilih elemen yang tertumpuk.
Canvas undanganArea desain utama. Klik untuk memilih, klik ganda untuk mengedit teks.
Layout & stylePengaturan elemen terpilih: Layout, Tipografi, Tampilan.
Toolbar proyekSimpan draft undangan dan Buka ulang versi server.

Langkah 1: Buka Studio

  1. Dari Undangan saya, pilih Edit undangan pada undangan yang benar.
  2. Pilih Buka Studio — fullscreen.
  3. Tunggu sampai muncul status Draft privat dibuka, versi … Bukan publikasi. Artinya versi server sudah dimuat.

Langkah 2: Ubah teks dan layout

  1. Pilih elemen teks di canvas atau lewat Layers, lalu klik ganda untuk mengedit.
  2. Tempelan dari clipboard menjadi teks biasa. Format dari Word atau web tidak ikut.
  3. Untuk menambah bagian, tarik blok dari Komponen undangan: Cover undangan, Salam dan pengantar, Nama penerima, Informasi acara, Penutup, Teks, atau Layout undangan.
  4. Atur elemen terpilih di Layout & style.
  5. Pakai Duplikat, Tampil/sembunyi, atau Hapus sesuai kebutuhan. Undo/Redo membatalkan atau mengulang perubahan di sesi ini saja.
  6. 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

  1. Di Gambar lokal, isi Teks alternatif (deskripsi gambar untuk pembaca layar).
  2. Pilih file lewat Tambah gambar lokal: PNG, JPEG, atau WebP.
  3. 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

  1. Pilih Pratinjau visual statis untuk melihat susunan. Pratinjau ini tidak menjalankan custom code. Tutup dengan Tutup pratinjau.
  2. Pilih Simpan draft undangan dan tunggu Draft privat tersimpan, versi … Bukan publikasi.
  3. Kalau ada perubahan baru yang belum tersimpan, simpan lagi.
  4. Opsional: Export JSON lokal untuk menyimpan salinan desain di perangkatmu.
  5. Pilih Buka ulang versi server dan pastikan isinya sesuai.
  6. 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

GejalaPenyebabSolusi
Gambar ditolakFile melebihi batas ukuran atau format tidak didukungKompres atau perkecil gambar di luar editor, lalu coba lagi.
Simpan ditolak karena konflikAda simpanan lebih baru dari sesi lainExport JSON lokal dulu, lalu ikuti panduan konflik.
Editor tiba-tiba kosongSesi atau akses berakhir, sehingga editor dibersihkan demi keamananMasuk lagi di toko yang benar. Perubahan yang belum tersimpan tidak bisa dipulihkan.
Template kosong atau nonaktifKatalog template tidak tersedia untuk editor iniLanjutkan draft yang ada, atau lihat memulai ulang desain.
Dokumen Studio tidak validFormat dokumen bermasalahHubungi toko. Jangan menimpanya dari editor lain.

Butuh efek khusus? Lihat HTML, CSS, dan JavaScript.