Langsung ke konten utama

Gratis Premium Blogger Template Toko Online dengan Shopping Cart

www.domainesia.com

Baca Juga

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
Buka Komentar

Komentar

sedot wc jakarta mengatakan…
wah terima kasih banyak mas
store-22 mengatakan…
bagus broooo dahh
Anonim mengatakan…
mantap mas, matur suwun ya
burhan arifin mengatakan…
Mantap mas. Tapi bisa gak tombol harga dan keranjang belanjanya dipindah tepat dibawah gambar produk?
Tukang Toko Online mengatakan…
@burhan arifin: bisa aja Gan, dioprek aja tuh kode CSSnya.. :D
iqbal mengatakan…
tombol add to cart nya ga muncul gan,,solusinya gimana ya?
Anonim mengatakan…
Mohon ijin sedot gan....
Tukang Toko Online mengatakan…
@Iqbal: mungkin anda belum melakukan Memasang Entry Post Template, atau ada kesalahan. COba ikuti lagi panduan setting templatenya..
iqbal mengatakan…
udah kok mas, tolong cek-in dong:
goo.gl/A2bno :)
ukhty nahya mengatakan…
kok udah saya ganti tapi tetep gak sesuai live demonya sih...
mohon bantuanya gan ?
Shop at Woola mengatakan…
halo gan, terimakasih ya templatenya sangat membantu. mau nanya, kalo mau ngedit kalimat-kalimat di invoice yang dikirim pembeli gmn ya
Akira Degawa mengatakan…
mas saya mau buat ini, tapi agak masih kurang mengerti :D
mungkin bisa dijasakan dengan biaya?
kalau bisa minta sesuatu buat saya contact :D
vielogy mengatakan…
thank banget, this is what i need, izin sedot ya :-D
Fahmi mengatakan…
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
UD. AMRI mengatakan…
Trims banget bro.. mantapp :)
ulfa rahmah mengatakan…
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,,
Eko mengatakan…
gan, untuk postnya kok imagenya stretch y? kira2 bisa diubah g y? biar tetep proporsional..

thanks.
Kolom Blog Gratis mengatakan…
Thanks infonya bermanfaat sekali,...
Suhardi Bae mengatakan…
Makasih gan Template nya, izin sedot, berhasil dites di http://raturafa.co.vu
tri wahyu mengatakan…
tenkyu mastter!!!

izin sedot niiii!!!
Anonim mengatakan…
bagus gan,, ada yang slide tapi yang besar??
Anonim mengatakan…
yang slide untukbagian bawah ada gak gan??ni alamat web kami http://www.tourkarimunjawaisland.com/
Zulfikar Fathoni mengatakan…
Thanks Template nya gan, tapi slidenya ga mau gan, apa ada yang perlu di edit di html nya gan? thanks
WR Collection's mengatakan…
pengan taunya gan ??? akhi2 ini kenapa yah setiap mau ganti template ngga bisa ??makasih
WR Collection's mengatakan…
Memasang Entry Post Template maksud ya gimana gan yang ""Ganti dengan Gambar Produk Anda"" ini link gambar atau gimana ??? makasih
Danu Priyatna mengatakan…
ctrl+D bung.... TY
butik busana muslim mengatakan…
MAsuk....boleh boleh boleh.....terima kasih
pendidikan islam mengatakan…
Test gan...terima kasih...atas sharing templatenya....

kode rahasia handphone
miau imut mengatakan…
mas halaman terima kasihnya susah buat url yang sama, seperti di atas ada tanda / tidak valid katanya, ada sugestion bikin url halaman terima kasihnya
Rizky mengatakan…
ganti ukuran gambar gimana gan, biar gk kegedean :D
Suzuki Semarang mengatakan…
bagus templatenya, dulu saya pernah buat toko online tapi ga bisa edit rupiahnya. akhirnya saya bisa mendapat jawabannya
izha faiq mengatakan…
Thanks berat masbrow....
Salam Kenal yaaa...

semoga makin jaya
izha faiq mengatakan…
mau nanya juga bozzz...
kolom/posting terima kasih setelah order kok gk muncul ya bos...
perangsang wanita mengatakan…
makasih gan artikeln nya
sedot wc malang mengatakan…
mantap store templatenya, berbulan-bulan cari yang kaya gini baru ketemu.
matur suwun mas bro . . .
Anonim mengatakan…
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
Anonim mengatakan…
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
Admin mengatakan…
@izha faiq dan anonim: baca lagi panduannya di atas pelan2 ya..
Anonim mengatakan…
It's Worked .. makasih banyak yah gan...
Anonim mengatakan…
1 yang paling mengganggu past di bawah kolom komentar... selalu ada banyak artikel bermunculan yang sepertinya dari premiumblog aka disqus
baby bee mengatakan…
gan, Skrip send.php-nya seperti apa?
Cilembu thea mengatakan…
mohon ijin pake kang
haturnuhun terimaksih banget yah
Redstuds Merch mengatakan…
mas kode java script buat ongkir sama logo bank di bawahnya gimana ituya? mohon info.. makasih
reval top mengatakan…
Komentar ini telah dihapus oleh administrator blog.
aRes mengatakan…
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.....
Putri Kathrina mengatakan…
Komentar ini telah dihapus oleh administrator blog.
arnug mengatakan…
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.....
huget arifianto mengatakan…
udah coba cek di folder SPAM..? :D
huget arifianto mengatakan…
cek lagi panduannya, biasanya ada yang kelewat.. :D
arief nugroho mengatakan…
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......
huget arifianto mengatakan…
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
Arkananta One mengatakan…
mantap bro
Ferlian Juniardi mengatakan…
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
Ferlian Juniardi mengatakan…
http://anaknusantara.com/maskolis/sendjs.php = 404 Not Found @-)

Popular

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. Anda bisa mengunduhnya secara gratis dari link kedua artikel template tersebut. Jangan lupa meninggalkan komentar berupa saran saran atau apapun demi perbaikan layanan template dari Tukang Toko Online.Berikut ini adalah informasi mengenai ke dua Template Tersebut.


tukutoko THEME
Live DemoDownload Fitur  Super Responsive / mobile firendlyWhatssApp OrderSMS OrderCall OrderHelp Desk widgetHotline button to WhatsApp, SMS & Phone CallSlide MenuRelated Product Postetc.Baca juga :Ngeblog da…

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…

Toko Online Blogspot Super Responsive dengan tukutoko THEME

Template blogspot toko online baru ini dirancang dengan tampilan yang sederhana dan terfokus pada produk yang dijual. Dan yang terpenting adalah sengaja dirancang untuk memfokuskan pada berbagai fitur di tampilan mobilenya. Hal ini untuk menjawab penetrasi akses internet melalui mobile device (smartphone) yang sudah mencapai 80% lebih di Indonesia.Ya, tujuannya adalah untuk menggaet pembeli yang mengakses internet via ponsel karena pasar yang besar tersebut. Otomatis beberapa fitur yang disematkan pada template ini sebisa mungkin fitur-fiturnya juga sudah harus mendukung untuk tujuan tersebut.Sebelum membahas lebih jauh tentang berbagai fitur yang tersemat pada tukutoko THEME ini, sebaiknya Anda memeriksa dulu live demo templatenya, karena difokuskan untuk tampilan yang mobile friendly, Anda bisa mengeceknya melalui ponsel favorit Anda.
Baca juga : 
Template Gratis Download untuk Bisnis Wisata dan Agen TravelNgeblog dan Jualan dengan satu Template Toko Online Gratis ini LIVE DEMODOWNLOAD
© Tukang Toko Online