Skip to main content
Editor tema adalah tempat Anda mengubah isi dan susunan halaman toko online: banner, judul, produk unggulan, dan teks. Setiap perubahan langsung terlihat di preview, lalu tampil di toko setelah Anda klik Simpan.

Sebelum mulai

  • Buka editor dari Tema → Sesuaikan. Lihat Tema.
  • Editor hanya bisa dibuka di layar yang lebar, misalnya laptop atau tablet mendatar. Di HP muncul pesan “Silakan akses editor tema di layar yang lebih besar”.
  • Mengubah tema Default berarti mengubah toko yang sedang dilihat pembeli, setelah Anda klik Simpan. Untuk persiapan yang lama, ubah tema lain dulu, lalu jadikan Default saat siap. Pengecualiannya Custom Page: header, footer, dan isinya milik toko, jadi perubahannya langsung terlihat di Custom Page toko dari tema mana pun.
Pesan Silakan akses editor tema di layar yang lebih besar di HP

Pesan saat editor dibuka di HP.

Mengenal editor

Halaman toko tersusun dari section (bagian besar, misalnya banner atau daftar produk). Di dalam section ada block (isi kecil, misalnya judul, teks, atau tombol).
Editor tema dengan pilihan halaman, tombol preview desktop dan HP, serta tombol Simpan ditandai

Editor tema dengan Layout Halaman di kiri dan preview di kanan.

Header dan Footer berlaku di semua halaman toko. Mengubah announcement bar atau footer di Home Page juga mengubahnya di halaman produk, keranjang, dan Custom Page. Section di Template hanya berlaku di halaman yang sedang dibuka. Untuk logo, warna, huruf, dan tampilan checkout, lihat Atur tema.

Mengganti konten contoh template

Tema baru berisi konten contoh: teks berbahasa Inggris seperti “Browse our latest products”, “Your collection’s name”, dan produk contoh. Pembeli juga melihat konten ini sampai Anda menggantinya. Mulailah dari Home Page.

Mengubah section

1

Klik nama section

Di Layout Halaman, klik nama section, misalnya Image Banner. Panel kiri berganti menjadi pengaturan section itu, dan section yang dipilih diberi garis biru di preview.
2

Ubah isinya

Misalnya klik kotak First image untuk mengunggah foto banner. Disarankan foto dengan rasio 3:2. Preview langsung berubah, dan di atas editor muncul “Anda memiliki perubahan yang belum disimpan. Klik Simpan untuk menyimpan.”
Pengaturan Image Banner dengan kotak First image berisi foto baru ditandai

Pengaturan section Image Banner.

3

Kembali ke Layout Halaman

Klik panah kembali di samping judul section.

Mengubah block

1

Buka daftar block

Klik panah › di samping nama section. Block di dalamnya muncul di bawahnya, misalnya Heading dan Buttons. Klik nama block.
Layout Halaman dengan Image Banner terbuka, block Heading ditandai

Block di dalam Image Banner.

2

Ketik isi baru

Ganti teksnya, misalnya Koleksi Lebaran 2026. Preview langsung menampilkan teks baru.
Pengaturan block Heading berisi Koleksi Lebaran 2026 dan preview banner yang sudah berubah

Mengubah judul banner.

Saat section atau block dipilih, preview menampilkan tombol kecil untuk duplikat dan hapus di bawahnya.

Menambah, mengurutkan, dan menghapus section

Menambah section

1

Arahkan mouse ke tepi section

Arahkan mouse ke tepi atas atau bawah sebuah section di Layout Halaman. Muncul garis putus-putus dengan tombol +. Klik +.
Garis putus-putus dengan tombol plus di bawah Featured Collection ditandai

Tombol + untuk menambah section di antara dua section.

2

Pilih section

Di Pilih Section, klik jenis section, misalnya Rich Text. Section baru masuk di posisi garis tadi, lengkap dengan block contoh yang bisa Anda ubah.
Jendela Pilih Section dengan Rich Text ditandai

Daftar section yang bisa ditambahkan.

Block ditambahkan dengan cara yang sama: arahkan mouse ke tepi sebuah block, lalu klik +. Kalau section belum punya block, klik Tambah Block di bawahnya.

Mengurutkan section dan block

Tarik ikon ≡ di kiri nama section atau block ke posisi baru.

Menghapus dan menyembunyikan

Arahkan mouse ke nama section atau block. Di kanannya muncul dua ikon:
Ikon tempat sampah dan ikon mata di samping Featured Collection ditandai

Ikon hapus dan mata di samping section.

Untuk menghilangkan section dari toko, pakai ikon tempat sampah. Ikon mata cukup untuk mencoba tampilan di preview. Section wajib tidak punya ikon hapus, misalnya Header, Footer, serta Product Information dan Related Products di halaman Products. Product Information punya ikon panah melingkar untuk mengembalikan section ke pengaturan awal, dengan konfirmasi “Reset section ke pengaturan awal (default)?”.

Mengedit halaman lain

Klik pilihan halaman di atas preview, misalnya Home Page, lalu pilih halaman lain.
Pilihan halaman terbuka dengan Home Page, Products, All Collection, Collection List, Cart, Search, 404 Page, Thank You, dan Custom Page

Halaman yang bisa diedit.

Klik Simpan sebelum pindah ke halaman lain supaya perubahan aman.

Melihat tampilan di HP

Klik ikon HP di atas preview. Preview berubah ke ukuran HP, tempat sebagian besar pembeli berbelanja. Klik ikon monitor untuk kembali ke desktop.
Editor dengan preview ukuran HP dan ikon HP ditandai

Preview tampilan HP.

Menyimpan, Reset, dan keluar

  • Simpan: semua perubahan tersimpan dan muncul pesan “Tema telah disimpan.” Kalau tema ini Default, toko langsung berubah.
  • Reset: konfirmasi “Reset semua perubahan yang belum disimpan?”. Semua perubahan sejak terakhir disimpan dibuang.
  • Keluar (panah kiri atas): kalau masih ada perubahan yang belum disimpan, muncul “Ada perubahan yang belum disimpan. Lanjutkan?”. Klik Batal untuk kembali dan menyimpan dulu.
Pesan hijau Tema telah disimpan di atas preview

Pesan setelah Simpan.

Nova, asisten AI tema Coming Soon

Tombol AI (Tanya Nova) akan membantu mengubah tema lewat perintah tertulis, misalnya “ganti warna tombol jadi hijau”. Fitur ini memerlukan paket dengan Nova, dan karyawan memerlukan izin asisten AI. Tombol AI hanya tampil kalau fitur ini aktif untuk toko Anda.

Siapa yang boleh mengatur

Owner, atau karyawan dengan izin Mengelola Toko Online di Grup Hak Akses.

Pesan yang mungkin muncul

Tips

  • Ganti konten contoh di semua halaman yang dilihat pembeli, minimal Home Page dan Products.
  • Simpan berkala saat mengedit banyak bagian.
  • Setelah menyimpan, buka toko di HP untuk memastikan tampilannya rapi.

Langkah berikutnya

Atur tema

Logo, warna, huruf, dan checkout.

Menu dan Custom Page

Susun menu toko dan buat halaman sendiri.