Template Toko Online Sederhana dari Simple Shop
Template Toko Online Sederhana dari Simple Shop ini dirancang tidak rumit dan sangat simple, terdiri dari satu kolom tanpa sidebar, namun masih menyisakan footer yang terbagi tiga kolom. Prinsipnya adalah untuk memudahkan admin toko online dalam mengelola dan melakukan posting produk dengan tidak banyak kode script yang cukup rumit.
Pada saat posting, hanya cukup memasukan satu baris script harga (item_price) saja, dan sisanya bisa dilakukan seperti halnya pada saat melakukan posting di blogspot seperti biasanya.
Meskipun didesain cukup simpel namun tetap tidak meninggalkan konsep SEO dari sebuah template dengan dilengkapi Meta Tag yang cukup lengkap, disertakan juga Meta Tag dari Dublin Core sehingga bisa menambah kekuatan SEO template ini. Loading template ini juga sudah cukup cepat untuk ukuran sebuah toko online.
Fitur selengkapnya bisa Anda simak di bawah ini.
Berdasarkan GTmetrix, template simple shop ini memiliki speed loading yang cukup lumayan, untuk ukuran sebuah toko online.
Pilihan template berikut ini memiliki fitur yang lebih lengkap dibandingkan Template Simple Shop ini, jika anda mencari opsi template dengan fitur yang lain :
Langkah #1. Install Template ke Blogspot
1. Download file template dari link yang sudah disediakan
2. Decompress (unzip) jika file berupa file compress (.zip)
3. Buka file template dengan notepad.
4. Masuk ke dashboard blogspot anda, menuju ke menu template >> klik edit html
5. Copy dan paste semua file template dari notepad tadi ke kolom html template.
6. Simpan Template.
7. Non aktifkan tampilan seluler seperti gambar berikut :
Langkah #2. Setting Meta Tag Description
1. Masuk ke template >> klik edit html
2. cari kode berikut, dan ganti dengan data blog anda.
3. save template
Langkah #3. Setting data untuk invoice email.
1. Masuk ke template >> klik edit html
2. cari kode berikut, dan ganti dengan data toko anda.
3. save template
Langkah #4. Membuat halaman checkout
1. Masuk ke menu laman / page.
2. Buat sebuah laman dengan judul checkout
3. Pastikan alamat url laman anda adalah :
5. Copy dan paste script berikut ke laman tsb.
Pada saat posting, hanya cukup memasukan satu baris script harga (item_price) saja, dan sisanya bisa dilakukan seperti halnya pada saat melakukan posting di blogspot seperti biasanya.
Meskipun didesain cukup simpel namun tetap tidak meninggalkan konsep SEO dari sebuah template dengan dilengkapi Meta Tag yang cukup lengkap, disertakan juga Meta Tag dari Dublin Core sehingga bisa menambah kekuatan SEO template ini. Loading template ini juga sudah cukup cepat untuk ukuran sebuah toko online.
Fitur selengkapnya bisa Anda simak di bawah ini.
Nama Template : Simple Shop
Platform : Blogspot
License : Free / Premium
Fitur Simple Shop
Fitur | v. Free | v. Premium |
Shopping Cart | yes | yes |
Email Invoice | yes | yes |
Responsive View | yes | yes |
Mini Cart Icon | yes | yes |
Rupiah Currency | yes | yes |
Hotline text icon | no | yes |
Search Box | no | yes |
Drop Down Category | no | yes |
Related Product Post | no | yes |
Social Share Icon on Post | no | yes |
Support | no | yes |
Price | FREE | Rp 80.000 |
Live Demo | DEMO | DEMO |
Download | Unduh | ORDER |
Pilihan template berikut ini memiliki fitur yang lebih lengkap dibandingkan Template Simple Shop ini, jika anda mencari opsi template dengan fitur yang lain :
Woow template, Template Toko Online Blogspot SEO Friendly, Custome ReadyKul Template, Template Toko Online Blogspot SEO.
Panduan Setting Template
1. Download file template dari link yang sudah disediakan
2. Decompress (unzip) jika file berupa file compress (.zip)
3. Buka file template dengan notepad.
4. Masuk ke dashboard blogspot anda, menuju ke menu template >> klik edit html
5. Copy dan paste semua file template dari notepad tadi ke kolom html template.
6. Simpan Template.
7. Non aktifkan tampilan seluler seperti gambar berikut :
Langkah #2. Setting Meta Tag Description
1. Masuk ke template >> klik edit html
2. cari kode berikut, dan ganti dengan data blog anda.
3. save template
Langkah #3. Setting data untuk invoice email.
1. Masuk ke template >> klik edit html
2. cari kode berikut, dan ganti dengan data toko anda.
3. save template
Langkah #4. Membuat halaman checkout
1. Masuk ke menu laman / page.
2. Buat sebuah laman dengan judul checkout
3. Pastikan alamat url laman anda adalah :
namatoko.blogspot.com/p/checkout.html4. masuk ke mode HTML.
5. Copy dan paste script berikut ke laman tsb.
<center>
<img src="https://lh3.googleusercontent.com/-VmbgAcgCkRg/VGvDeGmjEGI/AAAAAAAAAxc/9RB0Q5v6jic/s1600/checkout%2520image%2520animasi.gif" width="100%" /> <br />
<div id="cart-details">
<h4 style="text-align: center;">
<span style="color: #073763;"><u>Item di Keranjang Anda Sekarang</u></span></h4>
<div class="simpleCart_items">
<table><tbody>
<tr class="headerRow"><th class="item-thumbimg"></th><th class="item-name">Item</th><th class="item-price">Price</th><th class="item-decrement"></th><th class="item-quantity">Qty</th><th class="item-increment"></th><th class="item-total">Total</th><th class="item-remove">Cancel</th></tr>
</tbody></table>
</div>
<h4 class="button" style="display: block; text-align: center;">
Total Belanja Anda : <span style="color: red;"><span class="simpleCart_total">Rp 0.00</span></span>
</h4>
</div>
</center>
<br />
<table><tbody>
<tr><td><div class="checkout-form" style="max-width: 500px;">
<form action="" id="contact" method="post">
<center>
<label for="firstname">Nama Depan</label>:<br />
<input id="first_name" name="firstname" placeholder="First Name" title="Enter your First Name" type="text" /><br />
<label for="lastname">Nama Belakang</label> :<br />
<input id="last_name" name="lastname" placeholder="Last Name" title="Enter your Last Name" type="text" /><br />
<label for="email">Alamat E-mail</label> :<br />
<input id="email" name="email" placeholder="Valid e-mail required." title="Your e-mail address" type="text" /> <br />
<div id="emailInfo">
<b><i><span style="color: red;">Mohon.., diisi dengan Valid Email.</span></i></b></div>
<label for="phone">Telp. / HP</label> :<br />
<input id="phone" name="phone" placeholder="Preferred mobile number" type="text" /><br />
<b>Lokasi Pengiriman?</b><br />
<select id="deliveryLocation"> <option selected="" value="Not_Selected"> - Tarif Pengiriman JNE OKE kota Pilihan - </option>
<option value="7000"> Jakarta Kota - 1 pc Rp 7,000 </option>
<option value="Not_Selected"> --Jawa Barat-- </option>
<option value="9000"> Bandung - 1 pc Rp 9,000 </option>
<option value="12000"> Tasikmalaya - 1 pc Rp 12,000</option>
<option value="Not_Selected"> --Jawa Timur-- </option>
<option value="15000"> Surabaya - 1 pc Rp 15,000 </option>
<option value="17000"> Malang - 1 pc Rp 17,000 </option>
<option value="Not_Selected"> --Jawa Tengah-- </option>
<option value="14000"> Semarang - 1 pc Rp 14,000 </option>
<option value="14000"> Solo - 1 pc Rp 14,000 </option>
<option value="Not_Selected"> --Banten-- </option>
<option value="8000"> Serang - 1 pc Rp 8,000 </option>
<option value="Not_Selected"> --Bali-- </option>
<option value="17000"> Denpasar - 1 pc Rp 17,000 </option>
<option value="Not_Selected"> --Other-- </option>
<option value="TBC"> Others </option>
</select><br />
<label for="address">Alamat Pengiriman</label> :<br />
<textarea id="address" name="address" placeholder="Full address please for prompt delivery, include unit number, street, area, state and country."> </textarea><br />
<label for="postcode">Kode Pos</label> :<br />
<input id="postcode" name="postcode" placeholder="Address postal code" type="text" /><br />
<label for="message">Pesan Anda</label> :<br />
<textarea id="comments" name="message" placeholder="Optional"> </textarea><br />
</center>
<br />
<div style="text-align: center;">
<a class="simpleCart_checkout button" href="javascript:;" id="sent-order">Beli Sekarang</a></div>
<div style="color: blue;">
<br />
Rincian selengkapnya akan dikirimkan ke email anda secara otomatis. Kami berharap anda puas berbelanja di toko kami. Kami akan selalu menunggu kedatangan Anda kembali untuk pengalaman berbelanja di toko kami selanjutnya. <i>Terima Kasih.</i></div>
</form>
</div>
<!-- End checkout-form --></td>
<td><div class="checkout-details">
<b>Panduan Checkout</b> <br />
<ol></ol>
<ul>
<li>Pilih Produk.</li>
<li>Lengkapi form data yang sesuai dengan data anda yang valid untuk mempercepat proses order dan pengiriman. Semua data yang dikirim dijaga secara rahasia sesuai dengan kebijakan Toko Kami. </li>
<li>Kirimkan (Send) order Anda. </li>
<li>Anda bisa menemukan rincian order dan metode pembayaran yang bisa membantu memilih sesuai dengan preferensi anda. </li>
</ul>
<ol></ol>
<b>Mitra Pembayaran Kami :</b> <br />
<ol></ol>
<ul>
<li>Bank BCA (Bank Transfer) </li>
<li>Bank Mandiri (Bank Transfer) </li>
<li>Bank BRI (Bank Transfer) </li>
<li>Bank BTN (Bank Transfer) </li>
<li>Bank BNI (Bank Transfer)</li>
<li>Bank BRI (Bank Transfer) </li>
</ul>
<ol></ol>
<b>Mitra Kurir Toko Kami :</b> <br />
<ol></ol>
<ul>
<li><b>JNE - </b>Kurir JNE. </li>
<li><b>Tiki - </b>Titipan Kilat. </li>
<li><b -="" b="" gt="" ind.="">POS Indonesia. </b></li>
</ul>
<ol></ol>
</div>
<!-- End checkout-details --></td>
</tr>
</tbody></table>
6. Publikasikan laman.
Pastikan url nya adalah seperti berikut ini :
8. Buat sebuah laman baru dengan judul Error dengan langkah seperti tips di atas.
Pastikan url nya adalah seperti berikut ini :
Langkah #5. Memasang menu navigasi atas dan banner.
1. masuk ke Tata Letak / Layout (lihat gbr dia atas)
2. masukkan script berikut ke widget menu atas.
3. masukkan script berikut ke widget gambar (banner) spt contoh screen shot di atas.
Langkah #6. Posting Produk
Lakukan posting produk seperti anda biasa melakukan entry post di blogspot default, hanya bedanya tambahkan kode berikut setiap anda melakukan posting produk baru:
text Rp 999,000 bisa anda rubah sesuai harga produk anda.
Letakkan kode tersebut di tempat terserah anda.
Catatan :
Usahakan agar judul posting tidak melebihi 35 karakter.
Tips :Agar tidak gagal saat membuat permalink (url) checkout di laman/page blog anda, Ketika pertama membuat laman baru, isi judul dengan tulisan Checkout, lalu publikasikan, tanpa mengedit opsi lainnya dulu.Kemudian setelah laman terbentu baru anda edit kembali.7. Buat sebuah laman baru dengan judul Success dengan langkah seperti tips di atas.
Pastikan url nya adalah seperti berikut ini :
namatoko.blogspot.com/p/success.htmlIsi laman tersebut dengan kalimat anda sendiri
8. Buat sebuah laman baru dengan judul Error dengan langkah seperti tips di atas.
Pastikan url nya adalah seperti berikut ini :
namatoko.blogspot.com/p/error.htmlIsi laman tsb. dengan kalimat anda sendiri.
Langkah #5. Memasang menu navigasi atas dan banner.
1. masuk ke Tata Letak / Layout (lihat gbr dia atas)
2. masukkan script berikut ke widget menu atas.
<nav id="menu"><input type="checkbox" /><label>≡<span>Menu</span></label>Keterangan : Ganti dengan data menu di toko online anda.
<ul><li><a href="/" style="background:#000;" title="Home">Home</a></li>
<li><a href="#" title="menu1">menu1</a></li>
<li><a href="#" title="menu2">menu2</a></li>
<li><a href="#" title="menu3">menu3</a></li>
<li><a href="#" title="menu4">menu4</a></li>
<li><a class="prett" href="#" title="Drop Menu">Menu</a>
<ul class="menus">
<li><a href="#" title="submenu1">submenu1</a></li>
<li><a href="#" title="submenu2">submenu2</a></li>
<li><a href="#" title="submenu3">submenu3</a></li>
</ul></li>
</ul></nav>
3. masukkan script berikut ke widget gambar (banner) spt contoh screen shot di atas.
<center><a href="link_yg_ingin_dipasang"><img src="link_banner.jpg" width="100%"/></a></center>Keterangan : Ganti dengan data banner anda.
Langkah #6. Posting Produk
Lakukan posting produk seperti anda biasa melakukan entry post di blogspot default, hanya bedanya tambahkan kode berikut setiap anda melakukan posting produk baru:
<span class="item_price">Rp 999,000</span>Keterangan :
text Rp 999,000 bisa anda rubah sesuai harga produk anda.
Letakkan kode tersebut di tempat terserah anda.
Catatan :
Usahakan agar judul posting tidak melebihi 35 karakter.
Template toko online Simple Shop ini meskipun cukup sederhana, namun sudah cukup juga memiliki fitur yang cukup mumpuni dan bisa memenuhi kebutuhan toko online anda.
Attention!! Versi Update template Simple Shop Free bisa anda baca di Template Simple Shop v.2, Gratis Download..
pak, di coba di hp kok ga responsive?
BalasHapusudah cek di browser firefox dan chrome, full responsive gan... 8-)
HapusTested by chrome on android xiaomi r1s. Very responsive. Thanks mas broh.
BalasHapusleliarcko@gmail.com
BalasHapusudah saya Like Fanpage facebook, follow google + coba bang kirim ademulyana02@gmail.com
BalasHapussudah kirim email melalui halaman kontak blog ini..?
Hapusbang, sya sudah like Fanpage, n follow g+ Tukang Toko Online, dan sdh kirim email melalui blog ini..
BalasHapusdtunggu bang kiriman templatenya....
Okey, silakan cek email.. :D
Hapussya sudah like fanpage n foloww Google + twitter ,saya tunggu bang
BalasHapusudah email..?
Hapussaya sudah follow G+, Facebook mas.. cek http://prntscr.com/6ma9ju & http://prntscr.com/6ma9uo ..
BalasHapusoh ya kok twitternya linknya mti? reply skalian user twitterny ya mas
mas sudah like+folow agusdewantara05@gmail.com
BalasHapusagusdewantara05@gmail.com
BalasHapusmas udah saya follow + like kirim ke jasawebsitebagus@gmail.com makasih mas...
BalasHapussilakan email via form kontak di blog ini gan... kasih subyek judul templatenya..
Hapussudah mas
HapusMet malam gan.. dah saya follow FB n G+ nya.. send please to .. .. seuhahhh@gmail.com
BalasHapussudah Like FB dan add G+ nya..
BalasHapussudah kirim email jg dari ferdinandlambe@gmail.com
gan ane sudah ikuti semua petunjuknya tetapi item tak tampil di charnya kira-kira kenapa yaks, apa mungkin karena ane make harga jutaan dengan contoh kode 1,000,000 makasih gan
BalasHapusbaca lagi pelan-pelan petunjuknya, biasanya ada yang kelewat..
Hapussdh saya like FB dan G+ nya gan,,
BalasHapussdh kirim email juga...
Ditunggu ya gan..
Mksh bnyk :)
sdh saya like FB dan G+ nya gan,,
BalasHapussdh kirim email juga...
Ditunggu ya gan..
Mksh bnyk :)
mizanaditya@rocketmail.com
sudah saya like Fb dan G+ nya bro...
BalasHapusnih email saya
yustyarnuradha@gmail.com
mantap mass
BalasHapussimple responsive dan tetep keren :D
Malam gan, sebelumnya ane ngucapin terima kasih atas kiriman template-nya.
BalasHapusTapi ada yang mau ane tanya ni gan. kenapa pas ane coba tes checkout, ane klik link beli sekarang kok yang muncul halaman seperti ini gan?
403 Forbidden
403
Forbidden
Access to this resource on the server is denied!
Proudly powered by
LiteSpeed Web Server
Please be advised that LiteSpeed Technologies Inc. is not a web hosting company and, as such, has no control over content found on this site.
apanya yang salah ya gan?
settingnya ada yang salah kayaknya gan, coba baca lagi panduannya pelan-pelan, khususnya pas edit data shopping cartnya di html template. pastikan editing persis dengan panduannya..
Hapusmaaf gan saya sudah like fanpage nya...email saya sellosumarjan@yahoo.com
BalasHapussaya tunggu templetnya
udah email via kontak di blog ini..?
Hapusmenyoal chart,
BalasHapus// Auto e-mail notifier data info at http://blog.irsah.com. No changes required.
simpleCart({
checkout: {
type: 'SendForm',
url: 'http://www.irsah.com/phpmail/checkout.php',
kerahasiaan email bisa terjagakah dengan SendForm tersebut?
saya sendiri ga paham
gan udah ane like fan page nya ,email saya hs250585@gmail.com
BalasHapusTolong di cek sudah saya like facebook nya dan follow Google+ nya. Sudah saya post kan juga di halaman contact. Tolong simple shop nya di email ke jokerminer@gmail.com . Terima kasih
BalasHapusgilang.access1@gmail.com boleh nyoba kang..
BalasHapusudah masuk gan ke google+ izin download Simple Shop
BalasHapusemail : adulapak@gmail.com
BalasHapusSilakan kirim rquest templatenya via form kontak Gan...
Hapussudah saya like fanspage fb dan follow google +
BalasHapussudah saya kirim request ke contact
kirimkan ke email saya : toshibaelektro@gmail.com
Thanks before
thanks gan.. sudah saya terima templatenya..
Hapusfast respon nih agan mantab dah
sudah saya like fb dan follow google, teru bagaimana?
BalasHapuskirim ke email saya haloworld76@Gmail.com
BalasHapuskirim ke email saya gan benyeko1@gmail.com
BalasHapussudah ane like FP-nya, kirim ke email saya fikiandrea44@gmail.com :)
BalasHapusbang ane sudah like g+ dan facebook nya untuk meminta template ini
BalasHapuskirim ke email ya bang astechacc2015@gmail.com
Misi gan, sy sudah add fan page di fb & follow twitternya untuk meminta template simple shop ini, tolong kirim ke email sy di: aokijikuzan10@gmail.com. Terimakasih
BalasHapusSudah saya follow +Google + Fanpagenya ..
BalasHapusTolong kirimkan templatenya ke Fic@fastservice.com
Terima Kasih
makasih gan.... kereeeeen
BalasHapusgan kok menu hanya muncul di home? sedangkan pada page lain tidak muncul? kenapa ya?
BalasHapuskirim templatenya ke email : mtsnpangkalanpari2015@gmail.com
BalasHapuskusumajaya281272@gmail.com
BalasHapussudah di folow fb sama google plus..sudah kirim email via contact juga ..di tunggu template nya..terima kasih banyak sebelumnya suhu
BalasHapusSaya sudah Like Fan Page dan follow google +, Template nya dikirim ke ahmadk.chem@gmail.com. Terimakasih
BalasHapusMantap gan, gue pake nih buat blog dropship gw :D
BalasHapusSemoga berkah lu punya ilmu gan. Amin
sudah saya lakukan syaratnya bang ... tolong dikirim
BalasHapusSudah saya like fanpage.follow google+. And sudah kirim email via contact. Di tunggu template nya ya mas. Akbar3592@gmail.com
BalasHapusom saya sudah coba, terus ketika klik belanja sekrang itu gak ada perintah ya om
BalasHapusMas, saya sudah kirim pesan ke kontak. Saya tunggu templatenya ya mas. Terimakasih.
BalasHapussaya tunggu ya gan terima kasih ^_^
BalasHapusgan, kalo tamplatenya ane otak atik sendiri boleh gak ?
BalasHapusSudah di follow G+ om ini id saya https://plus.google.com/105158925575592893909
BalasHapuskirim ke email muklisprodigi@gmail.com
kalo dibikinin persisi seperti ini contohnya brpa min ?
BalasHapusUdah saya follow twitternya ya,gan....a_nooryadin@ymail.com
BalasHapusOm saya sudah melakukan tugas like FB dan follow tweeter https://mobile.facebook.com/alvino.rezkyaditya , tweeter @ chapungk . mohon kirim template simple shop ya om... ke email saya chapungk89@gmail.com , saya kirim ke contak tapi gagal terus. trims saya tunggu ya om... semoga berkah atas ilmu om yg di bagi" kan... amiin
BalasHapussaya sudah follow email. mohon kirimkan link download template simple shop
BalasHapusSaya udah follow gan facebook nya buat template simple shop, dan juga udah isi fomr di contact area
BalasHapussaya sudah like Facebooknya dan lewat contact sudah saya kirim, minta template simple shopnya ke email teguhwicaksono18@gmail.com
BalasHapusSyaratnya dah dijalanin semua gan,, tolong dikirim ke ...jaysc234@gmail.com
BalasHapussiang mas, saya sudah like fb ( jhepii avaira ) dan juga ikuti google plus, mohon untuk berbagi ya mas di tunggu. :)
BalasHapusjepisahfikri@gmai.com
mas sudah saya lakukan langkah download nya saya like fan facebook nya dengan nama antonius jonathan ( punya anak ) karena saya tidak punya facebook dan untuk google plus nya togi.veronika@gmail.com saya mau download yang simple shop
BalasHapusCara buat link Menu1 Menu2 dst gimana ya gan..mohon pencerahannya.tks
BalasHapussayang bermanfaat,ilmu yang diamalakan semoga berkah amien
BalasHapussaya wdah bagikan fanspage fb nya tolong di syaqilla.collection@gmail.com
BalasHapussaya sudah di take fanpage lewat google tolong kirm email gan templete mksih
BalasHapusni emailku gan anggafungki7@gmail.com mksih
BalasHapusmas saya sudah share fb ama follow g+ , juga udah ngirim email anitapratiwii24@gmail.com
BalasHapustlong dikirim templatenya mas ...soalnya aku lg butuh bgd...
malam gan, saya sudah liked fan FB dan follow google +, tolong dikirm ke sini ya gan, templatenya, melacarsians@gmail.com
BalasHapusBang ane tunggu templatenya..
BalasHapusBang ane uda folow
BalasHapusmas syarat2 untuk follow dan like sudah mas, tolong kirim ke email puji.shaera@gmail.com ya mas. thanks
BalasHapusgan sudah saya follow dan like tolong kirim ke maulana.doch@gmail.com terima kasih banyak
BalasHapuskirimin saya gan udah gue like fb dan g+ nya
BalasHapuskirimin saya gan udah gue like fb dan g+ nya
BalasHapusSudah sya like fanspage fb gan, tlong ke email sya (Template Toko Online Sederhana dari Simple Shop) rikosetiawan969@gmail.com
BalasHapusSudah sya like fanspage fb, Gplus gan, tlong ke email sya (Template Toko Online Sederhana dari Simple Shop) alusyana85@gmail.com....di contak form udah saya SENT
BalasHapusAne udh follow and like gan,,,tinggal nunggu kiriman simple shop nya ni....
BalasHapussudah saya like fanpage dan sudah kirim email lewat kontak tertera
BalasHapusKomentar ini telah dihapus oleh administrator blog.
BalasHapusKomentar ini telah dihapus oleh pengarang.
HapusNyoba unduh ta gan... thanks udh berbagi :)
BalasHapus