
Baca Juga
Makin banyak pegiat toko online yang memanfaatkan platform blogger sebagai tempat untuk membuka lapaknya. Dan, efeknya adalah dengan makin banyak dicarinya template yang sangat mendukung untuk berbisnis ecommerce ini.
Saat ini sudah semakin banyak blogger template ecommerce yang melengkapi fiturnya dengan shopping cart. Namun hanya sedikit template berfitur shopping cart dengan currency mata uang lokal (Rupiah) dan bisa melakukan checkout via email. Kebanyakan fitur checkout dari shopping cart adalah melalui paypal atau google checkout yang pada saat ini belum bisa memproses dan menerima rupiah.
Kalaupun ada template dengan shopping cart yang memiliki fitur currency Rupiah dan tombol Checkout via email, maka yang banyak beredar adalah template berbayar atau template premium. Sampai saat ini sepertinya belum ada yang bersedia membaginya secara cuma-cuma.
Nah kali ini Tukang Toko Online akan membagikan blogger template toko Online dengan fitur shopping cart yang memakai currency rupiah dan dilengkapi juga dengan fitur checkout via email. Shopping cart di template ini memanfaatkan script dari SimpleCart dan desain template dari BloggerMint, sebelum disempurnakan oleh Tukang Toko Online agar lebih mudah dipakai oleh pebisnis lokal (Indonesia).
Setidaknya meskipun belum secanggih shopping cart dari Sistem CMS lainnya semacam Wordpress, Opencart dll, namun fitur shopping cart pada template ini sudah cukup jika dipakai sebagai lapak berjualan online buat Blogger.
Baca juga posting mengenai template toko online berikut yang sudah memiliki fitur desain responsive dan juga memiliki fungsi checkout via email serta email invoice yang lebih lengkap:
Silakan anda simak fitur selengkapnya di bawah ini dan jika anda berkenan, silakan anda download dan manfaatkan dengan bijak.
Panduan Install template
Agar kotak pencarian bisa bekerja di blog Anda, cari alamat url berikut :
Mengganti Logo
Anda harus menuju ke Tab Layout/ Tata Letak, Kemudian edit widget Header, lalu ganti logo dengan logo toko anda sendiri (lihat gambar di bawah ini).
Mengganti Banner 728x90
Masuk ke template >> edit html >> centang expand widget
Cari kode berikut :
- ganti link warna merah dengan link anda
- ganti link gambar warna biru dengan link gambar anda (pastikan ukuran gambar 728x90).
Preview template, jika sudah benar, save template anda
Mengganti Kalimat Selamat Datang
Masih di bagian Template>>Edit HTML, Cari kalimat selamat datang seperti gambar berikut ini dan ganti dengan kalimat selamat datang versi anda sendiri.
Mengganti Link Checkout Shopping Cart
Cari kode berikut ini :
Memasang Kode Template Entry Post
Copy kode script di bawah ini dan letakkan pada bagian menu Setting >> Posts anda Comments >> menuju ke opsi Post (klik edit) pada blog anda
Masuk ke menu Laman (Page) >>buat laman baru >> laman kosong kemudian masuk ke bagian HTML, beri Judul Checkout, selanjutnya copy paste script di bawah ini :
Ini masih belum selesai, agar halaman checkout via email anda bisa berfungsi, harus menambahkan kode email kontak form di bawah kode di atas. Kalau dalam contoh demo templatenya memakai form dari Kontactr (panduannya DISINI). Sehingga hasilnya seperti terlihat pada gambar di bawah ini
Anda bisa memakai form buatan buatan sendiri dari Google Docs (Lihat cara pembuatannya DISINI) atau dari form email kontak lain yang banyak bertebaran di internet.
Sampai disini tutorial panduan install template kranjang blanja sudah selesai.
Jika ada masalah silakan kirimkan komentar melalui kolom komentar di bawah.
Jangan lupa Like fanpage facebook Tukang Toko Online.
Saat ini sudah semakin banyak blogger template ecommerce yang melengkapi fiturnya dengan shopping cart. Namun hanya sedikit template berfitur shopping cart dengan currency mata uang lokal (Rupiah) dan bisa melakukan checkout via email. Kebanyakan fitur checkout dari shopping cart adalah melalui paypal atau google checkout yang pada saat ini belum bisa memproses dan menerima rupiah.
Kalaupun ada template dengan shopping cart yang memiliki fitur currency Rupiah dan tombol Checkout via email, maka yang banyak beredar adalah template berbayar atau template premium. Sampai saat ini sepertinya belum ada yang bersedia membaginya secara cuma-cuma.
Nah kali ini Tukang Toko Online akan membagikan blogger template toko Online dengan fitur shopping cart yang memakai currency rupiah dan dilengkapi juga dengan fitur checkout via email. Shopping cart di template ini memanfaatkan script dari SimpleCart dan desain template dari BloggerMint, sebelum disempurnakan oleh Tukang Toko Online agar lebih mudah dipakai oleh pebisnis lokal (Indonesia).
Setidaknya meskipun belum secanggih shopping cart dari Sistem CMS lainnya semacam Wordpress, Opencart dll, namun fitur shopping cart pada template ini sudah cukup jika dipakai sebagai lapak berjualan online buat Blogger.
Baca juga posting mengenai template toko online berikut yang sudah memiliki fitur desain responsive dan juga memiliki fungsi checkout via email serta email invoice yang lebih lengkap:
- Template Toko Online Gratis
- Template Toko Online Responsive Galaxo Shop
- Template Toko Online Responsive sederhana Simple Shop
- Update Template Simple Shop v.2
- Template Toko-02 dengan fitur jualan lengkap
Silakan anda simak fitur selengkapnya di bawah ini dan jika anda berkenan, silakan anda download dan manfaatkan dengan bijak.
Jangan Lupa untuk mengklik tombol Like pada fanpage Tukang Toko Online di facebook atau follow Twitter Tukang Toko Online agar anda bisa terus menerima update artikel dari Blog ini.
Template Kranjang Blanja
Fitur :
- Header Adspace 728x90
- YM Button
- Search Box
- Tab Navigation
- Grid Style 4 columns
- breadcumbs
- Related Post with thumbnail
- Bookmark Share Site
- Shopping cart
- IDR Currency (Rupiah)
- Multi Tabs Widget
- Checkout via email
Panduan Install template
1. Download Template dari link Download di atas
2. Masuk ke akun Blogger Anda.
3. Upload file template tersebut pada akun blogger Anda (panduan upload Template ADA DISINI)
4. Kemudian Masuk ke opsi EDIT HTML template blogger Anda. Jangan lupa untuk memberi centang Expand Widget Template (ingat!! selalu back up template dulu untuk jaga-jaga).
Berikut adalah beberapa elemen kode yang bisa anda lakukan editing.
Editing bagian Header :
Mengganti ID Yahoo Messenger
Temukan kode di bawah dan ganti text yang berwarna merah dengan ID YM anda :
ymsgr:sendIM?teguharifiantoati
dan
http://opi.yahoo.com/online?u=teguharifiantoatiMengedit kotak pencarian
Agar kotak pencarian bisa bekerja di blog Anda, cari alamat url berikut :
http://templatekranjangblanja.blogspot.com/searchganti text berwarna merah (templatekranjangblanja.blogspot.com) dengan alamat URL Blog Anda.
Mengganti Logo
Anda harus menuju ke Tab Layout/ Tata Letak, Kemudian edit widget Header, lalu ganti logo dengan logo toko anda sendiri (lihat gambar di bawah ini).
Mengganti Banner 728x90
Cari kode berikut :
<div id='topads'>Hapus semua kode yang berwarna merah dan ganti dengan kode berikut
<b:section class='adslot' id='adslot' maxwidgets='1' preferred='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<a href='http://linkanda.com/' target='_blank' rel='nofollow'><img src='http://alamaturlgambaranda.com/gambar.jpg'/></a>Keterangan:
- ganti link warna merah dengan link anda
- ganti link gambar warna biru dengan link gambar anda (pastikan ukuran gambar 728x90).
Preview template, jika sudah benar, save template anda
Mengganti Kalimat Selamat Datang
Masih di bagian Template>>Edit HTML, Cari kalimat selamat datang seperti gambar berikut ini dan ganti dengan kalimat selamat datang versi anda sendiri.
Mengganti Link Checkout Shopping Cart
Cari kode berikut ini :
<b:if cond='data:blog.url != "http://templatekranjangblanja.blogspot.com/p/checkout.html"'>Kemudian ganti semua alamat sub domain (yang berwarna merah) tersebut dengan alamat blog anda.
<!-- Shopping Cart Starts -->
<div id='add-to-cart-widget'>
<h2>Keranjang Belanja</h2>
<div class='simpleCart_items'/>
<div id='cartTotal'>
Total: <span class='simpleCart_total'/>
</div>
<div class='cartbuttons'>
<a class='simpleCart_empty' href='javascript:;'>Kosongkan</a>
<a href='http://templatekranjangblanja.blogspot.com/p/checkout.html'>Checkout</a>
</div>
</div>
<!-- Shopping Cart Ends -->
</b:if>
Memasang Kode Template Entry Post
Copy kode script di bawah ini dan letakkan pada bagian menu Setting >> Posts anda Comments >> menuju ke opsi Post (klik edit) pada blog anda
Membuat Halaman Statis / Static Page untuk Checkout
Masuk ke menu Laman (Page) >>buat laman baru >> laman kosong kemudian masuk ke bagian HTML, beri Judul Checkout, selanjutnya copy paste script di bawah ini :
<h2 style="text-align: center;">Anda bisa mengganti kalimat panduan yang berwarna merah sesuai dengan selera anda sendiri.
Keranjang Belanja Anda</h2>
<h2 style="font-weight: normal; text-align: center;">
<span style="font-size: x-small;">"Mohon Lengkapi Form dan Copy Paste Semua Order di Kolom Message. .!"</span></h2>
<div class="simpleCart_items">
</div>
<div class="clear">
<br />
<br />
<table border="1" style="width: 680px;"><tbody>
<tr><td class="odd">Total Items: </td><td class="even"><span class="simpleCart_quantity">0</span></td></tr>
<tr><td class="odd">SubTotal: </td><td class="even"><span class="simpleCart_total">Rp0.00</span></td></tr>
<tr><td class="odd">Tax Cost: </td><td class="even"><span class="simpleCart_taxCost">Rp0.00</span></td></tr>
<tr><td class="odd">Biaya Kirim: </td><td><a href="http://jne.co.id/" rel="nofollow" target="_blank">Cek di Sini</a></td></tr>
<tr><td class="odd">Final Total: </td><td class="even"><span class="simpleCart_finalTotal">Rp0.00</span></td></tr>
</tbody></table>
</div>
Ini masih belum selesai, agar halaman checkout via email anda bisa berfungsi, harus menambahkan kode email kontak form di bawah kode di atas. Kalau dalam contoh demo templatenya memakai form dari Kontactr (panduannya DISINI). Sehingga hasilnya seperti terlihat pada gambar di bawah ini
Anda bisa memakai form buatan buatan sendiri dari Google Docs (Lihat cara pembuatannya DISINI) atau dari form email kontak lain yang banyak bertebaran di internet.
Sampai disini tutorial panduan install template kranjang blanja sudah selesai.
Jika ada masalah silakan kirimkan komentar melalui kolom komentar di bawah.
Jangan lupa Like fanpage facebook Tukang Toko Online.
Kalau anda gak mau repot dan susah-susah edit template dan bikin toko online platform blogger, Manfaatin Jasa bikin toko Online dari tukang Toko Online DISINI
Komentar
Apple Store in Dubai
mo nanya nih,gw udh nyoba template nya,tp link "Check Out" yg d bwh keranjang belanja kl d klik kog g bs masuk ke Halaman Statis / Static Page untuk Checkout ?? gmn benahin nya gan??
gw udh nurut step by step nya #awalnya...
tp trs pas gw edit2 gt,entah gw klik apaan,,jadinya gitu deh...
mnta bantuannya ya gan ....
thankz for all
Thanks before
Lalu ikuti cara panduan cara : Mengganti Link Checkout Shopping Cart di atas.
@wahyu :Bisa gan, tinggal edit aja widget shopping cartnya dan ganti link cekout dengan link page checkout anda.
@informasi terkini : hapus dulu widget tsb, lalu pasang lagi widget recent post dari bloggerplugins.
@Belly : Silakan gan..
Best regards
satu lagi, gimana cara nambah form pemesanan di checkout?
thanks..
Total Items: 3
SubTotal: Rp 0.00
Tax Cost: Rp 0.00
Biaya Kirim: Cek di Sini
Final Total: Rp 0.00
terus,, di dpan harga hsil klik 'add to cart'-nya ada angka 14-nya. pdahal sharusnya gk ada. kyak gini Rp 14,120,000.00. dan aq sih sdah pasang harga dgn gak pake titik dan Rp juga. tp tes add to cart, mlah ad angka 14-ny itu.
@hyeongnimwan: untuk pengisian di masing-masing kolom usahakan jangan langsung copy paste dari sumber data anda, edit dulu di notepad baru paste di kolom, atau kalau bisa diketik lagi sendiri. Biasanya karena adanya tabel di dalam tabel karena copy paste tadi.
Solusinya edit ulang post anda...
trima kasih
thumbnail kok tidak penuh ya gan?
saat gambar di klik, gambar preview( gambar besar tidak tampil)
lalu saya sudah coba tambah ulang widget recent post, tetapi selalu ada peringatan 'widget broken".
mohon bantuannya
Cari kode ini : .post img {width:120px; height:130px;border:0 none; background:none;}
Ganti dengan kode ini : .post img {width:120px; height:130px;border:0 none; background:none;margin-right:20px;}
jika masih kelihatan ganti :margin-right:20px; (angka 20 ganti dengan yang lebih besar misal 25 atau 30), preview dulu lalu save jika hasilnya sudah benar.
Saya udah coba dan berhasil.
@ Toko Online ZENTRIST
banya yng blom bisah zy pahami
mas kalau sempat kunjugi blog zy mas
http://butik-zonamurah.blogspot.com
di tunggu yea mas petunjuknya
fb = devhi sweetmanja
kenapa Harga di Gambar Produk Rp. 250.000 waktu kita add to cart ke luar di total kerangjang belanja Rp. 250.00
mohon masukannya,,,,,
Temukan kode di bawah dan ganti text yang berwarna merah dengan ID YM anda :
Agar kotak pencarian bisa bekerja di blog Anda, cari alamat url berikut :
http://templatekranjangblanja.blogspot.com/search
ganti text berwarna merah (templatekranjangblanja.blogspot.com) dengan alamat URL Blog Anda.
Makasaih bantuanya
http//bajubayiku123.blogspot.com
makasih bantuanya gan, maklum pemula
" Mengganti Banner 728x90 "
bagian itu selalu gagal ;(( merana dah ... buat yang lainnya udah oke pake banget hehehe
mohon pencerahan lagi nanti ... (h) :>)
Lacak Kiriman Barang
Nomor Resi JNE
Bank
Kategori Produk
Biar Muncul gimana gan, makasih sebelumnya
terima kasih
di blog
http://arraihan-collection.blogspot.com/
butuh bantuannya
;(
mohon bantuan tutorial buat ngedit keranjang belanja, sama masukin harga trus kirim ordernya gan......
di blog
http://arraihan-collection.blogspot.com/
makasih dan sangat berharap ada yang mau membantu
Mohon pencerahannya