Langsung ke konten utama

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='http://3.bp.blogspot.com/-jZLJ_DkcQoU/T7xx2b4PgHI/AAAAAAAAASw/HaqPeOXzyXc/s1600/logo%2Btoko%2Bonline.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

Komentar

  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. Trims banget bro.. mantapp :)

    BalasHapus
  14. 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
  15. gan, untuk postnya kok imagenya stretch y? kira2 bisa diubah g y? biar tetep proporsional..

    thanks.

    BalasHapus
  16. Thanks infonya bermanfaat sekali,...

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

    BalasHapus
  18. tenkyu mastter!!!

    izin sedot niiii!!!

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

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

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

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

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

    BalasHapus
  24. MAsuk....boleh boleh boleh.....terima kasih

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

    kode rahasia handphone

    BalasHapus
  26. 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
  27. ganti ukuran gambar gimana gan, biar gk kegedean :D

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

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

    semoga makin jaya

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

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

    BalasHapus
  32. 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
  33. 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
  34. @izha faiq dan anonim: baca lagi panduannya di atas pelan2 ya..

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

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

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

    BalasHapus
  38. mohon ijin pake kang
    haturnuhun terimaksih banget yah

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

    BalasHapus
  40. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  41. 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
  42. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  43. 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
  44. http://anaknusantara.com/maskolis/sendjs.php = 404 Not Found @-)

    BalasHapus

Popular

Gratis Download Template Toko Online Blogspot Responsif Baru dan Keren

Menyongsong hari kemerdekaan RI di tahun ini, Tukang Toko Online juga ingin memberikan hadiah berupa bagi-bagi template toko online blogspot terbaru secara gratis.

Template yang akan dibagikan gratis ini merupakan versi Lite-nya dari Template Toko-01 yang barusan di luncurkan sebelumnya. Meskipun demikian sejumlah fitur utama tetap disertakan pada template ini, sehingga tidak mengurangi fungsi serta kebutuhan utama untuk toko online Anda.

Beberapa fitur wajib seperti, meta tag SEO, payment widget, opsi order, info contact, customer service dll. sudah ada dan siap digunakan pada template ini. Panduan step by stepsetting templatenya tetap akan diberikan meskipun template toko-02 ini dibagikan secara gratis.

Tapi tentu saja, meskipun Anda tidak harus membayar untuk mendapatkan template ini, tetap ada sejumlah syarat yang harus Anda penuhi untuk mendapatkan template ini, seperti halnya jika Anda pernah mengunduh beberapa template gratis di blog ini. Syaratnya cukup mudah dan tidak membera…

Memulai Toko Blogspot dengan Template Toko-01

Template toko blogspot yang diluncurkan kali ini lebih memilih memakai warna yang netral. Sedikit perpaduan warna hitam, merah dan warna putih yang lebih dominan. Beberapa fitur di template toko online ini mengacu pada kebutuhan utama dari sebuah toko online, contohnya seperti adanya pilihan cara order (shopping cart atau via sms), info bank pembayaran, info contact customer service dll.

Untuk tampilan di versi mobile lebih disederhanakan sehingga beban loadingnya diharapkan tidak menjadi masalah, meski dibuka dengan akses internet di sinyal yang terbatas.

Fitur selengkapnya bisa Anda periksa langsung melalui link Live Demo template di bawah ini.

Cek Template dengan fitur yang lainnya :

Green Green Template, Template serba hijauZen Pink Template, dengan warna merah mudaTemplate Buku Kita, toko buku online yang dipadukan dengan blogging

Template Toko-01 LIVE DEMO
MAIN FEATURESCheck List Full Responsive DesignGrid View HomepageHeader Contact Customer Service iconResponsive menuPro…

2 Template Toko Online Blogspot Gratis Rasa Premium

2 Template Toko Online Blogspot Gratis Rasa Premium - Untuk me-review Template Toko Online yang pernah didesain ulang Tukang Toko Online, posting kali ini sengaja untuk memberikan sedikit informasi untuk pengunjung setia Tukang Toko Online yang mungkin sempat ketinggalan info mengenai template toko online gratis namun dengan rasa premium.

Nah berikut ini adalah 2 template toko online blogspot gratis yang juga memiliki pilihan premium jika anda berniat untuk mendapatkan fitur tambahan yang lebih lengkap. Itulah mengapa ke dua template tersebut be-rasa premium :D.

Berikut ini adalah ke dua Template Tersebut.


Template Sederhana Simple Shop
Live DemoDownload

Fitur  Shopping CartEmail InvoiceResponsive ViewMini Cart IconRupiah CurrencyHotline text iconSearch BoxRelated Product PostFitur selengkapnya klik sub judul template ini
Galaxo Shop Responsive Template
Live DemoDownload Fitur : Responsive Background ColorBlack-WhiteSlide ShowFeatured ProductSocial ButtonShopping CartInvoice EmailCurrencyRu…
DISCLAIMER: Tukang Toko Online berhak menolak order jasa toko online yang bertentangan dengan hukum di wilayah RI. Order tidak bisa dibatalkan, hanya bisa dialihkan ke Paket lain. Tukang Toko Online tidak bertanggung jawab terhadap isi/konten Toko Online. | MOHON BACA TOS SEBELUM ORDER