Blogpedia - eCommerce Template Blogger

Di bawah ini adalah panduan cara pemasangan dan pengaturan template blogger toko online premium Blogpedia. Silakan dibaca dan diikuti dengan teliti agar templatenya tampilannya terpasang dengan baik dan benar.

Ganti temanya dulu, sebelum mengatur bagian isi template TokoPedia, caranya bisa Anda buka link di bawah ini.

Baca lebih lanjut :Cara Menganti Template di Blogger

Daftar Isi :


Pengaturan Fungsi Tema

Silahkan Anda ikuti panduan dibawah ini dengan secara teliti agar Template bekerja dengan benar.

Pengaturan Akun Bank

Buka > Blogger > Tata Letak > Pengaturan Akun Bank Klik " Icon Pencil "

Peringatan!

  • noRek1 / noRek2 / noRek3 > Jangan dihapus / diganti
  • namaBank1 / namaBank2 / namaBank3 > Jangan dihapus / diganti

Penjelasan :

  • Mandiri / BCA / BNI > Ganti dengan Nama Bank Anda.
  • 123456789 > Ganti dengan Nomor Rekening milik Anda.

Jika sudah, silahkan klik tombol

Hasil :

Data akun bank pembayaran akan muncul di halaman Checkout, saat ada orang melakukan pemesanan produk.

Pengaturan Gambar Kode QR

Buka > Blogger > Tata Letak > Pengaturan Gambar Kode QR Klik " Icon Pencil "

Peringatan!

  • scanOvo > Jangan dihapus / diganti
  • scanDana > Jangan dihapus / diganti

Penjelasan :

Jika sudah, silahkan klik tombol

Hasil :

Data detail gambar kode QR OVO & OVO akan muncul di halaman Checkout, saat ada orang melakukan pemesanan produk.

Pesanan akan masuk ke email Gmail akun Blogger Anda. Klik URL ini untuk melihat Hasilnya.

Pengaturan Ongkos Kirim & Wilayah Pengiriman

Buka > Blogger > Tata Letak > Pengaturan Ongkos Kirim Klik " Icon Pencil "

Penjelasan :

Tambahan :

  • Menambahkan nama Kota & Biaya > Klik tulisan
  • Isi Kolom Tulisan :
    • Nama Situs > Isi dengan Nama Kota / Wilayah
    • URL Situs > Isi dengan Angka Biaya pengiriman

Jika sudah, silahkan klik tombol

Pengaturan Tulisan Template

Buka > Blogger > Tata Letak > Pengaturan Tulisan Klik " Icon Pencil "

Peringatan!

  • boshjn_valid_ongkir > Jangan di Ganti / di Hapus.
  • noteChat > Jangan di Ganti / di Hapus.

Penjelasan :

  • Biaya Kirim di Tambahkan > Ganti dengan tulisan yang di Inginkan.
  • Belanja makin hemat di toko ini pakai Bebas Ongkir hingga Rp40.000 dengan min. transaksi Rp50.000 > Ganti dengan tulisan yang Anda inginkan.

Jika sudah, silahkan klik tombol

Hasil :

Tulisan akan muncul dibagian kolom Chat.

Mengatur Link Menu atas Header

Widget Barner ini hanya muncul di Layar Ponsel dan tidak muncul dihalaman layar Laptop / Desktop

Widget Gambar Barner

Buka > Blogger > Tata Letak > Buka Klik " Icon Pencil "

Penjelasan :

  • Judul > Isi dengan text tulisan " Buka / Lihat "
  • Caption > Isi tulisan dengan text " Promosi / Ajakan untuk membuka Link Anda
  • Link > Isi dengan URL / Alamat link milik Anda, Rekomendasi arahkan Link ke Katalog Produk WhatsApp Bisnis Anda
  • Gambar > Upload gambar icon, untuk mendapatkan Gambar Icon silahkan Anda akses Link penyedia Gambar.Freepik dan lainnya.

Maka hasilnya jika Blog di akses melalui Ponsel, Lihat gambar dibawah ini.

Mengatur Link Menu atas Header

Anda bebas menambahkan link / Menghapusnya jika tidak diperlukan. Menu Link ini hanya akan muncul di tampilan layar Laptop / PC / Desktop, tidak berlaku di tampilan halaman smartphone.

Menu LinkList Kiri

Buka > Blogger > Tata Letak > Edit Link Header Kiri Klik " Icon Pencil "

Jika sudah, silahkan klik tombol

Menu LinkList Kanan

Buka > Blogger > Tata Letak > Edit Link Header Kanan Klik " Icon Pencil "

Jika sudah, silahkan klik tombol

Hasil :

Menganti Logo Blog / Toko

Buka Blogger > Tata Letak > Header > Edit

Penjelasan :

  • Judul Blog > Isi dengan Nama Toko Anda
  • Deskripsi Blog > Isi dengan tulisan tentang Toko Anda, contohnya : Menjual Pesawat di daerah Kalimantan selatan
  • Gambar > Upload Gambar logo toko Anda. [ Rekomendasi ukuran Lebar 142px Tinggi 31px ].

Logo hanya akan tampil dilayar versi Dekstop saja. Logo tidak akan tayang di versi layar Ponsel.

Pengaturan Menu LinkList Kategori

Buka Blogger > Tata Letak > Menu Pilihan Klik " Icon Pencil "

Jika sudah, silahkan klik tombol

Hasilnya :

Pengaturan Widget Kategori

Buka Blogger Dashbor > Tata Letak > Semua Kategori > Klik > Icon Pencil

Penjelasan :

  • Tampilan > Pilih Daftar
  • Tampilkan Jumlah Postingan > Pilih Tidak / Ya
  • Tampilkan > Pilih Semua Label / Label yang di Pilih

Label blog adalah kumpulan kategori postingan yang ada di Blog Anda, Jika blog Anda tidak ada postingan maka label / kategori tidak akan Muncul.

Hasilnya akan muncul di kolom Kategori, lihat gambar dibawah ini.

Pengaturan Daftar Menu LinkList Kategori

Buka Blogger > Tata Letak > Widget Menu Ketegori Kanan

Penjelasan :

  • Klik widget " Icon Pensil" dan edit Menu Link sesuai Kebutuhan Anda.

Maka Hasilnya akan tampil di bagian kanan Kategori.

Menu LinkList ini hanya muncul dilayar Desktop saja, Menu LinkList tidak akan tampil di layar ponsel.

Pengaturan Widget Kolom Pencarian

Buka Blogger > Tata Letak > Widget Pencarian > Klik Ikon Pensil

Widget ini sudah diatur secara bawaan, yang mana Anda tidak perlu melakukan apapun karena widget mengambil dari Data postingan yang ada di Blog Anda.

Untuk mengetahui tampilannya, Silahkan Anda lihat contoh gambar dibawah ini

Pengaturan Barner Notifikasi

Buka Blogger > Tata Letak > Widget Image Notifikasi > Klik Ikon Pensil

Penjelasan :

  • Judul > Isi dengan text tulisan " Judul yang Menarik Perhatian Pengunjung "
  • Caption > Isi tulisan dengan text " Kabar Promosi / Ajakan untuk penggunjung membuka Link Anda
  • Link > Isi dengan URL / Alamat link milik Anda, Rekomendasi arahkan Link ke Halaman Produk yang sedang ada Diskon
  • Gambar > Upload gambar barner, Rekomendasi ukuran gambar barner Lebar 500px & Tinggi 500px.

Jika sudah, silahkan klik tombol

Lihat Hasil tampilan :

Pengaturan Menu LinkList Pencarian

Buka " Blogger " > Tata Letak > Widget Pencarian Terbaik Klik " Icon Pencil "

Atur Tambahkan / Hapus Menu LinkList yang ingin Anda tampilkan.

Hasil dari tampilan widget ini.

Pengaturan Icon Gambar Versi Ponsel

Gambar icon kecil ini, hanya akan muncul di tampilan layar ponsel saja.

Buka " Blogger " > Tata Letak > Widget Icon Mobile Klik " Icon Pencil "

Penjelasan :

  • Judul > Biarkan seperti standarnya
  • Caption > Isi tulisan dengan text " Tulisan Kategori,cth Baju / Celana / Topi "
  • Link > Isi dengan URL / Alamat link kategori produk
  • Gambar > Upload gambar icon, Rekomendasi ukuran icon Lebar 64px & Tinggi 64px. Icon Pack bisa Anda cari di Website Freepik.

Hasil dari widget ini :

Pengaturan Gambar Barner Produk

Gambar barner produk akan tampil di layar desktop & smartphone dengan jumlah yang berbeda.

Buka " Blogger " > Tata Letak > Widget Barner Slider Klik " Icon Pencil "

Pengaturan Widget Produk sesuai Kategori

Buka " Blogger " > Tata Letak > Widget Label Produk Klik " Icon Pencil "

Penjelasan :

  • Judul > Isi dengan tulisan Judul yang Anda inginkan.
  • Konten > Isi dengan Text / Tulisan kategori produk dari Blog Anda. Cth " Baju / Celana / Topi "

Pengaturan Widget Postingan Produk

Buka " Blogger " > Tata Letak > Postingan Blog Klik " Icon Pencil "

Penjelasan :

  • Jumlah postingan di halaman utama: > Isi dengan Jumlah [ 12 ]
  • Teks link halaman entri: > Isi dengan Tulisan text yang Anda inginkan

Untuk pengaturan lainnya, biarkan seperti standarnya saja sesuai gambar yang saya beri tanda warna merah.

Hasil dari beberapa tampilan dari widget ini :

Pengaturan Merubah Warna Tema

Buka " Blogger " > Template / Tema > SESUAIKAN Klik " "

Penjelasan :

  • Background / Latar Belakang > Tema Warna Utama > Klik " Pilih Warna sesuai keinginan secara Otomatis "

Penjelasan :

  • Lanjutkan > Warna tema yang bisa Anda ubah secara manual, silahkan Anda kreasikan sendiri bagian warna apa saja yang Anda ingin rubah.
  • Gagdet > Widget dari Template yang bisa Anda sembunyikan / ditampilkan.

Jika sudah, silahkan klik tombol untuk menyimpan hasilnya.

Membuat Halaman Pembayaran

Buka Blogger > Halaman > Klik tombol > Isi judul dengan tulisan " Checkout "

Lalu klik " "

Catatan: Biarkan saja kosong untuk isi halaman.

Pastikan URL linknya adalah " /p/checkout.html "

Membuat Postingan Produk

Ada 2 panduan yang bisa Anda ikuti dibawah ini. Silahkan simak dengan teliti dan benar agar tampilan Blog Anda sesuai seperti di demo.

Panduan Membuat Postingan Produk melalui Video


Panduan Membuat Postingan Produk melalui Tulisan

Buka Blogger > Postingan > Klik

Penjelasan :

  • Dikolom Judul isi dengan " JUDUL / NAMA PRODUK YANG ANDA JUAL "
  • Kolom postingan > Silahkan Anda upload dulu Foto / Gambar produk yang Anda jual.
  • Isi tulisan Deskripsi sesuai Penjelasan yang Anda inginkan.
  • Untuk memberikan Harga Produk yang Anda jual, silahkan tulis kode price/ Rp dan kasih tanda coret. Lihat contoh gambar dibawah ini.
  • Memberikan Harga Coret, silahkan tulis kode off/ Rp dan kasih tanda coret. Lihat contoh gambar dibawah ini.
  • Menandai Status Produk, silahkan tulis kode label/ Status Produk dan kasih tanda coret. Lihat contoh gambar dibawah ini.
  • Hasil dari keseluruhan susunan postingan produk maka akan menjadi seperti gambar dibawah ini.
  • Memberikan Kategori / Label postingan produk sesuai keinginan. Klik "Label" > Isi Kolom misalnya "Jam Tangan". Lihat contoh gambar dibawah ini.
  • Memberikan Lokasi Produk sesuai wilayah Anda. Klik "Lokasi" > Isi Kolom " Nama Negara, cth Indonesia " lalu klik icon " Pencarian " nanti akan otomatis dikolom kedua terisi dengan nama negara tadi, Ganti tulisan sesuai wilayah Anda,cth Kabupaten Tapin, Kecamatan dan Kota. Lihat contoh gambar dibawah ini.

Jika sudah benar semua sesuai arahan, Maka tinggal Anda klik tombol untuk menerbitkan postingan produk jualan Anda.

Hasilnya akan kurang lebih seperti contoh gambar dibawah ini.


Pertanyaan Lainnya :

Silahkan Anda tulis pertanyaan di kolom komentar blog ini.

Update Documentation 20/05/2021