๐Ÿ“– Dokumentasi

Panduan Lengkap Aplikasi Toko Online

Semua yang perlu Anda tahu untuk mengelola toko online ini โ€” dari menambah produk hingga menerima pembayaran otomatis dan tampil di Google. Tanpa perlu skill teknis.

1. Memulai

Aplikasi ini punya dua sisi: Toko (untuk pembeli) dan Admin (untuk Anda).

๐Ÿ›๏ธ Sisi Toko

Halaman publik tempat pembeli melihat produk & belanja.

Buka toko โ†’

๐Ÿ”ง Sisi Admin

Panel kontrol untuk kelola produk, pesanan & pengaturan.

Buka admin โ†’

2. Login Admin

  1. 1
  2. 2

    Masukkan username dan password admin Anda, lalu klik Masuk.

  3. 3

    Anda masuk ke Dashboard yang menampilkan ringkasan penjualan, pesanan, dan stok menipis.

๐Ÿ’ก Demi keamanan, jangan bagikan kredensial admin ke sembarang orang.

3. Kelola Produk

Menu Produk di admin untuk menambah, edit, dan hapus produk.

โž• Menambah produk

  1. Klik tombol + Tambah Produk
  2. Isi nama, kategori, harga, harga coret (opsional), stok, dan berat (gram) โ€” berat penting untuk hitung ongkir
  3. Tulis deskripsi yang menarik & lengkap (bagus untuk SEO)
  4. Upload foto produk (bisa lebih dari satu)
  5. Centang Aktif agar tampil di toko, Unggulan agar muncul di beranda
  6. Klik Simpan

โœ๏ธ Edit cepat

Di daftar produk, klik Edit untuk ubah detail, atau klik tombol status Aktif/Nonaktif dan โ˜… untuk toggle cepat tanpa buka form.

๐Ÿ’ก Tips SEO: deskripsi produk yang detail & unik membantu produk Anda muncul di pencarian Google.

4. Kelola Pesanan

Menu Pesanan menampilkan semua order yang masuk.

Alur memproses pesanan

Menunggu โ†’Diproses โ†’Dikirim โ†’Selesai
  1. Klik pesanan untuk lihat detail pembeli, alamat, item, dan ongkir
  2. Jika perlu, sesuaikan ongkir secara manual (total otomatis dihitung ulang)
  3. Ubah Status Pesanan sesuai progres (Diproses โ†’ Dikirim โ†’ Selesai)
  4. Status Bayar jadi "Lunas" otomatis saat pembayaran online berhasil
  5. Klik Simpan Perubahan

5. Informasi Toko

Di Pengaturan โ†’ Toko, atur:

  • Nama toko & nomor WhatsApp (format 62, mis. 6281234567890)
  • Rekening bank untuk pembayaran transfer manual

๐Ÿ’ก Nomor WhatsApp dipakai untuk tombol "Konfirmasi via WhatsApp" yang muncul di halaman pesanan pembeli.

6. Pengaturan Pembayaran

Di Pengaturan โ†’ Pembayaran, pilih cara pembeli membayar.

โšก

Komerce (QRIS & VA)

Pembayaran otomatis QRIS + Virtual Account bank.

๐Ÿ’ณ

Midtrans

Alternatif gateway (QRIS, VA, e-wallet, kartu).

๐Ÿฆ

Manual

Transfer ke rekening + konfirmasi WhatsApp.

Aktifkan Komerce Payment

  1. Login ke collaborator.komerce.id
  2. Menu Integration โ†’ API Key, salin Payment API key
  3. Di admin โ†’ Pengaturan โ†’ Pembayaran, pilih provider Komerce, tempel key, klik Simpan
  4. Untuk testing pakai mode sandbox (jangan centang Production)
  5. Untuk terima uang asli: aktifkan akun production di Komerce, lalu centang Mode Production

โš ๏ธ Key sandbox berbeda dari key production. Pastikan mode & key cocok.

7. Pengaturan Pengiriman

Ongkir dihitung otomatis dengan RajaOngkir. Atur di Pengaturan โ†’ Pengiriman:

  1. Tempel API Key RajaOngkir (dari collaborator.komerce.id โ†’ Integration โ†’ API Key), klik Simpan
  2. Set lokasi asal (gudang/toko) โ€” ketik nama kecamatan lalu pilih
  3. Centang kurir aktif (JNE, J&T, SiCepat, dll)
  4. Atur berat default & gratis ongkir minimal (opsional)

โœ“ Saat checkout, pembeli pilih kota tujuan โ†’ ongkir semua kurir muncul otomatis โ†’ masuk ke total.

8. SEO & Tampil di Google

Toko ini sudah dilengkapi SEO teknis lengkap (structured data, sitemap, meta tag, dukungan AI Overview). Yang perlu Anda lakukan: daftarkan ke Google.

Daftar Google Search Console

  1. Buka search.google.com/search-console
  2. Add Property โ†’ URL prefix โ†’ https://glad2glow.mdt.biz.id
  3. Pilih metode HTML tag, salin isi content="..."
  4. Tempel di admin โ†’ Pengaturan โ†’ SEO & Analytics โ†’ Kode Verifikasi, Simpan
  5. Kembali ke Google, klik Verify
  6. Submit sitemap: https://glad2glow.mdt.biz.id/sitemap.xml

โš ๏ธ Penting: tidak ada yang bisa menjamin peringkat #1 atau pasti masuk AI Overview โ€” itu keputusan algoritma Google. Yang membantu naik peringkat: deskripsi produk lengkap, foto berkualitas, backlink dari sosial media, dan ulasan pelanggan.

9. Install Aplikasi (PWA)

Toko ini bisa di-install di HP seperti aplikasi biasa.

๐Ÿ“ฑ Android (Chrome)

Buka situs โ†’ muncul banner "Install Aplikasi" โ†’ ketuk Install. Atau menu โ‹ฎ โ†’ "Tambahkan ke layar utama".

๐ŸŽ iPhone (Safari)

Buka situs โ†’ tombol Share โ†’ "Add to Home Screen".

๐Ÿ’ก Saat ada update, pengguna otomatis melihat notifikasi "Versi baru tersedia โ€” Perbarui".

10. Pertanyaan Umum

โ€บ Apakah saya perlu skill teknis?

Tidak. Semua diatur lewat panel admin โ€” produk, pesanan, pembayaran, pengiriman, dan SEO. Tidak perlu menyentuh server.

โ€บ Bagaimana cara ganti API key pembayaran/ongkir?

Buka Pengaturan di admin, masuk tab yang sesuai, tempel key baru, klik Simpan. Langsung berlaku tanpa restart.

โ€บ Apakah pembeli wajib daftar akun?

Tidak. Pembeli bisa checkout sebagai tamu. Akun bersifat opsional untuk menyimpan riwayat pesanan.

โ€บ Bagaimana saya tahu ada pesanan baru?

Cek menu Pesanan di admin. Pesanan dengan status bayar 'Lunas' siap diproses.

โ€บ Apakah ongkir akurat?

Ya, dihitung real-time via RajaOngkir berdasarkan kota tujuan & berat produk. Anda juga bisa override manual per pesanan.

Siap mulai?

Masuk ke panel admin dan atur toko Anda.

Buka Panel Admin