Pengaturan Template Juragan

Panduan lengkap untuk mengatur template Juragan setelah dipasang di blog Anda.

Prasyarat

Pastikan Anda sudah memahami dasar-dasar Blogger seperti membuat postingan, halaman statis, dan memasang widget. Panduan ini fokus pada pengaturan template Juragan.

Pemasangan template

Panduan memasang template (Edit HTML untuk pertama kali, atau Pulihkan untuk update) sudah ada di halaman umum Pemasangan Template.

Daftar Pengaturan

Pengaturan	Deskripsi
Kode Pengaturan	Konfigurasi fitur & WhatsApp lewat tool generator
Banner Homepage	Gambar banner/hero bagian atas homepage
Kategori Produk	Baris ikon kategori dengan link label
Produk Pilihan	Grid kartu produk unggulan dari daftar URL
Ulasan Pelanggan	Grid testimonial pelanggan
Pertanyaan Umum (FAQ)	Accordion FAQ
Info Toko	Alamat, jam buka, link WhatsApp/Google Maps
Menu Navigasi & Icon Sosmed	Widget footer
Posting Produk	Cara membuat postingan produk + varian
Posting Artikel	Cara membuat postingan artikel/blog
Halaman Statis	Halaman Tentang Kami, Kebijakan, Kontak
Riwayat Pesanan Otomatis	Pencatatan pesanan otomatis ke Google Sheet (wajib untuk pembayaran online)
Pembayaran Online Midtrans	Terima pembayaran QRIS / Virtual Account / E-Wallet

Pengaturan umum: Menu · Icon Sosmed · Logo, Footer, Favicon

---

Kode Pengaturan Template

Konfigurasi utama tema dikelola dari widget Kode Pengaturan Template (di menu Tata Letak). Di sini Anda mengatur nomor WhatsApp, metode pembayaran, ongkir, keranjang, dan lainnya.

Cara Membuat & Memasang

1. Buka Tata Letak di dashboard Blogger.
2. Cari widget Kode Pengaturan Template, klik ikon pensil.
3. Isi konfigurasi berbentuk objek themeSetting (lihat contoh), lalu Simpan.

<script>
var themeSetting = {
  nomorWa: "6281234567890",
  enablePayInstructions: true,
  payUniqueCode: true,
  ongkirMode: "perkg",
  ongkirPerKg: 15000
};
</script>

Isi widget wajib dibungkus tag <script>

Tanpa pembungkus <script>, kode akan tampil sebagai teks polos dan tidak berfungsi.

Cara termudah menyusun kode lengkap tanpa menulis manual: gunakan generator resmi Kode Pengaturan Juragan di https://tools.sugeng.id/juragan-setting/. Tool ini menghasilkan kode sesuai kebutuhan dan tinggal disalin ke widget.

Fitur tingkat lanjut (pesanan & pembayaran online)

Grup "Fitur tingkat lanjut" pada generator berisi URL Webhook (Google Script), toggle Bayar Online (Midtrans), dan URL Cloudflare Worker. Pemakaiannya dijelaskan di Riwayat Pesanan Otomatis dan Pembayaran Online Midtrans. Pembayaran online hanya bisa diaktifkan setelah webhook riwayat pesanan terisi.

Banner Homepage

Widget Banner Homepage menampilkan gambar banner/hero di bagian atas homepage dengan judul dan teks singkat.

1. Buka Tata Letak, cari widget Banner Homepage, klik ikon pensil.
2. Buat banner dengan Generator Banner Homepage Juragan di https://tools.sugeng.id/juragan-banner/.
3. Salin kode hasil generator (gambar, judul, teks, tombol) ke widget, lalu Simpan.

Kosongkan = tidak tampil

Jika widget ini dikosongkan, seluruh section Banner otomatis disembunyikan.

Kategori Produk

Widget Kategori Produk menampilkan baris ikon kategori dengan label dan link ke halaman label produk.

1. Buka widget Kategori Produk di Tata Letak.
2. Gunakan Generator Kategori Juragan di https://tools.sugeng.id/juragan-kategori/ (tool mengambil daftar label dari blog Anda).
3. Salin hasilnya ke widget, lalu Simpan.

Produk Pilihan

Widget Produk Pilihan menampilkan grid kartu produk unggulan. Cukup tulis daftar URL produk, satu per baris.

1. Buka widget Produk Pilihan di Tata Letak.
2. Gunakan Generator Produk Pilihan Juragan di https://tools.sugeng.id/juragan-featured/ untuk menyusun daftar URL.
3. Tempel ke widget, lalu Simpan.

Tema memuat data tiap produk otomatis (gambar, nama, harga, tombol keranjang). Kurangi/ubah daftar URL untuk mengontrol produk yang tampil.

Ulasan Pelanggan (testimonial)

Widget Ulasan Pelanggan menampilkan grid ulasan/testimonial di homepage.

1. Buka widget Ulasan Pelanggan di Tata Letak.
2. Gunakan Generator Ulasan Juragan di https://tools.sugeng.id/juragan-testimonial/ (mendukung teks ataupun screenshot WhatsApp).
3. Salin kode hasil generator ke widget, lalu Simpan.

Pertanyaan Umum (FAQ)

Widget Pertanyaan Umum menampilkan accordion FAQ di homepage.

1. Buka widget Pertanyaan Umum di Tata Letak.
2. Gunakan Generator FAQ Juragan di https://tools.sugeng.id/juragan-faq/ untuk menyusun pertanyaan & jawaban.
3. Salin hasilnya ke widget, lalu Simpan.

Info Toko

Widget Info Toko menampilkan informasi toko (alamat, jam buka, link WhatsApp, opsional link Google Maps), biasanya di bagian bawah homepage sebelum footer.

1. Buka widget Info Toko di Tata Letak.
2. Gunakan Generator Info Toko Juragan di https://tools.sugeng.id/juragan-info-toko/ (kolom maps opsional: jika diisi, alamat menjadi link Google Maps).
3. Salin hasilnya ke widget, lalu Simpan.

Menu Navigasi & Icon Media Sosial

Menu Navigasi (Kode Menu Navigasi)

1. Buka widget Kode Menu Navigasi di footer.
2. Tempel kode menu dengan format url-menu nama-menu (tiap menu satu baris), lalu Simpan.

Icon Media Sosial (Kode Icon Media Sosial)

1. Buka widget Kode Icon Media Sosial di footer.
2. Gunakan Generator Icon Sosmed di tools (output SVG inline) untuk menyusun ikon.
3. Tempel hasilnya, lalu Simpan.

Baris paling bawah footer (copyright + tahun) dibuat otomatis oleh tema.

Keranjang, Wishlist & Checkout WhatsApp

Tema menyediakan keranjang (localStorage), wishlist, dan checkout yang mengirim pesanan ke WhatsApp Anda.

Alur pembeli

1. Pembeli memilih jumlah & (jika ada) varian, lalu klik Tambah ke Keranjang atau Beli Sekarang.
2. Dari ikon keranjang, pembeli membuka Keranjang, memeriksa item, lalu Lanjut.
3. Tema menampilkan form data pemesanan (nama, WhatsApp, alamat, metode bayar, dst).
4. Tema menyusun rincian pesanan (item, qty, varian, subtotal, ongkir, kode unik, total transfer) dan mengarahkannya ke WhatsApp Anda.

Kode unik pembayaran

Jika payUniqueCode aktif (default), tema menambahkan kode unik acak (1-999) ke total. Total transfer = total pesanan + kode unik.

Biaya ongkir

Tema mendukung mode ongkir: nonaktif, per kilogram, dan gratis. Mode & berat produk ditentukan per postingan (di Generator Postingan Produk); tarif per kg (ongkirPerKg) diatur lewat Kode Pengaturan Template. Berat dihitung kelipatan 1 kg.

Pembayaran online (opsional)

Selain WhatsApp, tema bisa menerima pembayaran online (QRIS, Virtual Account, E-Wallet) lewat Midtrans. Syarat wajib: riwayat pesanan otomatis (webhook) harus terpasang lebih dulu. Panduan lengkap: Pembayaran Online Midtrans.

Cara Posting Produk

Cara termudah dan akurat membuat postingan produk adalah dengan Generator Kode HTML Posting Produk Juragan di https://tools.sugeng.id/juragan-posting/.

1. Buka generator Postingan Produk Juragan.
2. Isi data produk: gambar (1-5), harga + promo, deskripsi singkat & panjang, status, link marketplace, maksimum qty, berat (untuk ongkir per kg), dan pengaturan tombol beli.
3. (Opsional) Aktifkan varian Ukuran & Warna dan isi pilihan tiap grup.
4. Klik Buat Kode, lalu salin kode HTML konten produk.
5. Buka halaman Penulisan di Blogger, tempel kode, dan terbitkan.

Varian ukuran & warna

• Pembeli wajib memilih tiap grup varian sebelum produk masuk keranjang/checkout.
• Pilihan varian ikut tercatat di pesanan (contoh: 1x Tas Anyaman (Ukuran: M, Warna: Cokelat)).
• Di kartu listing, produk ber-varian membuka kotak pilihan cepat saat tombol keranjang diklik.

Label status produk

Status Stok Habis dan Pre-Order ditentukan lewat label postingan di editor Blogger (bukan dari konten). Beri label Stok Habis/Out of Stock atau Pre-Order agar tema menampilkan badge yang sesuai.

Cara Posting Artikel

Artikel dipakai untuk konten non-produk (tips, berita, panduan). Kuncinya: beri label artikel.

1. Buat postingan biasa di Blogger.
2. Beri salah satu label: Artikel, Articles, atau Blog.
3. Terbitkan.

Dengan label Artikel, postingan tidak tampil di grid produk homepage, tetap tampil di halaman labelnya dengan tata letak artikel, dan hanya postingan ber-artikel yang menampilkan bagian komentar.

Cara Membuat Halaman Statis

Halaman statis dipakai untuk konten yang jarang berubah (Tentang Kami, Kebijakan Privasi, Kontak).

1. Di dashboard Blogger, buka menu Halaman → Halaman Baru.
2. Pilih jenis kosong atau HTML sesuai kebutuhan. Isi judul & konten, lalu Terbitkan.
3. Untuk menampilkannya di menu blog, salin URL halaman tersebut dan tambahkan ke Kode Menu Navigasi (format url-menu nama-menu).

Troubleshooting

Gejala	Kemungkinan penyebab	Solusi
Tombol keranjang/wishlist tidak muncul	Fitur dimatikan di pengaturan	Set enableCart / enableWishlist ke true
Konfigurasi tidak berlaku	Kode tanpa tag <script> atau sintaks error	Pakai <script>var themeSetting={...};</script>
Checkout tidak mengarah ke WhatsApp	Nomor WhatsApp kosong/salah format	Set nomorWa dengan format 62xx
Ongkir tidak muncul	Mode off atau berat kosong	Set mode & isi berat di postingan
Logo tidak berubah di mode gelap	Field logo gelap kosong	Isi logoDarkModeUrl di pengaturan tema (kelompok tampilan)
Produk tampil dobel / paginasi dobel	Cache feed browser	Kosongkan cache / buka mode incognito