Tema Toko & POS
Gunakan tema untuk mengatur gaya tampilan etalase online dan aplikasi POS Anda. Tema etalase dan tema POS dipilih terpisah, sehingga etalase bisa tampil elegan sementara kasir tetap memakai tampilan yang paling cepat untuk bekerja.
Pilih tema etalase dari halaman Shop Config di Dashboard web atau dari Profil Toko di aplikasi Dashboard di ponsel, dan pilih tema POS dari halaman POS Config (di web maupun di ponsel). Tema tersedia gratis di semua paket.
Pembaruan tema
Rilis ini menambah tema POS Bento dan menjadikannya tema POS bawaan. Toko baru langsung memakai Bento, dan toko yang memakai tema POS Klasik otomatis pindah ke Bento. Toko yang sudah memilih tema POS lain tidak berubah, dan Klasik tetap bisa dipilih kapan saja. Kini ada lima belas tema POS. Tema etalase tidak berubah di rilis ini. Lihat Tema POS.
Rilis sebelumnya menambah enam tema etalase untuk dunia pendidikan: Kampus, Papan Tulis, Buku Tulis, Krayon, PAUD Ceria, dan Akademi, dalam kelompok baru Pendidikan. Kini ada tiga puluh delapan tema etalase dalam empat kelompok, yaitu Populer, Gaya, Pendidikan, dan Musiman. Rilis-rilis sebelumnya sudah menghadirkan Galeri, Sorotan, Blok Warna, Segar, Mewah, Anggun, Neon, Kriya, Merdeka, Pesta Diskon, Noir, Neo, Pasar, Alami, Bento, Swiss, Retro, Nusantara, Aurora, Kawaii, Terminal, Editorial, Ramadan, Onyx, Lembut, Grosir, Sosial, dan Dinamis untuk etalase serta Malam, Mono, Neo, Kontras Tinggi, Ubin Warna, Aurora, Struk, Kawaii, Lembut, Grosir, dan Pro untuk POS. Setiap tema kini berlaku di seluruh tombol, kartu, kolom isian, label, jendela pop-up, dan halaman, sehingga setiap tema terasa benar-benar berbeda. Nama tombol dan tampilan halaman bisa sedikit berbeda dari penjelasan di bawah, tetapi cara kerjanya sama.
Apa yang diubah oleh tema
Tema lebih dari sekadar warna. Setiap tema mengatur:
- font — jenis huruf judul dan teks
- sudut — seberapa bulat sudut kartu produk, tombol, chip, label, dan kolom isian, dari siku sepenuhnya hingga berbentuk pil
- jarak — kelonggaran ruang antar-elemen, dari lega hingga rapat
- warna netral — warna latar halaman, permukaan kartu, garis tepi, dan teks pendukung, termasuk latar gelap pada tema gelap
- garis tepi dan bayangan — tanpa garis, garis tipis, atau garis tebal, serta bayangan lembut atau bayangan tajam
- gaya komponen — misalnya bentuk tombol, kolom pencarian, menu bawah, pengatur jumlah, label promo, dan jendela pop-up
- tata letak — misalnya posisi logo di header, gaya kartu produk, dan jumlah kolom produk
Tema berlaku di semua bagian etalase dan aplikasi POS, bukan hanya di halaman utama. Jadi pada tema bersudut siku, tidak ada tombol atau kartu yang tetap membulat, dan pada tema gelap, tidak ada permukaan yang tetap putih.
Warna utama (Main Color) tetap berlaku di atas tema apa pun. Tombol, harga, dan aksen lain tetap memakai warna merek Anda. Jadi Anda cukup memilih gaya, lalu warna merek Anda menyesuaikan sendiri.
Tema Klasik adalah tema bawaan untuk etalase. Tampilannya sama persis dengan tampilan Etalasse sebelum fitur tema hadir, jadi etalase toko yang tidak mengubah apa pun tidak akan melihat perbedaan.
Tema bawaan untuk POS adalah Bento. Toko baru langsung memakai Bento, dan toko yang sebelumnya memakai tema POS Klasik sudah dipindahkan ke Bento. Jika kasir Anda lebih suka tampilan lama, pilih kembali Klasik di halaman POS Config. Toko yang sudah memilih tema POS lain tetap memakai pilihannya.
Tema etalase
Tema etalase mengubah tampilan etalase online yang dilihat pelanggan saat menjelajah dan memesan produk.
Etalase hanya memuat tema yang Anda pilih, jadi bertambahnya pilihan tema tidak membuat toko Anda lebih lambat.
Ada tiga puluh delapan tema etalase, dibagi menjadi empat kelompok agar mudah dipilih. Pemilih tema di Dashboard, baik di web maupun di ponsel, menampilkan kelompok yang sama:
- Populer — tema serbaguna yang cocok untuk banyak jenis toko. Mulai dari sini jika Anda belum yakin
- Gaya — tema dengan karakter kuat untuk jenis usaha atau gaya brand tertentu
- Pendidikan — tema untuk sekolah, kampus, lembaga kursus, bimbel, guru, toko ATK, dan perlengkapan anak sekolah
- Musiman — tema untuk kampanye tertentu, yaitu Ramadan, Merdeka, dan Pesta Diskon. Nyalakan selama kampanye, lalu kembalikan ke tema sebelumnya. Lihat Saran memilih tema
Populer
| Tema | Cocok untuk | Ciri khas |
|---|---|---|
| Klasik | Semua jenis toko | Tampilan Etalasse yang sudah dikenal, tanpa perubahan |
| Butik | Fashion, aksesori, kecantikan, dan gaya hidup | Elegan dan lega: judul ber-font serif, latar putih gading yang hangat, dan semua sudut siku, termasuk tombol, chip, label, dan tombol keranjang. Logo di tengah header, judul bagian dan tombol utama berhuruf kapital, kartu produk tanpa bingkai dengan gambar tegak dan nama di tengah bawah gambar, kolom isian bergaris bawah saja, dan ruang yang longgar |
| Ceria | Kuliner, camilan, mainan, dan produk anak | Bulat dan ramah: kartu sangat bulat, tombol, chip, dan kolom isian berbentuk pil, header berwarna utama dengan sudut bawah membulat, latar diberi sentuhan tipis warna utama, bayangan lembut, harga tebal, dan tombol tambah "+" yang bulat |
| Modern | Gadget, elektronik, dan retail umum | Bersih dan tegas: latar putih bersih, garis tepi tipis di semua elemen, sudut kecil yang seragam tanpa bentuk pil sama sekali, tombol datar yang ringkas, logo di kiri header dengan kolom pencarian yang selalu terlihat, dan kisi produk lebih rapat (satu kolom lebih banyak mulai dari layar tablet) |
| Pasar | Toko dengan banyak promo dan diskon | Penuh promo ala marketplace: header penuh warna utama dengan kolom pencarian putih di dalamnya, latar abu-abu yang memisahkan kartu tanpa bingkai, kisi dua kolom yang rapat, label diskon merah di pojok kiri atas kartu, harga tebal berwarna utama dengan harga lama dicoret, dan tombol masukkan keranjang serta beli sekarang yang berdampingan |
| Onyx | Semua jenis toko yang ingin tampilan gelap | Mode gelap modern untuk semua jenis toko. Tema gelap: latar hitam, kartu abu-abu gelap yang sedikit lebih terang dari latar, teks putih, garis tepi tipis, dan tanpa bayangan. Bersih, netral, dan fokus pada produk, berbeda dari Noir yang mewah dan Terminal yang bergaya konsol. Gambar produk bersudut bulat, chip berupa kontrol bersegmen gelap, tombol aksi terisi warna utama dengan ikon, harga putih tebal dengan harga diskon berwarna utama, header gelap berisi logo, pencarian, dan ikon, serta menu bawah gelap semi-transparan dengan ikon aktif berwarna utama dan titik kecil |
| Lembut | Kecantikan, fashion, kuliner, dan kado | Lembut, ramah, dan membulat: latar putih hangat, kartu putih sangat bulat tanpa garis tepi dengan bayangan lembut, serta tombol, chip, dan label berbentuk pil. Setiap kartu produk punya latar pastel lembut yang bergantian di antara empat warna turunan warna utama. Kategori tampil sebagai lingkaran dengan cincin pada kategori yang aktif, judul bagian tebal dengan tombol pil "Lihat semua", tombol aksi berbentuk pil dengan ikon, menu bawah putih dengan sorotan pil di belakang menu yang aktif, dan jendela pop-up dengan sudut atas yang sangat bulat |
| Grosir | Sembako, grosir, apotek, suku cadang, dan toko kelontong | Katalog daftar yang cepat: produk tampil sebagai baris rapat, bukan kisi. Setiap baris berisi gambar kecil, nama, satuan atau varian, info stok (misalnya "Stok 12"), harga, dan tombol tambah yang langsung berubah menjadi pengatur jumlah − 1 + di baris itu. Baris dikelompokkan di bawah judul kategori yang tetap terlihat saat digulir, kategori tampil sebagai deretan chip, kolom pencarian besar dan mencolok, sudut kecil, dan bilah keranjang selalu menampilkan jumlah barang dan totalnya. Cocok untuk toko dengan sangat banyak produk |
| Sosial | Toko yang jualan lewat Instagram dan TikTok | Gaya feed media sosial: latar putih dan header berisi nama toko tebal dengan ikon, seperti aplikasi media sosial. Kategori tampil sebagai lingkaran story dengan cincin gradasi warna utama. Setiap produk tampil sebagai postingan: baris atas berisi avatar dan nama toko serta kategori, gambar persegi selebar layar, baris aksi (♡ untuk menyimpan ke wishlist, tombol bagikan, dan tombol keranjang), lalu harga tebal dan nama produk sebagai keterangan, plus tautan "Lihat detail". Satu kolom di ponsel dan kisi persegi tiga kolom mulai dari layar tablet, seperti grid profil. Menu bawah hanya berisi ikon, dengan ikon terisi pada menu yang aktif |
| Galeri | Fashion, dekorasi rumah, seni, dan florist | Lookbook bergaya galeri yang mengutamakan foto: latar putih bersih, teks hitam, dan semua sudut siku. Produk tampil dalam kisi bergaya masonry: foto tetap dengan proporsi aslinya dan tersusun berselang-seling dalam dua kolom di ponsel serta tiga hingga empat kolom mulai dari layar tablet. Tanpa kotak kartu, hanya nama dan harga berukuran kecil di bawah foto. Header tipis dengan logo di tengah, judul bagian berhuruf kapital kecil yang renggang, dan di etalase versi web foto sedikit membesar saat disorot |
| Sorotan | Brand dengan sedikit produk, seperti skincare, parfum, dan biji kopi | Sorotan produk besar yang bergantian: latar krem muda, judul serif besar, kartu sangat bulat, dan tombol berbentuk pil. Di beranda, setiap produk tampil sebagai baris sorotan zig-zag: gambar besar di satu sisi, dan di sisi lain nama produk ber-font serif besar, cuplikan dua sampai tiga baris dari deskripsi produk, harga, dan satu tombol aksi. Baris berikutnya berganti sisi, dan di ponsel gambar tampil di atas teks. Daftar produk tetap berupa kisi dua kolom yang rapi dengan gambar besar, dan header minimalis dengan logo di tengah |
Gaya
| Tema | Cocok untuk | Ciri khas |
|---|---|---|
| Noir | Brand premium dan produk mewah | Gelap dan mewah. Tema gelap: latar hitam pekat, teks krem, judul serif berhuruf kapital, dan semua sudut siku. Tombol bergaris tepi warna utama dengan teks kapital, sedangkan tombol aksi utama terisi warna utama. Logo di tengah header, gambar produk penuh tanpa bingkai, dan harga dalam warna utama |
| Neo | Brand muda yang berani | Garis tebal dan bayangan tegas: latar krem, garis tepi hitam tebal pada kartu, tombol, kolom isian, chip, dan header, bayangan hitam tajam tanpa efek buram (tombol tampak tertekan saat diketuk), tombol berwarna utama dengan teks hitam, dan harga di atas blok warna utama |
| Alami | Kafe, skincare, dan produk handmade | Hangat dan bersahaja: latar krem gandum, judul serif, tombol dan chip berbentuk pil, gambar produk berbentuk lengkung di bagian atas, teks produk di tengah tanpa bingkai, dan nama toko ber-font serif di samping logo |
| Bento | Gadget dan produk gaya hidup | Grid ubin ala Apple: latar abu-abu sangat muda, kartu putih yang sangat bulat tanpa garis tepi dan tanpa bayangan, tombol dan chip berbentuk pil. Kisi produk berukuran campuran: setiap produk kelima tampil sebagai ubin lebar penuh dengan gambar, judul besar, dan harga. Header berupa bilah putih berbentuk pil yang mengambang, judul bagian berada di dalam ubin putih, dan kategori tampil sebagai kotak besar bersudut bulat |
| Swiss | Studio desain dan brand minimalis | Tipografi tegas ala Swiss: latar putih, teks hitam, judul berhuruf kapital yang sangat tebal, dan semua sudut siku. Kartu tanpa bingkai, hanya dipisahkan garis hitam horizontal. Bagian beranda bernomor (misalnya "01 — Produk Terbaru"), produk dalam daftar diberi nomor urut dengan harga rata kanan, dan warna utama dipakai sebagai blok datar besar, misalnya pada tombol utama dan menu yang aktif |
| Retro | Streetwear dan barang koleksi | Nuansa 90-an dan Y2K: latar ungu muda dengan pola kotak-kotak halus, garis tepi gelap tebal, dan bayangan tajam. Kartu produk tampil seperti jendela komputer jadul dengan bilah judul berwarna utama, tombol tampak timbul, label promo berbentuk stiker yang sedikit miring, dan menu bawah berisi tombol-tombol besar yang timbul |
| Nusantara | Kriya lokal, batik, kuliner, oleh-oleh, dan fashion lokal | Hangat bernuansa wastra Nusantara: latar krem, teks cokelat tua, judul serif, dan kartu produk berbingkai garis ganda. Ornamen batik kawung tampil di bawah header dan di bawah setiap judul bagian, nama produk di tengah ber-font serif, dan menu bawah berwarna krem dengan garis ornamen. Warna terakota hanya dipakai untuk ornamen, sedangkan tombol tetap memakai warna utama Anda |
| Aurora | Kecantikan, wellness, dan kreator | Gradasi lembut dan kaca buram: latar bergradasi lembut dari warna utama, kartu putih semi-transparan yang sangat bulat dengan gambar bersudut bulat di dalamnya, dan bayangan berpendar lembut berwarna utama. Tombol aksi diisi gradasi warna dari warna utama, tombol, chip, dan kolom isian berbentuk pil, serta header dan menu bawah berupa bilah kaca buram berbentuk pil yang mengambang |
| Kawaii | Dessert, produk anak, dan kado | Manis pastel dan menggemaskan: latar merah muda pastel, judul ber-font bulat, garis tepi berwarna utama yang dilembutkan, serta tombol, chip, dan kolom isian berbentuk pil. Kartu produk bertepi bawah bergelombang, pembatas bagian berupa garis bergelombang, label promo berupa stiker kilau ✦, tombol masukkan keranjang dihiasi hati kecil, harga di dalam label pastel yang membulat, dan menu yang aktif di menu bawah berbentuk gelembung |
| Terminal | Gadget, software, dan produk digital | Konsol gelap ala programmer. Tema gelap: latar hitam kebiruan, teks terang, semua teks ber-font monospace, sudut kecil, garis tepi putus-putus, tanpa bayangan, dan warna utama menjadi warna aksen layaknya layar terminal. Judul bagian tampil seperti baris perintah dengan kursor berkedip, tombol berhuruf kapital di dalam kurung siku, kartu produk seperti blok kode dengan baris komentar, label promo seperti [PROMO], menu bawah berupa perintah seperti ~/home dan ~/cart, dan kolom isian diawali tanda $ |
| Editorial | Fashion, kopi, dan cerita gaya hidup | Gaya majalah dengan judul besar: latar putih tulang, judul serif besar, garis pemisah tipis, dan semua sudut siku kecuali chip. Header berupa kop majalah dengan nama toko serif besar di tengah dan garis ganda tipis. Produk pertama di setiap bagian tampil sebagai kartu sampul besar dengan judul dan harga di atas gambar, sedangkan produk lainnya tampil dua kolom dengan keterangan. Judul bagian ber-font serif miring dengan label kecil berhuruf kapital di atasnya (misalnya "MINGGU INI"), tombol sekunder berupa tautan bergaris bawah, hanya ada satu tombol aksi hitam, dan kartu info bergaya kutipan |
| Dinamis | Pakaian olahraga, streetwear, gadget, dan otomotif | Tegas, miring, dan energik: latar abu-abu muda, judul berhuruf kapital yang tebal dan rapat dengan garis aksen bergaris diagonal berwarna utama, dan semua sudut siku. Tombol, chip, label, dan blok judul berbentuk jajaran genjang yang miring. Gambar kartu produk terpotong miring di pojok kiri bawah, label promo seperti "BARU", header hitam dengan logo miring, menu bawah hitam dengan blok miring berwarna utama pada menu yang aktif, dan harga yang besar |
| Blok Warna | Kuliner, produk anak, gaya hidup, dan brand berani | Bagian blok warna yang berani: setiap bagian beranda berada di atas pita warna selebar layar yang bergantian antara warna utama, warna pendamping gelap yang diturunkan dari warna utama, krem, dan hitam. Warna teks di setiap pita menyesuaikan sendiri agar tetap terbaca. Judul besar ber-font lebar yang membulat, kartu putih bersudut bulat di atas pita warna, chip berupa pil putih, judul bagian berukuran sangat besar, header berwarna utama, dan menu bawah hitam dengan sorotan pil berwarna utama pada menu yang aktif |
| Segar | Sayur dan buah, jus, dan makanan sehat | Hijau segar dan bersih: latar hijau mint yang sangat muda, kartu putih bersudut bulat dengan gambar di atas alas hijau pucat, dan tombol serta chip berbentuk pil. Kategori tampil sebagai gelembung bulat ala lapak buah dengan cincin hijau muda, label "Segar" diberi tanda daun, garis pembatas melengkung seperti daun di bawah judul bagian, tombol tambah "+" bulat berwarna utama, dan motif daun saat halaman kosong. Hijau daun hanya dipakai sebagai hiasan, sedangkan tombol tetap memakai warna utama Anda |
| Mewah | Perhiasan, jam tangan, dan kecantikan premium | Gading dan emas yang anggun, versi terang dari Noir: latar putih gading, judul serif berhuruf kapital, dan semua sudut siku. Gambar produk dibingkai garis tipis keemasan (bergradasi emas di etalase versi web), label tipis berhuruf kapital yang renggang, semua isi rata tengah, pembatas kecil berbentuk berlian ◆ di antara bagian, dan ruang yang sangat lega. Tombol aksi terisi warna utama atau bergaris tepi emas |
| Anggun | Busana muslim, bridal, dan kecantikan | Nuansa dusty rose yang anggun: latar merah muda pudar, teks cokelat kemerahan tua, kartu bersudut bulat, dan tombol berbentuk pil. Gambar produk berbingkai lengkung di bagian atas di atas alas merah muda lembut, garis pembatas berenda dari titik-titik kecil, judul bagian ber-font tulisan tangan bersambung dengan label kecil berhuruf kapital di atasnya, dan label berupa pil merah muda lembut. Elegan dan tenang, berbeda dari Kawaii yang menggemaskan dan Lembut yang ramah |
| Neon | Gaming gear, elektronik, dan top-up digital | Gelap dengan cahaya RGB. Tema gelap: latar hitam kebiruan, kartu gelap, dan teks terang. Kartu, chip, dan tombol aksi diberi garis tepi bergradasi yang berpendar dari tiga warna turunan warna utama, judul bagian berhuruf kapital bergaya futuristis dengan garis bawah berpendar, harga dalam warna aksen, dan menu bawah gelap dengan ikon aktif yang berpendar. Di etalase versi web, kartu dan tombol bersudut terpotong miring, sedangkan di aplikasi garis tepinya berwarna utama dengan sudut biasa. Cahayanya diam tanpa animasi. Berbeda dari Terminal yang bergaya konsol dan Onyx yang netral |
| Kriya | Produk buatan tangan, bakery, dan kado | Kertas kraft, jahitan, dan stempel: latar cokelat kertas kraft (dengan tekstur serat kertas di etalase versi web), kartu krem dengan garis jahitan putus-putus di dalam tepinya, dan judul ber-font tulisan tangan. Label promo berupa cap stempel yang sedikit miring, garis bawah seperti coretan tangan di bawah judul bagian, foto berbingkai ala polaroid, tombol berbentuk seperti label kado, dan menu bawah berupa pita kraft berjahit |
Pendidikan
| Tema | Cocok untuk | Ciri khas |
|---|---|---|
| Kampus | Kampus, akademi, lembaga kursus, dan merchandise kampus | Akademis dan berwibawa: latar putih gading, judul ber-font serif, dan header berupa pita biru tua dengan logo di dalam bingkai lambang (perisai) serta garis emas ganda di bawahnya. Ornamen ranting daun salam tampil di bawah judul bagian, kartu produk berbingkai garis ganda dengan kategori berhuruf kapital renggang, label promo berbentuk panji (bendera segitiga), dan gambar toga di halaman kosong. Biru tua dan emas hanya dipakai untuk hiasan, sedangkan tombol tetap memakai warna utama Anda |
| Papan Tulis | Bimbel, lembaga kursus, dan guru privat | Tema gelap seperti papan tulis hijau: kartu, chip, dan kolom isian bergaris putus-putus seperti kapur, judul ber-font tulisan tangan dengan coretan kapur di bawahnya, dan harga berwarna kuning kapur. Header berbingkai kayu, label promo berupa lingkaran kapur, menu bawah berupa wadah kapur dari kayu, dan gambar apel kapur di halaman kosong |
| Buku Tulis | Pelajar, toko ATK, dan perlengkapan sekolah | Seperti halaman buku tulis: latar kertas dengan garis biru dan garis margin merah (di etalase versi web), header dengan deretan lubang spiral, dan judul bagian ber-font tulisan tangan di atas coretan stabilo kuning. Kartu produk berupa kartu indeks dengan selotip washi di bagian atas, label promo berupa kertas tempel (sticky note) yang sedikit miring, dan gambar pensil di halaman kosong |
| Krayon | SD, buku anak, seragam sekolah, dan mainan | Cerah dan ramah anak: garis pelangi krayon di bawah header dan di atas menu bawah, kartu putih bergaris tepi tebal dengan bayangan padat, dan gambar produk di atas latar berwarna krayon yang berganti-ganti (merah, oranye, kuning, hijau, biru, ungu). Judul bagian tebal dengan garis bawah zig-zag ala krayon, label promo berupa stiker miring bergambar bintang, dan tombol tebal yang terasa "menekan" saat disentuh |
| PAUD Ceria | TK, PAUD, daycare, dan perlengkapan bayi | Lembut dan menggemaskan dalam warna pastel pelangi: latar biru langit, header dengan tepi awan, dan huruf pertama setiap judul bagian tampil di atas balok huruf ABC yang warnanya berganti-ganti. Gambar produk di atas latar pastel, label promo berupa stiker bintang, kategori berupa gelembung pastel bulat, hiasan gantung bintang di kartu info, dan gambar balok ABC di halaman kosong |
| Akademi | Kursus online, e-book, webinar, dan tutor | Rapi seperti situs belajar online: kartu kelas dengan foto lebar 16:9, kategori berupa label level berwarna lembut di atas nama produk, dan garis dua warna bergaya progress bar di bawah judul bagian (hanya hiasan, tidak menampilkan angka apa pun). Label promo bergambar pita sertifikat, tombol utama dengan panah, dan gambar buku terbuka di halaman kosong |
Musiman
| Tema | Cocok untuk | Ciri khas |
|---|---|---|
| Ramadan | Kampanye musiman Ramadan dan Lebaran | Meriah bernuansa Ramadan dan Lebaran: latar krem, header dan menu bawah berupa pita hijau zamrud dengan ornamen emas, dan logo berbingkai emas. Ornamen arabesque bintang delapan berwarna emas tampil di bawah header dan di bawah setiap judul bagian, motif lentera menggantung di kartu info, label promo bergambar bulan sabit, dan gambar produk berbingkai lengkung runcing di bagian atas. Hijau zamrud dan emas hanya dipakai sebagai hiasan, sedangkan tombol tetap memakai warna utama Anda |
| Merdeka | Promo 17 Agustus | Meriah merah putih untuk Hari Kemerdekaan: latar putih bersih dan judul tegak yang ringkas. Untaian bendera segitiga merah putih tampil di bawah header dan di atas menu bawah, pita "17 AGUSTUS" atau "Dirgahayu RI" menghiasi kartu info, label promo berupa cap "Promo 17an", dan judul bagian diberi garis kecil merah putih. Merah hanya dipakai untuk hiasan, sedangkan tombol tetap memakai warna utama Anda |
| Pesta Diskon | Kampanye 9.9, 10.10, 11.11, dan 12.12 | Nuansa pesta diskon besar: header dan pita utama berwarna biru tua dengan konfeti emas, latar abu-abu kebiruan muda, dan kartu putih. Lencana acara "MEGA SALE" besar berwarna emas tampil di kartu info, bilah di bawah header bertuliskan "Promo berlangsung" (bukan hitung mundur), label promo berbentuk kupon bertakik di kedua sisi, stiker diskon merah yang besar, dan garis ornamen konfeti emas. Biru tua dan emas hanya dipakai untuk hiasan, sedangkan tombol tetap memakai warna utama Anda |
Tema POS
Tema POS mengubah tampilan aplikasi POS yang dipakai kasir. Ada lima belas tema POS. Bento adalah tema POS bawaan dan tampil paling depan di pemilih tema POS dengan label Default. Tema POS Bento berbeda dari tema etalase Bento, dan keduanya dipilih terpisah.
| Tema | Cocok untuk | Ciri khas |
|---|---|---|
| Bento (bawaan) | Semua jenis toko | Segar dan modern, dengan kartu membulat yang lega dan jualan sekali ketuk: latar abu-abu terang yang sejuk, kartu putih bersudut sangat bulat tanpa garis tepi, dan font modern yang bersih. Di Beranda ada kartu utama berwarna utama yang menampilkan penjualan hari ini, diikuti ubin aksi cepat bergaya bento. Menu bawah berupa bilah tab mengambang yang membulat dengan tombol "+" di tengah untuk membuat pesanan baru. Kategori yang aktif tampil sebagai pil berwarna gelap. Kartu produk menampilkan foto di atas warna lembut, nama, lalu harga dan tombol "+" persegi untuk menambah ke keranjang dengan sekali ketuk, bilah keranjang gelap dengan jumlah barang langsung menuju Bayar, metode pembayaran tampil sebagai tiga ubin besar, dan aksen hijau limau menandai sorotan kecil |
| Klasik | Semua jenis toko | Tampilan POS yang sudah dikenal, tanpa perubahan. Tema POS bawaan sebelum Bento, dan tetap bisa dipilih |
| Ringkas | Retail dengan katalog besar | Muat lebih banyak produk di layar: datar tanpa bayangan, sudut kecil, garis tepi tipis, teks sedikit lebih kecil, jarak lebih rapat, satu kolom produk lebih banyak, dan gambar kartu lebih kecil |
| Sentuh | F&B dan kasir yang memakai tablet | Tombol besar untuk tap cepat: teks sedikit lebih besar, kartu sangat bulat, tombol dan chip berbentuk pil, bayangan lembut, area ketuk yang lebar, satu kolom produk lebih sedikit, dan gambar lebih besar |
| Malam | Bar, kafe malam, dan shift malam | Mode gelap yang nyaman di mata. Tema gelap: latar dan panel gelap, teks terang, garis tepi halus, dan warna utama tetap menjadi aksen. Jumlah kolom produk sama seperti Klasik |
| Mono | Kasir yang ingin tampilan sederhana dan fokus pada angka | Hitam-putih bersih: semua sudut siku, tombol hitam, garis tipis antarbaris, dan angka total yang besar. Warna utama hanya dipakai untuk tombol bayar atau konfirmasi dan untuk pilihan yang aktif |
| Neo | Kafe kekinian | Garis tebal penuh karakter: latar krem, garis tepi hitam tebal, bayangan hitam tajam, dan tombol berwarna utama dengan teks hitam |
| Kontras Tinggi | Lapak luar ruang dan kasir yang butuh teks lebih besar | Paling mudah dibaca di bawah sinar terang: latar putih, teks hitam pekat tanpa teks abu-abu muda, font yang dirancang agar mudah dibaca, teks lebih besar dan label tebal, garis tepi hitam tebal, dan area ketuk yang lebar. Pilihan yang aktif diberi garis tepi hitam tebal dengan isian kuning, tombol bayar berwarna hitam dengan teks kuning, harga besar dan tebal, dan setiap ikon selalu disertai label |
| Ubin Warna | Konter F&B yang ramai | Ubin warna-warni untuk tap super cepat: setiap produk tampil sebagai ubin berwarna sesuai kategorinya, dengan nama dan harga besar serta gambar yang disembunyikan atau diperkecil. Tab kategori berupa blok besar dengan warna yang sama, jadi kasir bisa mengenali kategori dari warnanya. Panel keranjang tetap putih, dan tombol bayar berupa blok besar berwarna utama |
| Aurora | Salon kecantikan dan kafe butik | Gradasi lembut dan panel kaca: latar bergradasi lembut dari warna utama, panel putih semi-transparan, sudut bulat besar, bayangan berpendar, tombol bayar bergradasi warna, dan tab kategori berbentuk pil di atas bilah kaca |
| Struk | Warung dan toko klasik | Seperti kertas struk kasir: latar abu-abu hangat, panel berwarna kertas dengan tepi atas dan bawah bergerigi, garis pemisah putus-putus, semua angka ber-font monospace, dan semua sudut siku. Tombol bergaris tepi hitam dengan teks kapital. Panel keranjang tampil seperti struk sungguhan: nama toko di atas, garis putus-putus, dan total rata kanan. Tombol bayar berupa blok hitam bertuliskan "BAYAR ▸ Rp…", dan kartu produk tampil seperti label harga |
| Kawaii | Toko dessert dan bubble tea (boba) | Manis pastel dan menggemaskan: latar merah muda pastel, ubin produk pastel yang mengikuti warna utama, sudut sangat bulat, tombol berbentuk pil, label stiker kilau ✦, papan angka dengan tombol bulat berwarna pastel, dan panel keranjang bertepi bergelombang |
| Lembut | Kafe, salon, dan butik | Lembut, ramah, dan membulat: latar putih hangat, panel putih yang sangat bulat dengan bayangan lembut, dan ubin produk di atas warna pastel lembut yang bergantian mengikuti warna utama. Tab kategori berbentuk lingkaran atau pil dengan cincin pada yang aktif, papan angka dengan tombol berbentuk pil, dan tombol bayar berbentuk pil dengan ikon. Tenang dan bersahabat |
| Grosir | Minimarket, apotek, dan toko bangunan | Tabel produk yang mengutamakan scan: katalog tampil sebagai tabel dengan kolom SKU atau barcode, nama, stok, dan harga, plus tombol "+" di setiap baris. Warna baris berselang-seling, judul kolom tetap terlihat saat digulir, dan kolom scan dan pencarian besar ada di bagian atas. Filter kategori berupa dropdown atau deretan chip yang ringkas, keranjang berupa daftar rapat dengan pengatur jumlah, angka total yang besar, dan penanda fokus yang jelas saat memakai keyboard. Tampilan kisi tetap bisa dipilih, tetapi tampilan bawaan tema ini adalah tabel |
| Pro | Semua toko retail yang memakai laptop | Tata letak ala aplikasi desktop: di layar tablet atau laptop, tab kategori menjadi daftar sidebar di kiri (ikon, nama, dan jumlah produk, dengan garis warna utama pada kategori yang aktif), kisi produk di tengah, dan panel keranjang di kanan, jadi tampil tiga kolom. Abu-abu netral yang ringkas, panel putih bergaris tepi tipis, sudut kecil, teks kecil, dan baris yang rapat. Tombol menampilkan petunjuk tombol pintas keyboard: "F2 Bayar" di tombol Konfirmasi Pesanan dan "/" di kolom pencarian. Di POS versi web, F2 mengonfirmasi pesanan (sama seperti menekan tombolnya) dan / atau F3 langsung ke kolom pencarian produk. Tombol pintas ini berlaku di semua tema, tetapi petunjuknya hanya tampil di tema Pro. Di ponsel, tata letaknya kembali seperti biasa dengan gaya Pro |
Tema gelap
Noir, Terminal, Onyx, Neon, dan Papan Tulis (etalase) serta Malam (POS) adalah tema gelap. Seluruh halaman, kartu, jendela pop-up, dan animasi pemuatan tampil gelap dengan teks terang.
- warna utama tetap dipakai sebagai aksen. Pilih warna utama yang cukup terang agar menonjol di latar gelap, misalnya emas, kuning, atau warna cerah lain
- pada Noir, tombol aksi utama terisi warna utama dengan teks gelap. Warna utama yang terlalu gelap membuat tombol ini sulit dibaca
- pada Terminal, warna utama menjadi warna aksen ala layar terminal. Warna cerah seperti hijau, kuning, atau biru muda paling mudah dibaca
- pada Onyx, warna utama dipakai apa adanya jika sudah cukup terbaca. Jika terlalu gelap, warna itu otomatis dibuat lebih terang agar tetap terlihat di latar gelap
- pada Neon, warna utama menjadi dasar cahaya gradasi pada garis tepi dan dipakai untuk harga. Warna cerah seperti biru muda, ungu terang, atau hijau neon paling menonjol
- pada Papan Tulis, teks tampil putih kapur di atas hijau papan tulis. Warna utama dipakai untuk tombol, jadi pilih warna yang menonjol di latar hijau tua, misalnya kuning, oranye, atau biru muda
- tema gelap hanya mengubah etalase atau aplikasi POS. Tampilan Dashboard tidak berubah
- selalu buka pratinjau tema gelap sebelum menyimpan, terutama untuk memeriksa foto produk berlatar putih
Cara memilih tema
Tema POS dipilih di halaman POS Config, bukan di Shop Config atau Profil Toko. Buka POS Config, klik atau ketuk kartu tema POS yang Anda inginkan, lalu simpan. Bento tampil paling depan dengan label Default, dan Klasik tetap ada di daftar.
Dari Dashboard web
- buka Shop Config dari menu Storefront
- temukan bagian tema etalase. Tema etalase dibagi menjadi Populer, Gaya, Pendidikan, dan Musiman, sama seperti di halaman ini
- setiap pilihan tampil sebagai kartu berisi contoh tampilan mini, nama tema, dan keterangan singkat. Contoh mini memakai font, sudut, dan warna latar tema tersebut, ditambah warna utama toko Anda
- klik kartu tema etalase yang Anda inginkan
- simpan perubahan
Jika Anda mengganti Main Color di halaman yang sama, contoh mini pada kartu tema langsung ikut berubah. Anda bisa mencoba beberapa warna sebelum menyimpan.
Dari aplikasi Dashboard di ponsel
- buka Profil Toko
- temukan pilihan tema etalase. Tema etalase dikelompokkan menjadi Populer, Gaya, Pendidikan, dan Musiman, sama seperti di web
- ketuk kartu tema yang Anda inginkan
- simpan perubahan
Pilihan tema di web dan di ponsel tersimpan di tempat yang sama, jadi tema yang Anda simpan dari salah satunya juga berlaku di yang lain.
Pratinjau tema etalase sebelum menyimpan
Setiap kartu tema etalase punya aksi pratinjau. Aksi ini membuka etalase Anda dengan tema tersebut, memakai produk dan warna utama toko Anda yang sebenarnya.
- pratinjau tidak menyimpan apa pun. Pelanggan tetap melihat tema yang sedang aktif
- pratinjau hanya berlaku di halaman pratinjau yang dibuka dari Dashboard. Etalase yang dibuka lewat tautan biasa tetap memakai tema aktif
- jika sudah cocok, kembali ke Dashboard, pilih tema tersebut, lalu simpan
Tips: buka pratinjau di ponsel juga, karena sebagian besar pelanggan berbelanja dari perangkat seluler.
Tema POS berlaku untuk semua perangkat kasir
Tema POS diatur per toko, bukan per perangkat. Setelah disimpan, semua perangkat kasir yang masuk ke toko tersebut memakai tema yang sama. Tema POS hanya bisa diubah dari Dashboard (web atau ponsel). Di aplikasi POS, tema yang aktif hanya ditampilkan di menu pengaturan dan tidak bisa diubah dari sana.
Pengaturan warna di aplikasi POS tetap ada seperti sebelumnya. Di bagian tampilan pada menu pengaturan POS, kasir masih bisa memakai warna Dashboard atau memilih warna lain khusus untuk perangkat itu. Warna tersebut menggantikan warna utama hanya di perangkat itu. Font, sudut, jarak, warna latar, dan tata letak tetap mengikuti tema POS toko.
Bedanya dengan Home sections layout
Di halaman yang sama Anda juga akan menemukan pilihan Home sections layout, yaitu tata letak bagian beranda (sebelumnya bernama Ecommerce Home Layout, dengan pilihan Default, V2, V3, V4, dan V5). Keduanya mengatur hal yang berbeda dan bisa dipadukan dengan bebas:
| Tema etalase | Home sections layout | |
|---|---|---|
| Yang diatur | gaya visual: font, sudut, jarak, warna netral, garis tepi, bayangan, header, kartu produk, kerapatan kisi | bagian apa saja yang tampil di beranda etalase dan urutannya |
| Berlaku di | gaya seluruh etalase | halaman beranda etalase |
| Pilihan | Klasik, Butik, Ceria, Modern, Noir, Neo, Pasar, Alami, Bento, Swiss, Retro, Nusantara, Aurora, Kawaii, Terminal, Editorial, Ramadan, Onyx, Lembut, Grosir, Sosial, Dinamis, Galeri, Sorotan, Blok Warna, Segar, Mewah, Anggun, Neon, Kriya, Merdeka, Pesta Diskon, Kampus, Papan Tulis, Buku Tulis, Krayon, PAUD Ceria, Akademi | Default, V2, V3, V4, V5 |
Contohnya, Anda bisa memakai susunan beranda V3 dengan tema Butik. Bagian beranda tetap sama, hanya gayanya yang berubah.
Saran memilih tema
Tema serbaguna
Belum yakin harus memilih yang mana? Onyx, Lembut, Grosir, dan Sosial, selain Klasik dan Modern, adalah pilihan aman untuk sebagian besar jenis toko. Pilih Onyx jika ingin tampilan gelap, Lembut untuk kesan ramah, Grosir jika produk Anda sangat banyak, dan Sosial jika pelanggan Anda datang dari Instagram atau TikTok. Semua tema ini ada di kelompok Populer.
Mulai dari jenis usaha Anda. Tabel ini hanya titik awal, jadi bandingkan juga dengan pratinjau:
| Jenis usaha | Tema etalase | Tema POS |
|---|---|---|
| Fashion, aksesori, dan kecantikan | Butik | Klasik atau Ringkas |
| Kuliner dan F&B | Ceria | Sentuh, atau Malam untuk bar dan shift malam |
| Gadget dan elektronik | Modern | Ringkas atau Mono |
| Toko dengan banyak promo dan diskon | Pasar | Ringkas |
| Brand premium | Noir | Malam atau Mono |
| Kafe, skincare, dan handmade | Alami | Sentuh, atau Neo untuk kafe kekinian |
| Brand muda yang berani | Neo | Neo |
| Kriya lokal, batik, kuliner, dan oleh-oleh | Nusantara | Klasik, atau Ubin Warna untuk kuliner |
| Gadget dan produk gaya hidup | Bento | Ringkas atau Mono |
| Studio desain dan brand minimalis | Swiss | Mono |
| Streetwear dan barang koleksi | Retro | Klasik atau Neo |
| Lapak luar ruang dan bazar | Sesuai jenis produk Anda | Kontras Tinggi |
| Konter F&B yang ramai | Ceria atau Nusantara | Ubin Warna |
| Kecantikan, wellness, dan kreator | Aurora | Aurora |
| Dessert, produk anak, dan kado | Kawaii | Kawaii, terutama untuk toko dessert dan bubble tea |
| Gadget, software, dan produk digital | Terminal | Ringkas atau Malam |
| Fashion, kopi, dan cerita gaya hidup | Editorial | Mono, atau Sentuh untuk kedai kopi |
| Kampanye musiman Ramadan dan Lebaran | Ramadan | Tema POS Anda saat ini |
| Promo 17 Agustus | Merdeka | Tema POS Anda saat ini |
| Kampanye 9.9, 10.10, 11.11, dan 12.12 | Pesta Diskon | Tema POS Anda saat ini |
| Warung dan toko klasik | Klasik atau Pasar | Struk |
| Sembako, grosir, apotek, suku cadang, dan toko kelontong | Grosir | Grosir |
| Toko yang jualan lewat Instagram dan TikTok | Sosial | Klasik atau Lembut |
| Pakaian olahraga, streetwear, gadget, dan otomotif | Dinamis | Ringkas atau Pro |
| Kecantikan, fashion, kuliner, dan kado | Lembut | Lembut |
| Toko apa pun yang ingin tampilan gelap | Onyx | Malam |
| Fashion, dekorasi rumah, seni, dan florist | Galeri | Klasik atau Lembut |
| Brand dengan sedikit produk (skincare, parfum, dan biji kopi) | Sorotan | Klasik atau Lembut |
| Kuliner, produk anak, dan brand berani | Blok Warna | Sentuh atau Ubin Warna |
| Sayur dan buah, jus, dan makanan sehat | Segar | Grosir, atau Sentuh untuk kedai jus |
| Perhiasan, jam tangan, dan kecantikan premium | Mewah | Mono atau Lembut |
| Busana muslim (hijab), bridal, dan kecantikan | Anggun | Lembut |
| Gaming gear, elektronik, dan top-up digital | Neon | Malam atau Pro |
| Produk buatan tangan, bakery, dan kado | Kriya | Klasik atau Sentuh |
| Kampus, akademi, dan merchandise kampus | Kampus | Klasik atau Mono |
| Bimbel, lembaga kursus, dan guru privat | Papan Tulis | Klasik atau Malam |
| Toko ATK dan perlengkapan sekolah | Buku Tulis | Ringkas atau Grosir |
| SD, buku anak, seragam sekolah, dan mainan | Krayon | Sentuh atau Ubin Warna |
| TK, PAUD, daycare, dan perlengkapan bayi | PAUD Ceria | Lembut atau Kawaii |
| Kursus online, e-book, dan webinar | Akademi | Klasik atau Lembut |
| Retail yang memakai laptop | Sesuai jenis produk Anda | Pro |
- pilih Main Color dulu, lalu bandingkan kartu tema. Contoh mini sudah memakai warna Anda
- untuk POS, Bento (tema bawaan) adalah titik awal yang baik untuk hampir semua toko, terutama jika kasir bekerja di ponsel atau tablet. Pilih Klasik jika kasir lebih nyaman dengan tampilan lama
- untuk POS, pilih Ringkas jika kasir sering menggulir katalog yang panjang, dan Sentuh jika kasir bekerja cepat di tablet atau layar sentuh
- pilih Kontras Tinggi jika layar kasir sering terkena sinar matahari atau kasir butuh teks yang lebih besar, dan Ubin Warna jika kasir perlu menemukan produk secepat mungkin saat antrean panjang. Ubin Warna paling terbantu jika produk Anda sudah dikelompokkan ke dalam kategori
- pilih Grosir untuk POS jika kasir lebih sering scan barcode atau mencari produk daripada memilih dari gambar, dan Pro jika kasir bekerja di laptop atau layar lebar. Di POS versi web, kasir bisa menekan F2 untuk konfirmasi pesanan dan / untuk mencari produk
- untuk tema gelap (Noir, Terminal, Onyx, Neon, Papan Tulis, dan Malam), pastikan warna utama cukup terang. Lihat Tema gelap
- setelah mengganti tema POS, minta kasir memeriksa tampilan di perangkatnya dengan satu pesanan latihan. Jika tampilan belum berubah, buka ulang aplikasi POS
Tema musiman
Tema di kelompok Musiman dibuat untuk kampanye tertentu: Ramadan untuk Ramadan dan Lebaran, Merdeka untuk promo 17 Agustus, dan Pesta Diskon untuk kampanye 9.9, 10.10, 11.11, dan 12.12. Nyalakan tema musiman saat kampanye dimulai, lalu kembalikan ke tema sebelumnya setelah kampanye usai. Caranya cukup satu klik pada kartu tema, lalu simpan. Produk, warna utama, dan susunan beranda tidak ikut berubah.
- sebelum menyalakan tema musiman, catat tema yang sedang Anda pakai agar bisa kembali ke tema itu
- buka pratinjau dulu sebelum menyimpan tema musiman
- tema tidak kembali dengan sendirinya. Setelah kampanye selesai, pilih lagi tema yang Anda catat, lalu simpan
- Pesta Diskon menampilkan tulisan "Promo berlangsung", bukan hitung mundur, jadi pelanggan tidak melihat waktu berakhirnya promo