📋 Preview Pesanan

Cek dulu sebelum dikirim ke WhatsApp

🛒 Keranjang

🔐 Panel Admin

Masukkan username dan password

Username atau password salah!

🔐 Masuk ke Excellent Stuff

Masuk dengan akun Google untuk lanjut belanja. Kalau email Anda terdaftar sebagai admin, menu Panel Admin akan otomatis muncul.

⚙️ Panel Admin

💾 Backup & Restore konfigurasi
Keamanan

⚠️ Default Admin: admin / admin123 — Default Seller: seller / seller123 — Segera ganti!

Akun Admin
Akun Seller
Identitas & Tampilan
Banner Promo
Tombol Ekstra Navbar (maks 3)

Tombol tambahan untuk promosi produk/layanan lain. Toggle untuk tampilkan.

Pesan WhatsApp

Foto: URL gambar (ImgBB, Google Drive publik, dll). Video: link YouTube. Kosongkan jika tidak ada.

Rumus Volumetrik

Berat vol = (P × L × T) ÷ pembagi. Ubah jika ekspedisi mengubah ketentuannya.

cm³/kg
cm³/kg
Rp
Tarif JNE per Kota (Rp/kg)
Kurir Toko

Toggle hide/show per area. Area yang di-hide tidak tampil ke customer.

Section Hero (Banner Atas)
Keunggulan
Cara Order
Testimoni
Watermark Foto Produk

Watermark ditampilkan sebagai overlay teks di atas foto (bukan menyatu permanen ke file aslinya).

Rekening Bank
Kategori & Subkategori Produk

Tiap kategori punya pesan WA otomatis sendiri. Saat pengunjung memfilter kategori tertentu lalu klik Chat WA, pesan ini yang terkirim.

Link Marketplace & Sosial Media

Toggle untuk tampilkan/sembunyikan tiap link tanpa harus menghapus datanya.

Login Admin via Google

Email yang terdaftar di bawah ini akan otomatis melihat menu Panel Admin setelah login dengan akun Google mereka. Admin utama (aldo.santoso.mail@gmail.com) permanen dan tidak bisa dihapus siapapun.

Login sekarang pakai Firebase Authentication (bukan Client ID manual lagi). Cara aktifkan: buka Firebase Console → Build → Authentication → Get started → tab Sign-in method → aktifkan provider Google. Lalu di tab Settings → Authorized domains, tambahkan domain situs Anda (netlify.app dan/atau domain sendiri).

Database Customer
#No. HPNamaAlamatKota TerakhirTgl TerakhirTotal OrderAksi
Database Terpusat (Firebase)

Firebase project untuk toko ini sudah tertanam langsung di kode situs, jadi otomatis terhubung di semua device tanpa perlu setting manual. Form di bawah cuma untuk jaga-jaga kalau suatu saat mau pindah ke project Firebase lain.

Cara Membuat Project Firebase (gratis, ~ 10 menit)
  1. Buka console.firebase.google.com, login pakai akun Google Anda.
  2. Klik "Add project" / "Tambahkan project", kasih nama bebas (mis. "excellent-stuff"), lanjut sampai selesai.
  3. Di dashboard project, klik ikon { } Web untuk daftarkan aplikasi web baru, kasih nickname bebas.
  4. Setelah itu akan muncul kode firebaseConfig berisi apiKey, authDomain, projectId, dst — salin semua nilainya ke form di atas.
  5. Di menu kiri, buka Build → Firestore Database → klik "Create database" → pilih lokasi (mis. asia-southeast) → mulai di "test mode".
  6. Kembali ke sini, klik "Simpan & Hubungkan" di atas.

Catatan keamanan: mode "test" Firestore mengizinkan siapa saja baca/tulis selama 30 hari. Untuk pemakaian jangka panjang, nanti perlu diatur security rules yang lebih ketat — tanyakan ke saya kalau sudah sampai tahap itu.

Keluar dari Test Mode (Security Rules Aman)

Setelah semua fitur dipastikan jalan lancar, ikuti langkah ini supaya database tidak lagi terbuka untuk siapa saja — cuma admin terdaftar yang bisa mengubah data, pengunjung biasa tetap bisa baca produk/harga seperti biasa.

  1. Di Firebase Console → Build → Authentication → Get started → tab Sign-in method → aktifkan provider Google.
  2. Masih di Authentication → tab Settings → Authorized domains → tambahkan domain situs Anda (netlify.app dan domain sendiri kalau sudah ada).
  3. Di Firestore → tab Data → klik "Start collection" → Collection ID: admins → Document ID: aldo.santoso.mail@gmail.com (email admin utama, huruf kecil semua) → tambah 1 field bebas misal addedAt bertipe string isi apa saja → Save. (Ini langkah wajib sekali di awal, supaya ada "admin pertama" yang dikenali sistem.)
  4. Di Firestore → tab Rules → ganti isinya jadi persis seperti ini, lalu klik Publish:
rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    function isAdmin() {
      return request.auth != null &&
        exists(/databases/$(database)/documents/admins/$(request.auth.token.email));
    }
    match /store/config {
      allow read: if true;
      allow write: if isAdmin();
    }
    match /customers/{doc} {
      allow read, write: if isAdmin();
    }
    match /admins/{doc} {
      allow read: if request.auth != null;
      allow write: if isAdmin();
    }
  }
}

Setelah rules ini aktif: pengunjung tetap bisa lihat katalog seperti biasa (tidak perlu login), tapi cuma admin yang login Google & terdaftar yang bisa mengubah data toko atau data customer.

📦 Panel Seller

Data Pengiriman

Produk Dipesan

Produk Tersedia

Katalog Produk

Tambah ke keranjang dan checkout via WhatsApp

Kalkulator Estimasi Ongkir

Hitung estimasi ongkir sebelum order

Estimasi Ongkir

Cara Order — Simpel!

4 langkah mudah, barang langsung dikirim

Kenapa Pilih Excellent Stuff?

Bukan sekadar jual kemasan — kami mitra bisnis kamu

Kata Pembeli Kami

Dipercaya ratusan pelanggan dari berbagai kota

Info Pembayaran

Transfer ke rekening berikut setelah konfirmasi order

⏰ Jam Operasional

Siap Order Sekarang?

Chat langsung dan dapatkan penawaran terbaik