Panduan Membangun Toko Online
Panduan langkah demi langkah dari nol sampai toko online Anda menerima pesanan pertama: siapkan data perusahaan dan produk, atur penjualan dan pembayaran, rapikan tampilan, lengkapi halaman wajib toko, uji dengan pesanan percobaan, lalu bagikan ke pembeli.
Gambaran Singkat
- Toko Online dibuka di alamat
/shopmilik Anda sendiri: subdomain bawaan, atau domain sendiri lewat Domain Toko. Pembeli bisa melihat katalog tanpa login; login atau daftar baru diminta saat memesan. - Toko memakai data yang sama dengan ERP: produk, stok, pelanggan, dan gateway pembayaran. Tidak ada data yang disalin; pesanan pembeli masuk sebagai Order Penjualan.
- Semua pengaturan ada di satu layar: Penjualan & POS / Toko Online / Pengaturan Toko Online, dengan tiga tab: Kesiapan (daftar periksa), Penjualan & Stok, dan Tampilan & Info.
- Toko Online tersedia di paket yang menyertakan POS. Layar pengaturannya hanya terbuka untuk pengguna yang punya menu Pengaturan Toko Online.
Pegangan utama: pekerjaan selesai bila tab Kesiapan tidak lagi menampilkan tanda merah. Buka tab itu setelah tiap langkah di bawah untuk melihat kemajuan.
Sebelum Mulai
- Anda masuk sebagai pengguna yang berhak mengatur toko (admin).
- Foto produk, logo (persegi), dan banner berukuran 1200 × 400 piksel siap diunggah.
- Akun merchant dari penyedia pembayaran online yang akan dipakai (untuk Langkah 4).
- Bila ingin ongkos kirim otomatis: toko bermata uang rupiah (IDR) dan berat tiap produk sudah diisi (Langkah 7).
Langkah 1: Lengkapi Informasi Perusahaan
- Buka Pengaturan / Organisasi / Informasi Perusahaan. Rincian isiannya ada di Informasi Perusahaan.
- Isi nama, alamat, telepon, email, dan logo perusahaan, lalu simpan.
Toko memakai data ini sebagai isian bawaan: logo, nama, alamat, dan email toko yang dikosongkan di Pengaturan Toko mengikuti data perusahaan. Telepon perusahaan menjadi nomor WhatsApp toko bila isian WhatsApp kosong, dan email perusahaan menjadi alamat tujuan email “pesanan baru”.
Langkah 2: Siapkan Produk
- Buka Produk & Persediaan / Katalog Produk / Daftar Produk (Daftar Produk) dan tambah atau ubah produk yang akan dijual.
- Pastikan setiap produk memenuhi syarat di tabel di bawah, lalu simpan.
- Pastikan stoknya ada di lokasi toko (divisi dan departemen yang Anda pilih di Langkah 3). Stok masuk lewat penerimaan barang, pembelian, atau penyesuaian stok seperti biasa.
| Isian produk | Kenapa penting |
|---|---|
| Aktif | Produk nonaktif tidak tampil. |
| Tersedia di POS & Toko Online | Produk hanya tampil di toko bila kotak ini dicentang. |
| Satuan dasar (jumlah 1) dengan harga jual | Toko menampilkan harga dari satuan dasar. Produk tanpa satuan dasar tidak tampil. |
| Grup Produk | Dipakai untuk tab kategori. Bila Anda membatasi grup di Langkah 3, hanya produk di grup itu yang tampil. |
| Foto dan deskripsi | Foto pertama menjadi gambar kartu produk; foto lain dan deskripsi tampil di detail produk. |
| Berat (gram) dan dimensi (cm) | Wajib diisi bila memakai ongkos kirim otomatis (Langkah 7). |
| Varian (ukuran, warna, model) | Opsional. Varian tampil sebagai satu kartu induk dengan pilihan di detail; atur lewat tombol Kelola Varian di form produk. |
Produk jasa selalu tampil. Produk fisik yang stoknya habis disembunyikan, kecuali opsi Tampilkan stok habis menyala (Langkah 5): produk tetap tampil berlabel “Stok habis” tetapi tidak bisa dipesan.
Langkah 3: Atur Penjualan dan Stok
- Buka Penjualan & POS / Toko Online / Pengaturan Toko Online, lalu pilih tab Penjualan & Stok.
- Isi lokasi stok, pelanggan default, dan isian lain sesuai tabel di bawah.
- Tekan Simpan. Isian ini disimpan di role visitor, sama dengan yang ada di Daftar Role User.
| Isian | Fungsinya |
|---|---|
| Divisi dan Departemen | Lokasi stok toko: stok yang tampil dihitung dari lokasi ini dan nomor pesanan memakai divisinya. Kosong berarti divisi pertama dan departemen pertamanya. Departemen harus milik divisi yang dipilih. |
| Grup Produk | Batasi grup produk yang dijual di toko. Kosong menampilkan semua grup. |
| Pelanggan | Pelanggan default: level harganya dipakai untuk pengunjung, sekaligus menjadi templat pembeli baru (grup, akun, aturan diskon, dan limit kredit ikut tersalin). Buat dulu di form Pelanggan dengan grup, akun piutang, dan level harga yang benar. |
| Sales Representative dan Service Staff | Dicatat pada pesanan dari toko. |
| Mata Uang | Kosong memakai mata uang perusahaan. Ongkos kirim otomatis hanya untuk IDR. |
| Pengiriman | Cara pengiriman bawaan pesanan. |
Langkah 4: Siapkan Pembayaran
Toko hanya menawarkan jenis pembayaran berjenis Gateway Pembayaran yang aktif. Tanpa itu pembeli tidak punya pilihan bayar dan tab Kesiapan menandainya merah.
- Pasang gateway. Buka Pengaturan / Parameter Bisnis / Gateway Pembayaran, tambah baris untuk penyedia yang Anda pakai, isi kredensialnya, uji dengan kredensial sandbox, lalu nyalakan Aktif. Lihat Gateway Pembayaran.
- Buat jenis pembayarannya. Buka Pengaturan / Parameter Bisnis / Daftar Jenis Pembayaran, tambah jenis baru, pilih Jenis = Gateway Pembayaran, lalu pilih Gateway Pembayaran dan Metode Gateway. Isi akun pembayaran, diskon pembayaran, dan biaya pembayaran. Bila ada biaya admin, isi Rumus Biaya (mis.
2.5%+2500). Lihat Daftar Jenis Pembayaran. - Ulangi untuk tiap metode yang ingin ditawarkan (mis. QRIS, virtual account, kartu). Nama jenis pembayaran adalah yang dilihat pembeli, dan otomatis tampil di halaman Metode Pembayaran toko (Langkah 6).
- Pastikan tiap jenis pembayaran berstatus Aktif.
Langkah 5: Atur Tampilan dan Info Toko
Buka tab Tampilan & Info di Pengaturan Toko Online. Isian yang dikosongkan memakai data perusahaan; warna yang kosong mengikuti tema aplikasi.
| Bagian | Yang diisi |
|---|---|
| Identitas toko | Logo toko (persegi), Nama toko, dan Slogan singkat. |
| Banner | Sampai 5 gambar 1200 × 400 piksel. Bila ada banner atau produk unggulan, toko punya tab Beranda yang dibuka pertama. |
| Warna | Warna utama dan Warna kedua. |
| Produk unggulan | Sampai 12 produk, tampil sesuai urutan pilihan. |
| Info toko | Alamat, Tautan Google Maps, Jam buka, Telepon, Nomor WhatsApp, Email, dan Instagram. |
| Persediaan | Tampilkan stok habis dan Tampilkan jumlah terjual (membuka urutan Terlaris). |
- Tautan Google Maps: buka lokasi toko di Google Maps, tekan Bagikan, salin tautannya, lalu tempel di isian ini. Hanya tautan Google Maps (
https) yang diterima, mis.maps.app.goo.gl/.... Tombol di sebelah isian membuka tautannya untuk Anda periksa. Dikosongkan pun toko tetap menampilkan tombol Lihat di Google Maps yang dibentuk dari alamat toko. - Telepon dan WhatsApp: bila nomornya sama (apa pun penulisannya:
0812...,+62 812...), toko hanya menampilkan baris WhatsApp. - Sesudah menyimpan, buka ikon Info toko (huruf i di header toko) untuk melihat hasilnya.
Langkah 6: Lengkapi Halaman Toko
Pembeli dan penyedia pembayaran mengharapkan toko online punya halaman dasar: siapa penjualnya, cara memesan, pembayaran, pengiriman, retur, dan kebijakan privasi. Pengaturannya ada di bagian Halaman toko pada tab Tampilan & Info, satu panel per halaman.
| Halaman | Isi | Sumber isi |
|---|---|---|
| Tentang Kami | Profil usaha dan kontak. | Teks Anda |
| Cara Pemesanan | Langkah belanja dari memilih produk sampai bayar. | Teks Anda |
| Metode Pembayaran | Daftar metode pembayaran yang diterima. | Otomatis dari jenis pembayaran Gateway Pembayaran yang aktif; catatan pembuka dari Anda bersifat opsional |
| Pengiriman | Layanan kurir dan asal kirim. | Otomatis bila Ongkos Kirim menyala (kurir ditampilkan bila Anda memilih kurirnya); catatan pembuka opsional |
| Retur dan Pengembalian Dana | Syarat, batas waktu, dan cara mengajukan retur. | Teks Anda |
| Kebijakan Privasi | Data yang dikumpulkan, tujuan, pihak ketiga, dan hak pembeli. | Teks Anda |
| Syarat dan Ketentuan | Aturan pemesanan, harga, pembayaran, dan hukum yang berlaku. | Teks Anda |
- Buka panel sebuah halaman, mis. Kebijakan Privasi.
- Tekan Isi dengan templat. Nama toko, alamat, telepon, dan email terisi otomatis. Templat tersedia dalam bahasa Indonesia dan Inggris (bahasa lain memakai Inggris). Bila kolom sudah berisi, Anda diminta konfirmasi sebelum diganti.
- Baca dan sesuaikan. Nilai dalam [kurung siku], mis.
[7]hari retur, adalah usulan yang harus Anda ganti dengan kebijakan toko Anda; hapus baris yang tidak berlaku. - Nyalakan Tampilkan halaman ini di toko.
- Ulangi untuk halaman lain, lalu tekan Simpan.
- Templat hanya contoh dan tidak otomatis tayang. Anda bertanggung jawab atas isi halaman toko Anda; tinjau, dan konsultasikan dengan penasihat hukum bila perlu.
- Halaman tayang bila menyala dan ada isinya. Pembayaran dan Pengiriman cukup dengan daftar otomatisnya. Halaman yang dimatikan atau kosong tidak muncul.
- Format teks: baris kosong memulai paragraf baru,
##untuk subjudul,-untuk butir, dan1.untuk daftar bernomor. HTML tidak dipakai. - Pembeli membukanya dari ikon Info toko, bagian Informasi. Tiap halaman punya alamat sendiri, mis.
.../api/pg/<kode tenant>/privacy, yang bisa dibuka tanpa login dan dimasukkan ke formulir pendaftaran gateway pembayaran atau layar persetujuan Google/Facebook yang meminta tautan kebijakan privasi. Nama halaman:about,howtoorder,payment,shipping,returns,privacy,terms. - Halaman yang tayang ikut masuk sitemap toko untuk Google.
Langkah 7 (Opsional): Ongkos Kirim Otomatis
- Buat jenis biayanya di Penjualan & POS / Pelanggan & Tim Penjualan / Biaya-biaya Penjualan (mis. “Ongkos Kirim”) dengan akun pendapatan ongkir. Lihat Biaya-biaya Penjualan.
- Isi Berat (gram) dan dimensi pada tiap produk.
- Di tab Tampilan & Info, bagian Ongkos kirim: nyalakan Hitung ongkos kirim di checkout, pilih Kelurahan asal pengiriman toko dan Jenis biaya penjualan untuk ongkir. Kurir yang diaktifkan membatasi pilihan kurir; kosong berarti semua kurir.
- Simpan, lalu cek baris Ongkos kirim di tab Kesiapan.
Cara kerja dan perhitungan tarif ada di bagian Ongkos Kirim pada Toko Online.
Langkah 8 (Opsional): Login Sosial
- Di tab Tampilan & Info, bagian Login Sosial, tekan Atur.
- Aktifkan Google dan/atau Facebook, isi Client ID dan Client Secret dari konsol penyedia, lalu daftarkan alamat callback yang ditampilkan di konsol itu. Buka layar ini dari alamat toko Anda (subdomain atau domain sendiri) supaya alamat callback tampil.
- Facebook meminta Privacy Policy URL sebelum aplikasi dijadikan Live, dan layar persetujuan Google punya kolom tautan kebijakan privasi: isi dengan alamat halaman Kebijakan Privasi toko dari Langkah 6.
Langkah 9 (Opsional): SEO dan Pratinjau Bagikan
Bagian SEO & Pratinjau Bagikan di tab Tampilan & Info mengatur tampil toko di Google dan di kartu pratinjau saat link toko dibagikan lewat WhatsApp, Facebook, atau Instagram. Dikosongkan = diambil dari nama, slogan, dan logo toko.
| Isian | Petunjuk |
|---|---|
| Judul SEO | Sekitar 60 karakter agar tidak terpotong (maksimal 70). |
| Deskripsi SEO | Sekitar 155 karakter (maksimal 200). |
| Kata kunci | Pisahkan dengan koma. Google tidak memakainya untuk peringkat. |
| Gambar pratinjau bagikan | 1200 × 630 piksel, JPG. Kosong memakai banner pertama yang bukan WebP, lalu logo. |
| Ikon toko (favicon) | Gambar persegi minimal 256 × 256 piksel, PNG. Kosong memakai logo. |
| Kode verifikasi Google Search Console | Tempel kodenya, atau seluruh tag meta dari Search Console. |
| Sembunyikan toko dari mesin pencari | Menambahkan noindex. Link tetap bisa dibagikan. Toko demo tidak diindeks. |
Mesin pencari membaca halaman toko yang dibuat server: halaman depan, setiap produk, setiap kategori (grup produk, 48 produk per halaman), dan Halaman Toko. Halaman depan menaut ke semua kategori sehingga semua produk bisa ditemukan lewat tautan. Semuanya ada di sitemap toko.
Langkah 10: Periksa Tab Kesiapan
Buka tab Kesiapan. Tanda merah berarti toko belum bisa menerima pesanan; kuning berarti toko jalan tetapi ada yang sebaiknya dilengkapi.
| Pemeriksaan | Jenis | Cara membereskan |
|---|---|---|
| Role visitor | Merah | Role bawaan toko tidak ada. Hubungi dukungan. |
| Pelanggan default | Merah | Pilih di tab Penjualan & Stok (Langkah 3). Tanpanya pembeli tidak bisa mendaftar. |
| Lokasi stok | Merah | Divisi dan departemen harus ada, dan departemen milik divisinya. |
| Produk siap dipesan | Merah | Periksa stok di lokasi toko, centang Tersedia di POS & Toko Online, dan Grup Produk (Langkah 2). |
| Pembayaran online | Merah | Buat dan aktifkan jenis pembayaran berjenis Gateway Pembayaran (Langkah 4). |
| WhatsApp toko | Kuning | Isi Nomor WhatsApp di Tampilan & Info, atau telepon perusahaan. |
| Email pesanan | Kuning | Server email belum diatur (hubungi admin server), atau email perusahaan kosong. |
| Ongkos kirim | Info / kuning | Dimatikan itu sah. Bila menyala tetapi kuning: lengkapi asal kirim, jenis biaya, dan mata uang IDR. |
Langkah 11: Uji dengan Pesanan Percobaan
- Buka link toko di jendela peramban privat (link ada di bagian Link toko, tab Tampilan & Info).
- Daftar sebagai pembeli percobaan: cukup nama, nomor HP, dan kata sandi.
- Tambahkan produk ke keranjang, buka tab Keranjang, isi alamat kirim, pilih kurir bila ongkir menyala, dan pilih metode pembayaran. Gunakan kredensial sandbox gateway atau nominal kecil.
- Tekan Kirim Pesanan. Pesanan muncul di tab Transaksi pembeli.
- Di ERP, buka Order Penjualan: pesanannya ada dengan memo berawalan
SHOP:. Bila SMTP sudah diatur, email konfirmasi terkirim ke pembeli dan email “pesanan baru” ke email perusahaan. - Tangani pesanan percobaan seperti order biasa (mis. batalkan atau hapus dari Order Penjualan) supaya tidak ikut diproses.
Langkah 12: Bagikan Toko
- Salin Link toko dari tab Tampilan & Info dan bagikan lewat WhatsApp atau Instagram. Tombol Bagikan di detail produk membagikan halaman produk dengan foto, harga, dan stok.
- Cek pratinjaunya di WhatsApp. Bila masih menampilkan gambar atau judul lama, itu pratinjau tersimpan di sisi WhatsApp/Facebook; coba lagi beberapa saat kemudian atau segarkan lewat Sharing Debugger Facebook.
- Untuk Google, daftarkan sitemap yang tertera di bagian Link toko pada Search Console. Sitemap memuat produk, kategori, dan halaman toko; kode verifikasinya diisi di Langkah 9. Setelah toko tayang, buka Inspeksi URL di Search Console untuk satu produk dan satu kategori, lalu minta pengindeksan; kecepatan Google mengindeks tidak bisa dijanjikan.
- Pakai alamat sendiri (mis.
tokoanda.com) lewat Domain Toko (Penjualan & POS / Toko Online / Domain Toko; hanya di layanan cloud dengan paket yang memuat fitur ini). Untuk domain yang sudah Anda miliki: arahkan A record domain (dan www) ke alamat IP server yang tertera di layar, lalu pasang domainnya di layar itu. Atau beli domain baru langsung dari layar yang sama. Sertifikat HTTPS terbit otomatis. Sesudah terpasang, link bagikan, sitemap, dan alamat Halaman Toko memakai domain utama, jadi daftarkan sitemap barunya di Search Console.
Langkah 13: Mengelola Pesanan Sehari-hari
- Pesanan baru masuk ke Penjualan & POS / Order & Pengiriman / Order Penjualan, dengan memo
SHOP:. Order belum memposting stok, piutang, atau jurnal. - Pastikan pembayaran gateway sudah berstatus paid. Gateway yang belum confirmed menahan pengiriman order.
- Buat Pengiriman Barang dari order itu. Pengiriman Barang mem-posting stok keluar. Bila pembeli memilih kurir, tujuan dan layanannya sudah terbawa untuk resi. Lihat Pengiriman Barang.
- Buat Penjualan (faktur) untuk mencatat piutang dan jurnal penjualan. Urutan kirim dulu atau faktur dulu mengikuti kebiasaan toko Anda; panduannya ada di Penjualan.
- Tandai pengiriman diterima. Pembeli melihat status dibuat, dibayar, dikirim, dan selesai di tab Transaksi.
Masalah Umum
- Toko kosong atau produk tidak tampil: lihat baris Produk siap dipesan di Kesiapan. Periksa Aktif, Tersedia di POS & Toko Online, satuan dasar, stok di lokasi toko (atau nyalakan Tampilkan stok habis), dan Grup Produk di role visitor.
- Pembeli tidak bisa mendaftar: Pelanggan default belum diatur.
- Tidak ada pilihan bayar: belum ada jenis pembayaran Gateway Pembayaran yang aktif, gatewaynya belum Aktif, atau nominal di luar Nominal Minimal/Maksimal jenis pembayaran itu.
- Ongkir tidak muncul: lihat baris Ongkos kirim di Kesiapan; asal kirim, jenis biaya, dan mata uang IDR harus lengkap, dan berat produk harus terisi.
- Email pesanan tidak terkirim: server email (SMTP) belum diatur, atau email perusahaan kosong. Pesanan tetap tersimpan.
- Halaman toko tidak muncul di Info toko: halaman harus menyala dan berisi (Pembayaran perlu jenis pembayaran aktif, Pengiriman perlu ongkir menyala). Setelah menyimpan, muat ulang toko.
- Tautan Google Maps ditolak: hanya tautan Google Maps berawalan
httpsyang diterima. Kosongkan isiannya bila ingin tombol dibentuk otomatis dari alamat. - Produk atau kategori tidak muncul di Google: pastikan toko tidak disembunyikan dari mesin pencari (Langkah 9), sitemap sudah didaftarkan, dan produknya benar-benar tampil di toko (alamat yang tidak tampil di toko menjawab 404). Toko demo tidak pernah diindeks.
- Perubahan belum terlihat: muat ulang halaman toko. Bila memakai aplikasi terpaket, fitur baru (editor Halaman toko, tautan peta) baru tampil setelah aplikasi diperbarui ke versi terbaru.
Lokasi Menu
- Penjualan & POS / Toko Online / Panduan Membangun Toko Online
/shopsetup