Info Toko Utama
Nama Toko Wajib
No. WhatsApp Admin (tanpa +)
Format Contoh
62 + 85733242474
= 6285733242474
= 6285733242474
💡 Pastikan nomor aktif & bisa dihubungi via WA. Format: 62 (kode negara) + nomor tanpa angka 0 di depan.
URL Logo Toko Opsional
🖼️ Logo Gambar: Jika diisi, logo gambar akan menggantikan teks nama toko di header. Upload gambar ke Blogger dulu, lalu salin URL-nya. Kosongkan untuk tetap pakai teks nama toko (2 warna).
Jam Operasional & Ongkir
Jam Buka (0-23)
Jam Tutup (0-23)
Ongkir Dasar (Rp/km)
⚡ Rumus ongkir: CEIL(jarak km) × Ongkir Dasar. Contoh: 2.3km → CEIL(2.3)=3 × Rp5.000 = Rp15.000. Pembeli bisa cek estimasi via tombol Cek Ongkir di toko.
Koordinat & Pickup Map
Latitude Toko
Longitude Toko
Embed URL Google Maps (untuk iframe Pickup)
Alamat Teks Toko
📌 Cara dapat koordinat: Google Maps → klik kanan di lokasi toko → salin angka pertama (lat) & kedua (lng)
Rekening Transfer
BANK
NO. REKENING
ATAS NAMA
Pembayaran QRIS
URL Gambar QRIS Opsional
📸 Upload gambar QRIS ke Blogger terlebih dahulu, lalu salin URL-nya dan paste di sini.
Setting Struk / Receipt
Nama Toko di Struk
Footer Struk
Alamat di Struk
🖨️ Teks ini tampil di halaman struk termal saat pelanggan cetak atau simpan gambar.
Konten Halaman Info
📄 Isi konten untuk halaman Cara Order, Syarat & Ketentuan, Kebijakan Privasi, dan Tentang Kami. Gunakan HTML biasa atau teks polos.
Cara Order
Syarat & Ketentuan
Kebijakan Privasi
Tentang Kami
Manajemen Voucher
Kode Voucher
Tipe
Nilai (%)
💡 Tipe Gratis Ongkir: nilai tidak dipakai — ongkir otomatis 100% gratis. Isi angka berapa saja (misal: 0).
Banner Slider Promo
Judul Banner
Tema Warna (dipakai jika tidak ada gambar)
Deskripsi Singkat
Label Tombol
Link Tombol
URL Gambar Banner Opsional
Jika diisi, foto akan jadi background slide. Teks judul & tombol tetap tampil sebagai overlay di atas foto.
📢 Banner slider tampil di halaman utama. Maksimal 5 banner direkomendasikan. Dua mode tersedia: gradasi warna + teks (default), atau foto banner + teks overlay.
Generator Post Produk
Isi form → klik Generate → salin HTML → paste di Blogger editor (mode HTML)
Informasi Produk
Nama Produk Wajib
Harga Jual (Rp)
Harga Coret / OldPrice
Status Stok
🔑 SKU = kode identifikasi unik produk (contoh:
GFM-BAJU-001). Jika punya barcode fisik, masukkan langsung (contoh: 8991234567890). Jika dikosongkan, kode akan di-generate otomatis saat Generate HTML.Terjual / Sold Opsional
Rating (1.0 - 5.0)
Label / Kategori (pisah koma)
🏷️ Label digunakan untuk filter produk terkait & Flash Sale. Tambahkan Flashsale agar masuk kategori Flash Sale.
Deskripsi Produk
URL Gambar Produk Maks 5
📌 Cara upload gambar: Buka Blogger → Postingan baru → Sisipkan gambar → setelah upload, klik kanan gambar → Salin URL gambar → paste di sini.
Varian Produk
Opsional
Aktifkan Varian
Link Marketplace Opsional
🛒 Jika produk ini juga dijual di marketplace, isi link di bawah. Tombol otomatis muncul di detail produk hanya jika link diisi. Kosongkan jika tidak tersedia.
Link Tokopedia
Link Shopee
Link TikTok Shop
Cara kerja di template:
Format yang dihasilkan:
Template akan otomatis menampilkan tombol marketplace yang terisi saja. Link kosong = tombol tidak tampil.
Tokopedia: https://...Template akan otomatis menampilkan tombol marketplace yang terisi saja. Link kosong = tombol tidak tampil.
Output HTML Produk
Kustomisasi Warna Tema
Ubah warna tema toko tanpa edit file XML secara manual
Warna Utama (Primary)
Primary Color
Primary Soft (background ringan)
Gradient (Warna Tombol & Header)
Sudut Gradient
135°
Warna Flash Sale
Gradient Background FS (terang)
Gradient Background FS (gelap)
Warna Timer Countdown
Warna Harga di Flash Sale
Live Preview & Preset Tema
GAFFI MART
Preview Warna Tema
Primary
Soft
Timer FS
PILIH PRESET TEMA CEPAT:
Panduan Penggunaan
Cara pakai Gaffi Tools Generator secara lengkap
Cara Pakai Tools Ini
1
Isi Form
2
Generate
3
Salin Kode
4
Paste di Blogger
Untuk Config Toko
1
Isi semua field di tab Config (nama toko, WA, lokasi, rekening, dll)2
Lihat kode yang otomatis ter-generate di panel kanan3
Klik tombol Salin Semua untuk menyalin semua config sekaligus4
Buka Blogger → Tata Letak → Widget ⚙️ PENGATURAN TOKO → Edit → Hapus semua isi → Paste kode baru → Simpan Cara Upload Produk Baru
Upload Produk ke Blogger
1
Buka tab Produk di tools ini. Isi nama, harga, stok, label, dan deskripsi.2
Tambahkan URL gambar produk (upload ke Blogger dulu, lalu salin URL-nya).3
Jika produk punya varian (warna/ukuran), aktifkan toggle Varian dan isi detail tiap varian.4
Buka section Marketplace — isi link Tokopedia, Shopee, dan/atau TikTok Shop jika produk juga dijual di sana. Boleh diisi sebagian, sisanya kosongkan. Tombol hanya muncul di detail produk jika link diisi.5
Klik Generate Kode HTML Produk, lalu salin hasilnya.6
Buka Blogger → Postingan Baru → klik ikon HTML → Paste kode → Publish.🛒 Format link marketplace di output:
Tokopedia: https://... — dibaca otomatis oleh template untuk menampilkan tombol marketplace di halaman detail produk. Cara Pasang Config ke Blogger
Pasang Config di Widget
1
Di panel kanan tools ini, klik tab Config C → klik Salin.2
Buka dashboard Blogger → Tata Letak.3
Cari widget bernama ⚙️ UPLOAD PRODUK TOOLS atau ⚙️ PENGATURAN TOKO → klik Edit.4
Hapus seluruh isi widget yang lama. Paste kode baru. Klik Simpan.5
Buka website toko → cek apakah nama, WA, jam, dan ongkir sudah sesuai.💡 Urutan paste yang benar di dalam 1 widget ⚙️ PENGATURAN TOKO:
Semua kode digabung dalam satu tag script. Hapus isi lama, paste yang baru, lalu Simpan.
<script> [Config C] [VOUCHERS] [PROMOS] [STYLE] </script>Semua kode digabung dalam satu tag script. Hapus isi lama, paste yang baru, lalu Simpan.
Format Varian Produk (JSON Manual)
Format JSON Varian (dengan SKU)
{"variants":[
{"n":"Merah S","p":150000,"stock":"Ready","sku":"GFM-BAJU-001-V1"},
{"n":"Biru XL","p":160000,"stock":"Preorder","sku":"GFM-BAJU-001-V2"},
{"n":"Hijau L","stock":"Empty"}
]}
n = nama varian | p = harga (opsional) | stock = Ready / Empty / Preorder | sku = kode SKU varian (opsional, auto-generate jika kosong)
Panduan SKU & Barcode
Apa itu SKU dan Barcode?
🔑
SKU (Stock Keeping Unit) = kode unik identifikasi produk di toko Anda. Contoh: GFM-BAJU-001▩
Barcode = kode numerik pada produk fisik (EAN-13, Code128, dll). Jika produk Anda punya barcode di kemasan, masukkan langsung angkanya. Contoh: 8991234567890 Cara Kerja di Generator
1
Isi Nama Produk → SKU otomatis ter-generate di field SKU (format: GFM-[NAMA]-[KODE])2
Jika punya barcode fisik, hapus isi field SKU dan ketik kode barcode Anda (angka). Barcode visual akan muncul otomatis.3
Klik tombol Auto untuk regenerate SKU, atau tombol Salin untuk menyalin kode.4
Untuk varian: setiap varian bisa punya SKU sendiri di kolom SKU Varian. Kosongkan = otomatis dibuat.5
Klik Generate HTML → SKU ikut tersimpan di output dan dibaca otomatis oleh template. Scan Barcode di Toko (Template)
1
Di halaman toko, klik ikon kaca pembesar di header untuk membuka pencarian.2
Klik ikon barcode ▩ di kanan input → overlay kamera terbuka.3
Arahkan kamera ke barcode fisik produk → sistem otomatis mendeteksi dan mencari produk.4
Jika kamera tidak tersedia, ketik kode SKU/Barcode di input manual yang tersedia. Panduan Fitur Marketplace
Cara Menambahkan Link Marketplace
1
Di tab Produk, buka section Marketplace (di bawah Varian).2
Isi field link sesuai platform: Tokopedia, Shopee, dan/atau TikTok Shop. Tidak perlu isi semua — kosongkan yang tidak dipakai.3
Klik Generate Kode HTML Produk. Kode akan otomatis menyertakan baris link marketplace yang diisi.4
Paste kode ke Blogger → Publish. Saat pengunjung membuka detail produk, tombol marketplace langsung muncul.Contoh output kode yang dihasilkan:
Tokopedia: https://tokopedia.link/xxx
Shopee: https://shopee.co.id/xxx
TikTok: https://vt.tiktok.com/xxx
Template membaca baris ini dan menampilkan tombol berwarna di halaman detail produk.
🟢 Tokopedia = tombol hijau | 🟠 Shopee = tombol oranye | ⚫ TikTok Shop = tombol hitam
🟢 Tokopedia = tombol hijau | 🟠 Shopee = tombol oranye | ⚫ TikTok Shop = tombol hitam
💡 Link yang tidak diisi = tombol tidak muncul sama sekali di detail produk. Tidak ada elemen kosong yang ditampilkan.
Cara Isi Halaman Info
Cara Mengisi Halaman Info
1
Di tab Config, buka section Halaman Info.2
Isi konten untuk Cara Order, Syarat & Ketentuan, Kebijakan Privasi, dan Tentang Kami. Boleh isi dengan teks biasa atau HTML.3
Konten akan otomatis masuk ke dalam PAGES pada kode Config C di panel kanan.4
Salin kode Config C dan paste ke widget ⚙️ PENGATURAN TOKO di Blogger.💡 Halaman ini ditampilkan di toko saat pengunjung klik menu Cara Order, Syarat, Privasi, atau Tentang.
Output Kode
Config C siap disalin