Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

THEME SHOP - Tukang Toko Online
Jasa Review

Gratis Premium Blogger Template Toko Online dengan Shopping Cart

Gratis Premium Blogger Template Toko Online dengan Shopping Cart - Ada lagi template hasil modifikasi dari Template Designer Cart yang ingin saya bagikan secara gratis kepada Anda. Template ini sudah bisa melakukan checkout via email secara otomatis dengan memberikan invoice langsung kealamat email pembeli. Dan pada email Anda pun akan ada notifikasi pembelian (PO/Purchase Order) dari Customer yang membeli produk Anda, juga secara otomatis.

Untuk lebih jelasnya silakan cek sendiri Live Demonya di bawah ini, dan jika anda berminat, silakan mendownloadnya langsung.

UPDATE

Karena sudah tidak berfungsinya shoppingcart dari 'maskolis' ini, posting template toko online GRATISS!! terbaru berikut ini bisa menjadi alternatif pilihan template toko online lainnya, dilengkapi dengan fitur terbaru yang lebih lengkap, dan lebih SEO Friendly karena sudah full responsive:


homepage template kanggo blonjo
Nama Template Template Kanggo Blonjo
Demo Template
Fitur
  • Premium Blogger Template
  • Slider in Homepage
  • Grid Style
  • Shopping Cart w/ Rp Currency (IDR)
  • Auto checkout w/ email invoice
  • Share button
  • Disqus Comment
  • Brown and White Background
Males atau Bingung cara settingnya...? 
Pake JASA TOKO ONLINE 
 dari Tukang Toko Online Saja...
Post page template kanggo blonjo

Panduan Setting Template

Cara kerja dari template ini adalah, segera setelah pembeli melakukan checkout dari shoppingcart (keranjang belanja), kemudian akan muncul popup form seperti ini:
form data pembeli
form data pembeli
Ketika pengunjung mengklik OK, akan diteruskan denagn form isian selanjutnya, mulai dari nama, email, alamat dan no telpon.
Jika sudah terisi semua, pembeli akan diarahkan ke halaman terima kasih seperti ini :
Halaman terima kasih

Selanjutnya, secara otomatis, email anda akan menerima PO (Purchase Order) pemberitahuan seperti ini :
notifikasi order email
notifikasi order di email anda
Sedangkan dari pihak pengunjung akan mendapatkan kiriman email invoice dengan format seperti berikut ini:
Invoice pembelian di email pembeli
Invoice pembelian di email pembeli
Terakhir yang anda lakukan adalah melakukan finalisasi setelah anda menerima data lengkap dari notifikasi pembeli melalui email di toko online anda tersebut.
Sederhana dan cukup efisien bukan.

Mengganti Meta Tag
Masuk ke Tab Template  >> Edit HTML >> Cari kode script berikut (ada di bagian atas) :
<title><data:blog.pageName/> | contoh template dari tukang toko online</title>
<b:else/>
<title><data:blog.pageTitle/> | contoh template dari tukang toko online</title>
Ganti tulisan berwarna merah dengan Judul Blog Anda.

Masih di opsi Edit HTML, cari kode script berikut Di bawah Kode script di atas):
<meta content='your description here' name='description'/>
<meta content='keyowrd1, keyowrd1, etc..' name='keywords'/>
Ganti tulisan your description here dengan deskripsi Toko Online Anda
Ganti tulisan keyowrd1, keyowrd1, etc.. dengan kata kunci toko online Anda

Merubah Logo di bagian header
1. Masuk ke Template >> EDIT HTML >> Centang Expand Widget Template >> cari kode beirkut ini :
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyOASvRVzbHgndZcwV1Y3SJFc9kxt69lOd2PSjm_8DS2mO1w3wVpZZJKXygZFZLfF_KlSpzDVTCrQmOvLGKgjDhDpwDgFjy54SA5Dpw4g_HNOqqA33cOanzfnuzfmSBVcaFJFvfArGG9A/s1600/logo+toko+online.png'/>
2. Selanjutnya ganti alamat URL gambar logo yang berwarna merah di atas dengan alamat logo gambar toko anda sendiri (Anda bisa menyimpan Gambar secara gratis di picasaweb.com atau photobucket.com).

3. Lalu klik Pratinjau, jika sudah benar, Simpan template

Setting Menu Navigasi

1. Menuju ke opsi Tata Letak/Layout >> Cari Widget berjudul Daftar Link >> Klik Edit >> 
Setting Widget Daftar Link

2. Tambahkan Link yang ingin Anda Tampilkan di menu navigasi header toko Anda >> Save Widget


3. Mengaktifkan Slide Show

1. Klik edit pada widget dengan judul feature content slider di bawah widget navigasi (langkah 2).

Setting Widget Slider

2. Ketikkan label yang ingin anda tampilkan pada slide anda (perhatikan penulisan huruf besar dan huruf kecil pada label)
Setting widget slider

3. Save widget dan lihat hasilnya.

Setting Widget Popular Post (Most View Product)

1. Klik edit pada widget popular,
2. Ikuti setingnya seperti di bawah ini :


setting widget popular post

Mengedit data toko online Anda

Masuk ke menu template>>edit HTML, cari script berikut ini :

simpleCart.email = 'bisnis.aira@gmail.com';
simpleCart.checkoutTo = Email;
simpleCart.currency = IDR;
simpleCart.urlWebsite = 'http://templatembledhos.blogspot.com';
simpleCart.alamatPemilik = 'Alamat Anda ';
simpleCart.noHP = '081 xxxx xxxx';
simpleCart.urlFacebook = 'http://www.facebook.com/pages/your facebook';
simpleCart.urlTwitter = 'https://twitter.com/your twitter';
simpleCart.akunbank1 = 'Bank A';
simpleCart.norek1 = 'No Rekening Bank A';
simpleCart.namarek1 = 'Nama Pemilik Rekening Bank A';
simpleCart.akunbank2 = 'Bank B';
simpleCart.norek2 = 'No Rekening Bank B';
simpleCart.namarek2 = 'Nama Pemilik Rekening Bank B';
simpleCart.akunbank3 = 'Bank C';
simpleCart.norek3 = 'No Rekening Bank C';
simpleCart.namarek3 = 'Nama Pemilik Rekening Bank C';
simpleCart.akunbank4 = 'Bank D';
simpleCart.norek4 = 'No Rekening Bank D';
simpleCart.namarek4 = 'Nama Pemilik Rekening Bank D';
simpleCart.akunbank5 = 'Bank E';
simpleCart.norek5 = 'No Rekening Bank E';
simpleCart.namarek5 = 'Nama Pemilik Rekening Bank D';
simpleCart.akunbank6 = 'Bank F';
simpleCart.norek6 = 'No Rekening Bank F';
simpleCart.namarek6 = 'Nama Pemilik Rekening Bank D';
simpleCart.urlReferrer = 'http://templatembledhos.blogspot.com';
simpleCart.businessName = 'contoh toko online';
simpleCart.formatsmsKonfirmasi= '(Nama, Email, Jumlah transfer, Bank Tujuan Transfer, Tanggal transfer)';
simpleCart.contohformatsmsKonfirmasi= 'namalengkap, emailanda@gmail.com, Rp 1.500.000, BCA, 12 Desember 2012 ';
simpleCart.catatanTambahanInvoice= '(Untuk proses lebih cepat, silakan konfirmasi via SMS)';
simpleCart.cartHeaders = ['name','thumb_image','Quantity_input','increment', 'decrement','Total'];
Tulisan warna biru di atas adalah yang harus anda ganti dan sesuaikan dengan data anda.

Memasang Entry Post Template

Copy kode script di bawah ini dan letakkan pada bagian menu Setting >> Posts anda Comments >> menuju ke opsi Post (klik edit) pada blog anda

Ganti dengan Gambar Produk Anda
<div class="datapost">
<ul> <li class="name"> Nama Produk : Test Produk 6 </li>
<li class="categ">Deskripsi : Isi dengan deskripsi produk </li>
<li class="posttag"> Produk variasi : Red textured and blue textured </li> </ul> </div>
<span class="item_price">Rp 19,999</span>
Membuat halaman Terima Kasih  

1. Langkah terakhir adalah membuat halmaan terimakasih
2. Buka menu laman/page, buat halaman baru dengan Judul Terima Kasih
3. Kemudian pada mode HTML paste script berikut ke dalamnya:

<div dir="ltr" style="text-align: left;" trbidi="on"> <b>Terima Kasih atas order Anda di Toko Online kami. E-mail Anda akan menerima Invoice pemesanan dari Kami sesuai dengan pesanan yang sudah anda lakukan sebelumnya. Anda bisa memeriksa e-mail invoice dari toko kami lalu ikuti prosedur order secara detail, berupa cara pembayaran, pengiriman dan beberapa infromasi lainnya. Anda juga bisa mengontak kami dengan langsung membalas e-mail tersebut atau melalui info kontak lainnya yang tertera pada e-mail Kami.<br /> <br /> Total order yang Anda terima melalui invoice email diluar biaya ekspedisi/kirim. Biaya kirim bisa anda cek dari<b> <a href="http://www.jne.co.id/" target="_blank">SINI</a>. </b><br /> <br /> Kami secepatnya akan memberikan konfirmasi melalui SMS ke no telpon Anda<br /> Terima kasih, atas kepercayaan dan kesediaan Anda berbelanja di Toko Online Kami dan Kami tunggu kedatangan Anda kembali.</div>
4. Anda bisa mengedit beberapa kalimat di atas sesuai  dengan keinginan anda. lalu publish page tersebut.
Pastikan bahwa alamat URL halaman terima kasih ini adalah :
http://namatokoanda.blogspot.com/p/terima-kasih.html
UPDATE:

Untuk mengganti ukuran gambar pada posting agar gambar tidak stretch dan bisa tampil otomatis sesuai dengan di entry post, cari kode berikut :
.entry img {
       padding:15px;
background:#fff;
       border:1px solid #efefef;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
       width:560px;
       margin: 0 10px 10px 0;);
}
Ganti script warna merah dengan :
width:auto; height:auto; 
Preview template dulu lalu Save

Atau Download Lagi Template yang sudah saya update dari link download di atas!!

Menghilangkan Link dari Komentar Disqus
Register blog anda ke disqus.com, simpan shortname anda (biasanya dipakai sebagai shortname.disqus.com) (googling cara daftarnya di google, sudah banyak diulas).
Cari script berikut di HTML Template kanggo blonjo:
var disqus_shortname = 'templatekanggoblonjo';
Ganti templatekanggoblonjo dengan shortname disqus yang anda dapatkan tadi. Lalu Simpan.

Selanjutnya link yang muncul adalah dari blog anda, jika ada komentar.

Selesai

Karena adanya  permintaan dari pengunjung di Malaysia untuk currency RM (Ringgit Malaysia) dari Template ini, berikut ini Link Download untuk Template yg sudah saya edit dengan currency RM

Semoga bermanfaat

54 komentar untuk "Gratis Premium Blogger Template Toko Online dengan Shopping Cart"

  1. mantap mas, matur suwun ya

    BalasHapus
  2. Mantap mas. Tapi bisa gak tombol harga dan keranjang belanjanya dipindah tepat dibawah gambar produk?

    BalasHapus
  3. @burhan arifin: bisa aja Gan, dioprek aja tuh kode CSSnya.. :D

    BalasHapus
  4. tombol add to cart nya ga muncul gan,,solusinya gimana ya?

    BalasHapus
  5. Mohon ijin sedot gan....

    BalasHapus
  6. @Iqbal: mungkin anda belum melakukan Memasang Entry Post Template, atau ada kesalahan. COba ikuti lagi panduan setting templatenya..

    BalasHapus
  7. udah kok mas, tolong cek-in dong:
    goo.gl/A2bno :)

    BalasHapus
  8. kok udah saya ganti tapi tetep gak sesuai live demonya sih...
    mohon bantuanya gan ?

    BalasHapus
  9. halo gan, terimakasih ya templatenya sangat membantu. mau nanya, kalo mau ngedit kalimat-kalimat di invoice yang dikirim pembeli gmn ya

    BalasHapus
  10. mas saya mau buat ini, tapi agak masih kurang mengerti :D
    mungkin bisa dijasakan dengan biaya?
    kalau bisa minta sesuatu buat saya contact :D

    BalasHapus
  11. thank banget, this is what i need, izin sedot ya :-D

    BalasHapus
  12. Mkash banget buat bang admin, ini lg aku cobain templatenya tp aku mau tanya nih untuk bagian memasang entry post template aku masih blm tahu caranya biar sampe gbr nya muncul, please pencerahannya. Matur nuwun

    BalasHapus
  13. maaf gan klo feature content slider saya kok gak muncul ya??saya sudah tulis label atau All Product tetep gak keluar??
    apa masih perlu ada kode html lagi,,

    BalasHapus
  14. gan, untuk postnya kok imagenya stretch y? kira2 bisa diubah g y? biar tetep proporsional..

    thanks.

    BalasHapus
  15. Thanks infonya bermanfaat sekali,...

    BalasHapus
  16. Makasih gan Template nya, izin sedot, berhasil dites di http://raturafa.co.vu

    BalasHapus
  17. tenkyu mastter!!!

    izin sedot niiii!!!

    BalasHapus
  18. bagus gan,, ada yang slide tapi yang besar??

    BalasHapus
  19. yang slide untukbagian bawah ada gak gan??ni alamat web kami http://www.tourkarimunjawaisland.com/

    BalasHapus
  20. Thanks Template nya gan, tapi slidenya ga mau gan, apa ada yang perlu di edit di html nya gan? thanks

    BalasHapus
  21. pengan taunya gan ??? akhi2 ini kenapa yah setiap mau ganti template ngga bisa ??makasih

    BalasHapus
  22. Memasang Entry Post Template maksud ya gimana gan yang ""Ganti dengan Gambar Produk Anda"" ini link gambar atau gimana ??? makasih

    BalasHapus
  23. MAsuk....boleh boleh boleh.....terima kasih

    BalasHapus
  24. Test gan...terima kasih...atas sharing templatenya....

    kode rahasia handphone

    BalasHapus
  25. mas halaman terima kasihnya susah buat url yang sama, seperti di atas ada tanda / tidak valid katanya, ada sugestion bikin url halaman terima kasihnya

    BalasHapus
    Balasan
    1. Sama nih gan. Kok ga bisa ganti custom URL ?
      Kalo cuma di tulis "Terima-Kasih"
      Malah jadi bbbb.blogspot.com/11/2014/terima-kasih.html

      Kalo ditulis link url http:// malah not valid

      Hapus
  26. ganti ukuran gambar gimana gan, biar gk kegedean :D

    BalasHapus
  27. bagus templatenya, dulu saya pernah buat toko online tapi ga bisa edit rupiahnya. akhirnya saya bisa mendapat jawabannya

    BalasHapus
  28. Thanks berat masbrow....
    Salam Kenal yaaa...

    semoga makin jaya

    BalasHapus
  29. mau nanya juga bozzz...
    kolom/posting terima kasih setelah order kok gk muncul ya bos...

    BalasHapus
  30. mantap store templatenya, berbulan-bulan cari yang kaya gini baru ketemu.
    matur suwun mas bro . . .

    BalasHapus
  31. mas, pas notif nya masuk ke email, kok nama barang nya g ada ya ??
    bingung ane
    hehehe
    trus slide nya juga g jalan
    sebelum nya trima kasih gan
    :D

    BalasHapus
  32. mas muw tanya pas si pelanggan udh beres masukin email,nama,alamat sama no tlpn ,ko pas terimakasih nya ke contoh nya buakan yg di buat sama saya ..
    mohon jawaban nya ..
    three_on@rocketmail.com

    BalasHapus
  33. @izha faiq dan anonim: baca lagi panduannya di atas pelan2 ya..

    BalasHapus
  34. It's Worked .. makasih banyak yah gan...

    BalasHapus
  35. 1 yang paling mengganggu past di bawah kolom komentar... selalu ada banyak artikel bermunculan yang sepertinya dari premiumblog aka disqus

    BalasHapus
  36. gan, Skrip send.php-nya seperti apa?

    BalasHapus
  37. mohon ijin pake kang
    haturnuhun terimaksih banget yah

    BalasHapus
  38. mas kode java script buat ongkir sama logo bank di bawahnya gimana ituya? mohon info.. makasih

    BalasHapus
  39. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  40. Halo mas helep miii.... pas nyoba seting check out pas terakhir masukin data diri uda selesai tu kenapa halaman terimakasihnya ga muncul?? dan muncul error 405 method not allowed tu kenapa yaa??? mohon bisa bantu ke email resa.kandhy@gmail.com kuraaang dikiiiit selesai ni mas kurang setting itu ja.....

    BalasHapus
    Balasan
    1. cek lagi panduannya, biasanya ada yang kelewat.. :D

      Hapus
  41. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  42. sukses buat agan, udah saya coba hasilnya 99% good jos. kurang satu gan waktu saya coba jd pembeli udah saya isi email, nama, alamat, telp. tp PO dan INVOICE kok gak terkirim ya...??
    klo ini terselesaikan jd 100% good buat template agan. Mohon petunjuknya gan.....

    BalasHapus
    Balasan
    1. udah coba cek di folder SPAM..? :D

      Hapus
    2. udah tak cek gan, masih belum ada. Trus tak coba lagi nyamar jd pembeli masih belum juga INVOIVE tidak terkirim ke email pembeli dan PO tidak masuk ke email Blog. Trus tak coba pake live demonya juga gak bisa gan......

      Hapus
    3. masalah ada di file sendjs.php punya maskolis, pemegang hakcipta script file tersebut. tempat hosting file tersebut diupload sepertinya sudah tidak diperpanjang, jadi akan tetap error sampai file tersebut dibenahin oleh yang empunya script Gan..
      Silakan cari template yang lain yang shopping cartnya sudah bisa jalan Gan... :D

      Hapus
  43. http://anaknusantara.com/maskolis/sendjs.php = 404 Not Found @-)

    BalasHapus