Langsung ke konten utama

Update Template Simple Shop Free untuk Toko Blogspot Simple Gratis Download

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.

GRATIS download template toko online blogspot responsif dan terbaru lainnya juga bisa Anda dapatkan DISINI, yang lebih simpel, lebih mudah editing, dengan fitur yang lebih lengkap pula.


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.

Komentar

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

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

      Hapus
  2. Ada yang kurang Gan Template Blognya ga valid google structure

    BalasHapus
    Balasan
    1. Bejibun panduan untuk bikin template valid structure kode. Silakan googling.

      Hapus
  3. saya sudah like fp facebook agan. mana linknya.

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

    BalasHapus
  5. izin pakai template nya ya bos, thanks before

    BalasHapus
  6. sudah saya kirim tlong di check

    BalasHapus
  7. 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

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

      Hapus
  8. tolong check emailnya saya sudah kirim :)

    BalasHapus
  9. kasih shopping cart dong gan

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

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

    BalasHapus
  12. 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

    BalasHapus
  13. 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

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

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

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

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

    BalasHapus
  18. ka saya sudah like fp, tolong dicek email

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

    BalasHapus
  20. Komentar ini telah dihapus oleh pengarang.

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

    BalasHapus
  22. Form request nya rusak gk tampil semua kotak nya

    BalasHapus
  23. gan relate postnya kog gak keluar ya?

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

    BalasHapus
  25. 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

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

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

    BalasHapus
  28. mana gan linknya saya sudah kirim email

    BalasHapus
  29. Gan kode html untuk widget selamat datang bagaimana gan ko tidak ada?

    BalasHapus
  30. gan di tunggu baru aja dkirim lewat email. saya retwet di akun twiter @CR_hidayat

    BalasHapus
  31. gan, kok related produknya gak muncul yah =(

    BalasHapus
  32. gan saya sudah like fb, tolong dicek email trimakasih sebelumnya saya tunggu balasanya

    BalasHapus
  33. gan saya sudah like fanspage fb nya

    BalasHapus
  34. gan..sy sdh install templatenya, BTW gimana cara merubah Popup nya ya sy cari cari gak ketemu gan,...mohon pencerahannya thanks

    BalasHapus
  35. Saya sudah, follow dan like FB3, Twitter dan google+ agan. Kirim lewat form error. Mohon dikirimkan link downloadnya. Trims.

    BalasHapus
  36. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  37. testing dulu "Simple Shop" yach ... kalo cocok mau upgrade
    Thanks

    BalasHapus
  38. Makasih Gan Zip sudah diterima.

    Tapi saya mau tanya, untuk versi seluler pengaturannya seperti apa ? Apakah pop up akan muncul untuk tema seluler default ?

    BalasHapus
  39. Saya sudah like google+ nya ya atas nama pradikawijaya jadi segera dikirim filenya ya gan, makasih banyak.

    BalasHapus
  40. saya sudah follow g+ dan kirim pesan ke alamat email abang. terimakasih

    BalasHapus
  41. gan bagi template ny y, saya dah post dan like fb..tks

    BalasHapus
  42. sudah saya kirim screenshootnya mas utk template ini ditunggu mas templatenya

    BalasHapus

Posting Komentar

#/ 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..!!!

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