Menggunakan Template Editor
Template Editor adalah kanvas drag-and-drop untuk mendesain tampilan visual sertifikat Anda. Anda dapat membangun template dari awal atau mulai dari desain yang sudah jadi di library sistem.
Membuka Editor
Buka Template di sidebar, lalu klik Template Baru untuk membuka kanvas kosong, atau klik template yang sudah ada untuk mengeditnya.
Antarmuka Editor
Editor memiliki empat area utama:
| Area | Lokasi | Fungsi |
|---|---|---|
| Toolbar kiri | Strip paling kiri | Beralih antara alat elemen dan layers |
| Panel kiri | Kolom kiri | Panel kontekstual untuk alat aktif (Templates, Text, Shapes, dll.) |
| Kanvas | Tengah | Permukaan desain sertifikat |
| Top bar | Atas | Format kanvas, zoom, preview, simpan, dan ekspor |
Format Kanvas
Saat membuat template baru, pilih ukuran kanvas:
| Format | Dimensi (px) |
|---|---|
| A4 Landscape | 1123 × 794 |
| A4 Portrait | 794 × 1123 |
| US Letter Landscape | 1056 × 816 |
| US Letter Portrait | 816 × 1056 |
| Full HD | 1920 × 1080 |
| HD | 1280 × 720 |
Menambahkan Elemen
Gunakan toolbar kiri untuk memilih alat, lalu klik atau seret ke kanvas untuk menambahkan elemen. Setiap elemen dapat dipindahkan, diubah ukurannya, dan dirotasi dengan bebas.
Teks (Statis)
Teks statis yang sama di setiap sertifikat — gunakan ini untuk judul seperti "Sertifikat Kelulusan" atau tagline organisasi Anda.
Opsi styling: jenis font, ukuran font, tebal, miring, garis bawah, coretan, warna teks, perataan (kiri / tengah / kanan), tinggi baris.
Font yang tersedia: Arial, Georgia, Marcellus, Poppins, Montserrat, Great Vibes, Satisfy, MonteCarlo.
Teks Dinamis
Teks yang berubah per sertifikat. Saat menambahkan elemen teks dinamis, Anda memilih variabel yang akan digantikan pada saat penerbitan.
Variabel bawaan:
| Variabel | Diisi dengan |
|---|---|
recipient.name |
Nama lengkap penerima |
recipient.email |
Alamat email penerima |
certificate.id |
ID kustom sertifikat |
certificate.issued_on |
Tanggal sertifikat diterbitkan |
certificate.expired_on |
Tanggal kedaluwarsa sertifikat (jika diatur) |
issuer.name |
Nama di profil issuer Anda |
Variabel kustom: Anda dapat mendefinisikan variabel sendiri dengan memberi nama custom.<apapun>, misalnya custom.nama_kursus atau custom.nilai. Saat menerbitkan, Anda akan melihat kolom untuk setiap variabel kustom di spreadsheet penerbitan.
Kode QR
Kode QR yang dibuat otomatis untuk setiap sertifikat dan mengarah ke halaman verifikasi publik. Selalu terikat ke variabel generated.qr_code — Anda tidak perlu mengkonfigurasi URL secara manual.
Opsi styling: warna latar belakang, border radius, padding, warna border, lebar border.
Bentuk (Shape)
Tambahkan dekorasi geometris: persegi, lingkaran, oval, segitiga, atau garis. Setiap bentuk memiliki warna isi, lebar stroke, dan warna stroke.
Gambar
Unggah gambar statis (PNG, JPEG, WebP) untuk disematkan di template — biasanya digunakan untuk logo atau watermark latar belakang.
Tanda Tangan
Elemen khusus untuk menambahkan gambar tanda tangan ke sertifikat.
Bekerja dengan Layers
Setiap elemen berada pada sebuah layer. Buka panel Layers di toolbar kiri untuk melihat daftar semua elemen, mengganti namanya, mengurutkannya, menguncinya, atau mengalihkan visibilitasnya. Elemen yang lebih tinggi dalam daftar layers tampil di depan elemen yang lebih rendah.
Menyimpan Template
Saat siap menyimpan, klik Save di top bar. Anda akan diminta memasukkan nama template jika belum pernah disimpan sebelumnya.
Jika Anda mengedit template yang sudah digunakan untuk menerbitkan sertifikat, dialog peringatan akan muncul:
- Sertifikat yang sudah ada tidak terpengaruh — dibuat dengan versi sebelumnya
- Penerbitan baru akan menggunakan template yang diperbarui
Untuk menyimpan versi lama dan baru, simpan template yang diedit dengan nama baru.
Menggunakan Library Sistem
Panel kiri memiliki dua tab: My Templates (template Anda) dan Library (template sistem siap pakai). Di tab Library Anda dapat melihat preview template apa pun dan klik Use Template untuk menyalinnya ke akun Anda sebagai titik awal.
Preview dan Ekspor
- Preview — di top bar, merender preview lengkap template dengan nilai placeholder
- Export HTML — menghasilkan file HTML yang digunakan Credenza untuk membuat PDF saat penerbitan (ini terjadi otomatis; Anda jarang perlu memicunya secara manual)