Halaman Tampilan & Operasional memungkinkan Anda mengkustomisasi tampilan visual dan jam operasional storefront pemesanan online. Pengaturan dibagi dua tab: Tampilan Brand (level brand, memengaruhi halaman pilih-cabang) dan Order Menu di Cabang (level cabang, memengaruhi tampilan setelah pelanggan masuk ke menu cabang tertentu).

Perhatian: Buka Web Order → Tampilan & Operasional. Pastikan brand yang benar sudah dipilih di header sebelum mengedit tab Tampilan Brand.

Tab Tampilan Brand

Tab ini mengatur identitas visual halaman utama brand (/b/{slug}) tempat pelanggan memilih cabang.

Langkah-langkah

1. Klik tab Tampilan Brand.
2. Isi field Nama Brand — nama yang tampil sebagai judul halaman brand di storefront.
3. Isi Deskripsi singkat brand Anda (tagline, konsep, atau jenis makanan).
4. Pilih Kategori Usaha (contoh: Kafe, Resto, Bakery).
5. Pilih Warna Brand menggunakan color-picker atau ketik kode hex. Warna ini dipakai pada tombol dan aksen halaman.
6. Unggah Logo Brand (format persegi disarankan, ≤2 MB).
7. Unggah Banner Brand (format landscape/banner, ≤5 MB) — ditampilkan sebagai foto header halaman brand.
8. Isi media sosial jika ada: Instagram, TikTok, Facebook, WhatsApp, Website.
9. Klik Simpan di bagian bawah form.

Tips: Gunakan warna yang sama dengan warna utama logo agar tampilan storefront konsisten dengan identitas brand di media sosial.

Tab Order Menu di Cabang

Tab ini mengatur tampilan dan jam operasional untuk halaman menu tiap cabang. Pengaturan ini per cabang — pilih cabang yang ingin diedit melalui pemilih cabang di bagian atas halaman.

Langkah-langkah

Tampilan Storefront Cabang

1. Klik tab Order Menu di Cabang dan pilih cabang di dropdown pemilih cabang.
2. Jika ada beberapa cabang dengan pengaturan serupa, gunakan Salin dari Cabang Lain di bagian atas form untuk mengisi semua field secara otomatis dari cabang yang dipilih, lalu sesuaikan seperlunya.
3. Isi Nama Tampilan — nama yang muncul di header halaman menu cabang ini (kosongkan untuk memakai nama cabang default).
4. Pilih Warna Brand — warna aksen tombol dan elemen utama di halaman menu cabang.
5. Tulis Teks Sambutan — kalimat singkat yang tampil di bawah nama, misalnya "Selamat datang, pesan sekarang dan nikmati!"
6. Unggah Logo (rasio persegi, muncul di pojok header).
7. Unggah Banner (rasio landscape, muncul sebagai foto hero header halaman menu).
8. Aktifkan atau nonaktifkan Tampilkan Harga — jika dinonaktifkan, harga item tidak terlihat di storefront (berguna untuk menu daftar tanpa harga).

Pengaturan Operasional

Setelah semua field diisi, klik Simpan Pengaturan.

Pratinjau Langsung

Sisi kanan layar (pada layar lebar) menampilkan pratinjau storefront secara langsung saat Anda mengedit warna, nama, teks sambutan, banner, dan logo. Pratinjau memperlihatkan tampilan di mata pelanggan tanpa perlu membuka storefront sungguhan.

Tips: Setelah menyimpan, buka tautan cabang di tab baru (salin dari halaman Tautan Brand) untuk memverifikasi tampilan sesungguhnya di perangkat pelanggan.

Mode Order

Buka Web Order → Mode Order untuk mengatur channel pemesanan apa saja yang aktif di storefront cabang. Tersedia lima mode:

Aktifkan atau nonaktifkan tiap mode dengan toggle. Minimal satu mode harus aktif agar storefront dapat menerima pesanan.

Tersedia juga opsi Bayar di Kasir — jika diaktifkan, pelanggan yang memesan secara online akan diarahkan untuk membayar di kasir/POS, bukan bayar langsung di halaman checkout storefront.

Nomor Antrian

Di halaman yang sama, bagian Nomor Antrian mengatur format nomor antrian yang tampil di struk dan layar ODS:

Pratinjau format nomor muncul otomatis di bawah form.

Struk Digital (E-Receipt)

Bagian Struk Digital mengaktifkan pengiriman struk otomatis via WhatsApp ke nomor telepon pelanggan setelah pesanan lunas dibayar. Aktifkan toggle Kirim via WhatsApp lalu simpan.

Tips: E-Receipt via WhatsApp membutuhkan integrasi WhatsApp aktif di pengaturan akun Anda. Hubungi tim dukungan jika belum terkonfigurasi.

Tutup Sementara

Buka Web Order → Tutup Sementara untuk menutup storefront di luar jam operasional rutin atau untuk penutupan terjadwal (libur, renovasi, dll.).

Status Buka/Tutup Langsung

1. Toggle Toko Buka — matikan untuk langsung menutup storefront sekarang.
2. Atur Jam Buka dan Jam Tutup untuk jam operasional harian berulang.
3. Isi Pesan Tutup — teks yang tampil ke pelanggan saat storefront tutup (misalnya "Kami sedang istirahat, buka kembali pukul 11.00").
4. Klik Simpan Status.

Jadwal Penutupan

Tambahkan jadwal tutup di masa depan (misalnya libur hari raya):

1. Isi Mulai dan Selesai (tanggal + jam).
2. Isi Alasan (opsional) — akan tampil ke pelanggan sebagai keterangan.
3. Klik Tambah Jadwal.

Jadwal yang sudah tersimpan muncul di daftar dengan tombol hapus. Sistem otomatis menutup storefront pada rentang waktu yang terjadwal tanpa perlu intervensi manual.

Perhatian: Jadwal penutupan berlaku menimpa status buka/tutup manual. Jika sebuah jadwal aktif, storefront tetap tutup meski toggle "Toko Buka" dalam posisi aktif.

Pertanyaan Umum

Apakah perubahan langsung terlihat di storefront? Ya, perubahan tampil segera setelah disimpan tanpa perlu me-restart apa pun.

Bedanya logo di "Tampilan Brand" dan logo di "Order Menu di Cabang"? Logo Brand muncul di halaman pilih-cabang (/b/{slug}). Logo di tab cabang muncul di halaman menu spesifik cabang itu. Keduanya bisa berbeda jika tiap cabang punya identitas visual sendiri.

Bagaimana jika saya ingin buka di hari tertentu saja (misalnya tutup Senin)? Saat ini jam operasional berlaku seragam setiap hari. Untuk tutup di hari tertentu, gunakan fitur Jadwal Penutupan dan tambahkan jadwal untuk setiap hari Senin yang ingin ditutup.