Update Template Simple Shop Free untuk Toko Blogspot Simple Gratis Download

5/13/2016

Seringnya tim blogspot melakukan update, sedikit atau banyak pasti berpengaruh terhadap tampilan template yang Saya bikin. Khususnya untuk template lama yang dilakukan desain ulang, baik dari sisi fitur responsive design maupun dari sisi lainnya.

Termasuk salah satunya adalah template Simple Shop. Template ini merupakan salah satu template yang memiliki banyak request download. Kebanyakan yang tertarik memakainya karena tampilannya yang memang simple dan proses edit serta settingnya yang tidak begitu merepotkan.

Beberapa kali update blogspot yang dilakukan untuk meningkatkan layanannya, ternyata juga berpengaruh terhadap template ini. Khususnya di bagian desain layoutnya, sehingga cukup menyulitkan pengguna untuk melakukan editing berbagai widget.

Selain itu, ternyata kebanyakan pengguna template simple juga menginginkan proses checkout yang lebih mudah. Ternyata banyak yang tidak memakai fitur shopping cart di template ini, karena lebih banyak yang memilih opsi checkout dengan menggunakan metode chat, baik itu melalui SMS, WhatsApp atau aplikasi chat lainnya. Jika dibandingkan dengan shopping cart yang melalui email.

Beberapa masukan di atas akhirnya menggerakkan Saya memperbaharui template simple shop free ini.

Berikutnya, akan saya jelaskan beberapa fitur perubahan atau tambahan untuk Template ini.

Silakan dibaca sampai tuntas, karena panduan setting juga akan langsung saya masukkan ke dalam lanjutan tulisan di bawah.

Template Simple Shop Free v.2

Template Simple Shop Free v.2

#Homepage. Ada perubahan yang cukup mendasar di tampilan homepage dari versi sebelumnya. 
Terdapat beberapa penambahan fitur seperti penambahan font awesome, perubahan warna dari yang sebelumnya hanya hitam putih, menjadi lebih kontras dengan beberapa varian warna antara hitam, putih, biru dan merah,

Pada template ini juga sudah ditambahkan meta tag, anda tinggal mengganti dengan meta data blog anda sendiri. Script meta tag yang bisa anda edit akan tampak seperti ini :
<meta content='Deskripsi blog disini' name='description'/>
<meta content='kata kunci blog disini' name='keywords'/>
Teks warna merah bisa diganti dengan data blog/toko masing-masing.

Ada beberapa perubahan di bagian header, namun tidak cukup siknifikan. Hanya penyempurnaan di beberapa bagian saja.
menu simple shop free v.2
Menu responsive pada header
Untuk editing bagian menu masih sama. Tinggal menambahkan script berikut ini ke bagian widget yang bisa diedit melalui menu tata letak/layout di bagian dashboard blog Anda.
<nav id="menu"><input type="checkbox" /><label>≡<span>Menu</span></label>
<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>
Tinggal mengganti data menu dari script di atas dengan menu yang ingin anda masukkan.

Widget Selamat datang pada bagian header lebih mudah diedit dan ditambahkan di layout dashboard. Bagian ini bisa diisi ucapan selamat datang ataupun info berbagai promo terbaru toko Anda.

welcome widget
widget welcome store atau bisa untuk promo produk pada header

Ada penambahan link dan logo marketplate seperti facebook, bukalapak, tokopedia dan instagram. Sehingga diharapkan semua toko yang anda miliki bisa lebih terhubung.

link ke marketplace
Link ke toko lainnya di socmed atau marketplace

Untuk mengeditnya tinggal cari script berikut ini:
<!-- Code untuk link Facebook --><a class='tooltip' href='#' target='_blank'><span class='bubble'>Temukan Kami di FACEBOOK</span><img alt='Toko Sosmed' height='40' src='http://4.bp.blogspot.com/-q80QxCRphUA/VhkekxaHgRI/AAAAAAAADOg/Ykgrvgj3wEU/s1600/facebook.jpg' width='180'/></a>
<!-- Code untuk link Twitter --><a class='tooltip' href='#' target='_blank'><span class='bubble'>Temukan Kami di TWITTER</span><img alt='Toko Sosmed' height='40' src='http://2.bp.blogspot.com/-oaG8Q92SKE4/VhkelZpe-3I/AAAAAAAADOk/mLor7og8A60/s1600/twitter.jpg' width='180'/></a>
<!-- Code untuk link Instagram --><a class='tooltip' href='#' target='_blank'><span class='bubble'>Temukan Kami di INSTAGRAM</span><img alt='Toko Sosmed' height='40' src='http://1.bp.blogspot.com/-rmvPmfJqHmI/VhkemfaLW0I/AAAAAAAADOw/3mKu0hzK1-0/s1600/instagram.jpg' width='180'/></a>
<!-- Code untuk link kaskus --><a class='tooltip' href='#' target='_blank'><span class='bubble'>Temukan Kami di KASKUS</span><img alt='Toko Sosmed' height='40' src='http://2.bp.blogspot.com/-oMV0ZBTeZjY/VhkepIZsMRI/AAAAAAAADO4/1KSZNU61Xw8/s1600/kaskus.jpg' width='180'/></a>
<!-- Code untuk link Tokopedia --><a class='tooltip' href='#' target='_blank'><span class='bubble'>Temukan Kami di TOKOPEDIA</span><img alt='Toko Sosmed' height='40' src='http://1.bp.blogspot.com/-pcxtlT2NN74/VhkeqVYh0hI/AAAAAAAADPA/o7a-N3UXVss/s1600/tokopedia.jpg' width='180'/></a>
Anda tinggal mengganti # dengan link toko Anda sesuai dengan petunjuk di atas.

Pada widget Contact Us di bagian footer, Anda tinggal menambahkan kode script seperti ini :
<div class="smart_ftbox conta">
<div class="kontak"><div class="iconct telp"></div>
<div class="cnt"><p>Telpon:</p> 0212345567</div></div>
<div class="kontak"><div class="iconct sms"></div>
<div class="cnt"><p>SMS/WhatsApp:</p> 085779188529</div></div>
<div class="kontak"><div class="iconct bbm"></div>
<div class="cnt"><p>BB Messenger:</p> ABCDEF</div></div>
<div class="kontak"><div class="iconct mail"></div>
<div class="cnt"><p>Email:</p> kontak@email.com</div></div>
</div>
Setelah script tsb dimasukkan ke dalam widget contact us, tinggal diedit text warna merah dengan data kontak toko masing-masing.

#Product Page. Beberapa perubahan cukup mendasar saya lakukan di halaman produk ini. Yang paling utama adalah dengan menggantikan metode checkout yang sebelumnya menggunakan shopping cart, digantikan dengan metode pop up windows yang berisi informasi checkout/petunjuk order melalui sms/aplikasi chating.

Tombol Order checkout
Tombol Order
Panduan order ini sudah ada di script html template, cara mengeditnya tinggal mencari kata-kata/text seperti yang terlihat pada gambar di bawah, dan selanjutnya anda tinggal menggantinya sesuai dengan cara order dari masing-masing toko.
popup order via sms
Popup Order otomatis muncul ketika Order Now di klik

Masuk ke HTML Template, kemudian cari kata-kata tsb, selanjutnya tinggal edit disesuaikan dengan data Toko Anda sendiri. Tombol untuk SMS hanya akan muncul jika dibuka di HandPhone dan ketika tombol SMS di klik akan otomatis menuju ke aplikasi SMS di handphone pembeli.

<!-- Konten popup, silahkan ganti sesuai kebutuhan -->
  <center>Order via <b>SMS/WhatsApp: 08123 456 789</b> atau <b>pin BBM : ABC1234</b> dengan format:<br/><br/>
    <span style='font-size:18px;font-weight:bold;border: dashed #333 1px;padding: 1px;color: #000;background:#fff;'>produk/jumlah(qty)/Nama/alamat/kota</span><br/></center><br/>
Format order tidak harus sama, yang penting bisa kami pahami. Secepatnya Kami akan melakukan konfirmasi melalui SMS ke no Hp Anda, setelah Order Kami terima.
  <center><br/>
  <a href='sms:08123456789?&amp;body=produk/Jumlah/Nama/alamat/Kota' id='tombolsms' style='font-weight:bold'><i class='fa fa-mobile'/> SMS DISINI!!</a>
</center>
<!-- Konten popup sampai disini-->
Keterangan :
Edit text warna merah dengan data toko Anda dan cara order yang Anda inginkan.

Beberapa fitur tambahan lainnya adalah dengan adanya fitur related post, serta tombol icon shared ke sosial media dari AddThis.
Halaman Produk
Tampilan Product Page
Untuk format pengaturan pengisian konten produk, Anda bisa memakai script post template berikut ini:
Upload Gambar Utama produk Disini
<span class="item_price">Rp 350,000</span><br />
<table border="1px" max-width="100%"><tbody>
<tr style="background: #D5D2D2;"><td style="font-weight: bold; padding: 5px;">SKU</td><td style="padding: 5px;">Tulis kode produk</td></tr>
<tr><td style="font-weight: bold; padding: 5px;">Ukuran</td><td style="padding: 5px;">Tulis ukuran produk</td></tr>
<tr style="background: #D5D2D2;"><td style="font-weight: bold; padding: 5px;">Stock </td><td style="padding: 5px;">Ready</td></tr>
<tr><td style="font-weight: bold; padding: 5px;">Summary Spec </td><td style="padding: 5px;">Deskripsikan secara singkat produk Anda</td></tr>
</tbody></table>
<br/>
Tambahkan gambar atau deskripsi lainnya disini
Agar setiap tampilan memiliki layout yang sama, script tersebut harus di tambahkan di post template.
Lokasinya di bagian dashboard blog pada Setting/Setelan >> Post  and Comments/Post dan komentar >> cari opsi untuk menambahkan post template, dan pasang script tersebut.
Sehingga setiap kali posting produk, sudah ada templatenya dan lebih memudahkan untuk posting produk Anda.

#Test Template coba saya lakukan dengan beberapa tool online.
Untuk menguji speed loading, template ditest dengan memanfaatkan tool gtmetrix dan hasilnya adalah seperti ini :
GT Metrix simple shop
Speed Loading Simple shop free v.2 di GTMetrix
Untuk ukuran toko online, hasil tersebut sudah cukup lumayan.

Untuk menguji fitur mobile friendly, Saya memanfaatkan tool dari Google dan hasilnya adalah seperti ini :
test mobile friendly

Cara Download Template Simple Shop Free v.2

Template ini sengaja saya bagikan gratis. Namun yang Saya inginkan hanya untuk yang benar-benar serius memakai template ini saja dan bukan sekedar iseng, sehingga ada sedikit effort yang harus dilakukan untuk mendapatkannya.

Berikut ini cara mendapatkan link downloadnya.


  1. Like/follow salah satu Medsos Tukang Toko Online (Facebook, Google+ atau Twitter). Pilih salah satunya ( ada di bagian header, ujung atas kanan). Jika sudah pernah me like/follow, lanhgsung ke langkah 2.
  2. Konfirmasi melalui form kontak DISINI, Jangan lupa dikasih judul/subyek Nama template ini (Simple Shop Free v.2) dan sertakan bukti sudah follow /like nya.
  3. Setiap email akan Saya respon.


Semoga bermanfaat.

All posts here about online store, tips, tricks, SEO, Store Service, store builder with Blogspot, Wordpress or Opencart.
Contact me if You need help or more question about service. Enjoy reading.....

Artikel Terkait

Previous
Next Post »

33 komentar

Write komentar
ananda
AUTHOR
23 Mei 2016 14.21 delete

gan cara downloadnya gmn ya aku msh bingung ini,tlg penjelasannya.

Reply
avatar
Sandi Tias
AUTHOR
23 Mei 2016 15.35 delete

Ada yang kurang Gan Template Blognya ga valid google structure

Reply
avatar
Admin
AUTHOR
24 Mei 2016 09.27 delete

Bejibun panduan untuk bikin template valid structure kode. Silakan googling.

Reply
avatar
admin
AUTHOR
24 Mei 2016 09.38 delete

Coba dibaca lagi semuanya sampai tulisan terbawah, disitu sudah ada panduan download templatenya..

Reply
avatar
29 Mei 2016 20.29 delete

saya sudah like fp facebook agan. mana linknya.

Reply
avatar
3 Juni 2016 10.07 delete

Wih mantep juga nih Templatenya dari kemaren saya nyari baru ketemu. ijin download ya templatenya Trimakasih banyak..

Reply
avatar
Elfa Shop
AUTHOR
11 Juni 2016 00.38 delete

izin pakai template nya ya bos, thanks before

Reply
avatar
Order Now Seo
AUTHOR
1 Juli 2016 00.29 delete

sudah saya kirim tlong di check

Reply
avatar
20 Juli 2016 15.52 delete

Dear Mas /mba

Mohon agar saya diberikan Template Simple Shop Free v.2

Saya sudah like FP tukang toko online
Saya juga sudah follow G+tukang toko online

saya ingin memakai Template Simple Shop Free v.2

Sekali lagi terimakasih sebelumnya ya mas / mba

Reply
avatar
21 Juli 2016 09.54 delete

Silakan di baca lagi cara download templatenya...
Kalau sudah email dan syarat udah dipenuhi, link download pasti terkirim :)

Reply
avatar
KreasiEtnik
AUTHOR
1 Agustus 2016 10.54 delete

tolong check emailnya saya sudah kirim :)

Reply
avatar
Admin
AUTHOR
12 Agustus 2016 21.13 delete

kasih shopping cart dong gan

Reply
avatar
Rafa Key
AUTHOR
22 Agustus 2016 14.20 delete

Izin mengunduh Template Simple Shop Free v.2 nya gan.
Persyaratan sudah saya penuhi,,mohon di bantu,,sekian dan
terima kasih salam kenal,.,,

Reply
avatar
Rafa Key
AUTHOR
22 Agustus 2016 16.01 delete

Terimkasih Gan, Templatenya Simple Shop Free v.2 sudah bisa di Unduh..

Reply
avatar
aris purwanto
AUTHOR
23 Agustus 2016 17.39 delete

sore gan, saya sudah setting templatnya, tpi waktu tekan order, pop up keluar tapi tombol sms tidak ada, gmn ya cara memunculkannya?! mohon di bantu arahannya, mksih

Reply
avatar
26 Agustus 2016 21.59 delete

Tombol SMS hanya muncul di Smartphone

Reply
avatar
Rafa Key
AUTHOR
3 September 2016 13.50 delete

Sore Gan.. template Simple Shop Free v.2 sudah sya instal, hanya tinggal permasalahan menu Drop downnya tidak berpungsi di mobile,,mohon petunjuk dari agan,,,
template saya gunakan di pulau7.com

Reply
avatar
12 September 2016 22.41 delete

Hy gan, saya sudah terapkan ketentuannya. Ditunggu balasan email nya ya.
from : christiantarigan1995@gmail.com makasih

Reply
avatar
Toserba
AUTHOR
18 September 2016 07.05 delete

makasih gan, sudah saya terapkan templatenya di olshop http://pusatkebayawisuda.blogspot.co.id/

Reply
avatar
15 Oktober 2016 17.05 delete

bos? terima kasih sebelumnya bos.. saya sudah kirim permintaan link download via link contak bos.. atas nama turhin alfaruq .. terima kasih bos

Reply
avatar
baMAL
AUTHOR
21 Oktober 2016 07.38 delete

terbukti ringan & wuuuuzzzz cepat ( http://shadiq-shop.blogspot.co.id/ ).... thnaks ya, mas (tempelatenya yg gratis) ... berbagi (share) itu kereeen

Reply
avatar
Lulu Sugiarti
AUTHOR
8 November 2016 12.06 delete

ka saya sudah like fp, tolong dicek email

Reply
avatar
mampiryu.com
AUTHOR
9 November 2016 08.32 delete

gan, ane udah follow akun twitternya @tukangtokoonline pake akun @azharrijal bisa di cek. ditunggu linknya ya.

Reply
avatar
20 November 2016 16.52 delete Komentar ini telah dihapus oleh pengarang.
avatar
wrasuis
AUTHOR
20 November 2016 17.01 delete

thanks ga, ane sdh download dan hasilnya mantab, cuma untuk harga tidak bisa tampil dibawah gambar tetapi disamping gambar, mohon pencerahannya gan, many thanks

Reply
avatar
Secuill Bae
AUTHOR
19 Desember 2016 22.22 delete

Form request nya rusak gk tampil semua kotak nya

Reply
avatar
Ranah MBa
AUTHOR
10 Januari 2017 01.40 delete

gan relate postnya kog gak keluar ya?

Reply
avatar
Sri Enny
AUTHOR
2 Maret 2017 15.56 delete

Saya sdh like fbnya..tolong dibanu saya utk bisa download ya...saya msh pemula..trimakasih

Reply
avatar
2 Maret 2017 21.21 delete

Sudah sampai dan sudah saya apikasikan.

di bit.ly/customcase

Mau nanya,
untuk merubah bagian yang SKU deskripsi dll.
agar lebih menarik kode apa yg pelu di rubah?

thx before atas kebaikan hatinya, sudah bekenanberbagi.

Reply
avatar
Priyanto
AUTHOR
17 Maret 2017 15.30 delete

mantap sekali suhu,, bertanya ke email pun respon cepat... sebagai newbie yang tidak mengerti kode2 html,, akhirnya menemukan template yang user friendly.. akhirnya thank you so much

Reply
avatar
21 Maret 2017 16.42 delete

bang, supaya post blog yang di home ada 6 atau lebih bagaimana caranya
soalnya punyaku yang muncul hanya 3

Reply
avatar
TOKO JENA
AUTHOR
28 Maret 2017 09.14 delete

thanxs gan, izin mod dikit ya, http://tokojena.blogspot.co.id/

Reply
avatar

#/ Dilarang melakukan SPAM.
#/ Dilarang Komentar mengandung Link/URL di kolom komentar
#/ Dilarang Komentar SARA dan Makian
#/ Dilarang ngiklan
Melanggar ketentuan di atas, komentar langsung dihapus..!!!
Emoticon