> ## Documentation Index > Fetch the complete documentation index at: https://foliant-help.iforiti.com/llms.txt > Use this file to discover all available pages before exploring further. # Membuka editor templat > Editor templat terbuka dalam layar penuh di atas halaman Templat, dengan editor visual untuk blok dan editor kode untuk Liquid dan HTML. Editor templat adalah tempat Anda mengubah tampilan dokumen dan isi yang dicetaknya. Editor ini terbuka di jendela layar penuh di atas halaman **Templat**. Sebagian besar templat dapat diedit dengan dua cara: editor **Visual**, tempat Anda menyusun dokumen dari blok tanpa menulis kode, dan editor **Kode**, tempat Anda mengedit Liquid dan HTML templat secara langsung. Apa pun yang Anda ubah, pratinjau halaman ikut diperbarui selama Anda bekerja. ![Editor templat dalam mode Visual](https://mintcdn.com/foliant-dev/AoWxppgqeHqT1nDZ/template-editor/images/editor-overview.png?fit=max\&auto=format\&n=AoWxppgqeHqT1nDZ\&q=85\&s=4c16c3872dcf20e9f32165be1563b3b2) ## Membuka editor 1. Di Foliant, buka **Templat**. 2. Buka menu **Tindakan** pada templat, lalu pilih **Edit Templat**. Anda juga dapat membuka halaman **Pengaturan** templat dan mengklik **Edit Templat** di sana. Editor selalu membuka templat yang sudah ada. Untuk membuat templat baru, gunakan **Buat templat** di halaman Templat terlebih dahulu (lihat [Membuat templat](https://foliant-help.iforiti.com/id/templates/create-a-template.md)). Editor akan terbuka pada templat baru setelah templat dibuat. Untuk menutup editor, gunakan tombol tutup jendela di admin Shopify. Anda akan kembali ke halaman sebelumnya. ## Yang Anda lihat **Bilah atas** menampilkan nama templat dan tindakan berikut: | Tindakan | Fungsinya | | - | - | | **Riwayat** | Membuka riwayat versi templat. Selama riwayat terbuka, tombol ini bertuliskan **Kembali ke editor**. | | **Terbitkan** | Ditampilkan sebagai tombol utama menggantikan Riwayat saat **Wajibkan penerbitan** aktif dan templat memiliki draf yang belum diterbitkan. Lihat [Menyimpan perubahan dan menerbitkan](https://foliant-help.iforiti.com/id/template-editor/save-and-publish.md). | | **Pengaturan templat** | Menutup editor dan membuka halaman pengaturan templat: siapa yang mendapat templat, namanya, jenis dokumen, bahasa, dan pengiriman. | | **Lihat blok sebagai JSON** | Hanya untuk templat visual. Menampilkan blok sebagai data, untuk mengekspor atau mengimpornya. Lihat [Mengekspor dan mengimpor blok sebagai JSON](https://foliant-help.iforiti.com/id/template-editor/export-import-blocks.md). | | **Ganti dengan template awal…** | Mengganti seluruh templat dengan template awal atau desain siap pakai. Tidak ada yang berubah sampai Anda menyimpan. | | **Hapus** | Menghapus templat, setelah Anda mengonfirmasi. | **Baris di bawah bilah atas** berisi: * Pengalih mode: **Visual** dan **Kode**. Lihat [Beralih antara Visual dan Kode](https://foliant-help.iforiti.com/id/template-editor/visual-and-code-modes.md). * **Kertas**, **Bahasa dokumen**, **Bahasa kedua** (templat kode), dan **Format angka** dokumen. Semua ini disimpan bersama templat. Lihat [Pratinjau, ukuran kertas, dan zoom](https://foliant-help.iforiti.com/id/template-editor/preview-paper-and-zoom.md) serta [Tanggal, bahasa, dan terjemahan](https://foliant-help.iforiti.com/id/template-editor/liquid-dates-and-languages.md). * Lencana **Diterbitkan** atau **Draf — perubahan belum diterbitkan**, jika penerbitan diwajibkan. * Lencana **Perubahan belum disimpan** selama ada perubahan yang perlu Anda simpan. * Di editor visual: **Urungkan**, **Ulangi**, **Gaya dokumen**, dan jumlah blok. **Area utama** bergantung pada mode: * **Visual**: palet blok di kiri, halaman di tengah, dan inspektur di kanan. Lihat [Menambah, memindahkan, dan menghapus blok](https://foliant-help.iforiti.com/id/template-editor/add-and-arrange-blocks.md). * **Kode**: editor kode di kiri, dengan referensi **Variabel Liquid** dan **Metafield**, serta pratinjau langsung di kanan. Lihat [Mengedit kode templat](https://foliant-help.iforiti.com/id/template-editor/code-editor.md). Di atas halaman, Anda juga akan menemukan **Pratinjau PDF**, tombol **Tanda Air: aktif** / **Tanda Air: nonaktif** (lihat [Menambahkan tanda air atau stempel](https://foliant-help.iforiti.com/id/template-editor/watermarks.md)), pemilih pesanan pratinjau, dan tombol zoom. ## Editor yang digunakan untuk membuka templat * Templat yang dibuat dari blok terbuka di **Visual** jika paket Anda menyertakan editor visual. Jika tidak, templat terbuka di **Kode**. Lihat [Ketersediaan editor visual menurut paket](https://foliant-help.iforiti.com/id/template-editor/visual-editor-plans.md). * Templat yang ditulis dalam kode terbuka di **Kode**. Anda dapat mengubahnya menjadi blok melalui tab **Visual**. * Templat yang dibuat dari desain yang dibeli terbuka di editor desain. Lihat [Menyesuaikan desain](https://foliant-help.iforiti.com/id/designs/customize-a-design.md). ## Perlu diketahui * Tautan yang keluar dari editor (seperti **Pengaturan templat**, pengaturan branding, atau halaman Paket) akan menutup jendela. Jika ada perubahan yang belum disimpan, Foliant terlebih dahulu meminta Anda memilih **Simpan dan lanjutkan** atau **Buang dan lanjutkan**. * Pada templat faktur dan nota kredit yang sudah menerbitkan dokumen, sebuah banner mengingatkan Anda bahwa perubahan hanya berlaku untuk dokumen yang diterbitkan mulai sekarang. Lihat [Mengunci faktur yang sudah diterbitkan](https://foliant-help.iforiti.com/id/invoices-and-numbering/locked-invoices.md). * Templat yang mencetak satu dokumen untuk semua pesanan yang dipilih (manifes, ringkasan pesanan, daftar pengambilan) memiliki blok dan kolomnya sendiri. Pratinjaunya menggunakan tiga pesanan contoh, dan blok tidak dapat memiliki kondisi. ## Artikel terkait * [Beralih antara Visual dan Kode](https://foliant-help.iforiti.com/id/template-editor/visual-and-code-modes.md) * [Menambah, memindahkan, dan menghapus blok](https://foliant-help.iforiti.com/id/template-editor/add-and-arrange-blocks.md) * [Mengedit kode templat](https://foliant-help.iforiti.com/id/template-editor/code-editor.md) * [Menyimpan perubahan dan menerbitkan](https://foliant-help.iforiti.com/id/template-editor/save-and-publish.md) * [Membuat templat](https://foliant-help.iforiti.com/id/templates/create-a-template.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.