Template Toko Blogspot Premium Buku Kita

9/21/2016 0
Ini adalah template toko online versi premium alias berbayar dari versi gratis sebelumnya yang sudah Saya bagikan di blog ini.

Tentu saja karena premium, fitur-fitur yang tersemat jelas jauh lebih lengkap dibandingkan dengan versi gratisnya. Yang paling menonjol bedanya adalah adalah fitur shopping cart atau checkout via email, tambahan slider carousel untuk produk-produk terbaru pada homepagenya serta beberapa fitur tambahan yang tidak disertakan pada versi gratis template buku kita sebelumnya.

Untuk lebih jelasnya, tabel perbandingan fitur antara versi Free dan Versi Premiumnya bisa Anda simak di bawah ini.

template toko blogspot buku kita premium


MAIN FEATURESFREE PREMIUM 
Full Responsive DesignCheck HereCheck Here
Grid View Homepage
Header Contact Customer Service icon
Responsive menu
Widget Blog Artikel / Blog Posting based label
Social Shared Button
Related Post 
SMS form order (mobile only)
Meta Tag SEO Friendly
Shopping Cart
Email Invoice
Best Seller Widget
Carousel slideshow
Messenger Chat Box
Product Zoom Image in Homepage
Manual Instalation
Support
Template PriceFREE!!Rp 80.000
Template + SETTING-Rp 110.000,-

Jual Buku Online dengan Template Blogspot Buku Kita

9/03/2016 0
Semakin gencarnya toko online, ternyata juga merambah ke bidang perbukuan. Saat ini udah jamak dijumpai penjual buku online, baik yang hanya memanfaatkan sosial media, aplikasi chating, sewa lapak di marketplace atau dengan membangun toko online sendiri melalui website.

Website diibaratkan sebagai kantor pusat, rumah atau gudangnya produk jualan Anda, sedangkan sosmed atau lapak di marketplace diibaratkan sebagai tempat untuk melakukan promosi atau menyewa stand (dalam bahasa binis offline). Jadi website tetap sangat diperlukan untuk memajang semua produk yang Anda miliki tanpa adanya batasan.

Nah, kembali ke jualan buku online, Saya secara khusus sudah membuat sebuah template yang memang beberapa fiturnya disesuaikan untuk berjualan buku. Layout dan desain sengaja disesuaikan dengan tema jualannya, yaitu buku.

Beberapa fitur yang ada di template ini, juga sengaja disesuaikan dengan produk yang dijual. Prinsipnya, kemudahan bertransaksi bisa terpenuhi dengan fitur yang ada di template ini. Beberapa pebisnis UKM (khususnya penjual buku) yang baru saja terjun ke dunia online sangat sesuai dan recommended jika memakai template ini.

Kemudahan instalasi serta kelengkapan fitur dan proses order melalui SMS secara otomatis, layak menjadi pilihan.

Dan lagi karena template ini Saya bagikan Gratis!! selama bulan September 2016 ini, tentu saja menjadi opsi utama pemilihan template ini. Baca terus sampai habis untuk mengetahui cara downloadnya.

Fitur selengkapnya bisa Anda periksa di bawah ini melalui link Live Demo Template.

Template Buku Kita

Homepage template buku kita


Fitur Template

MAIN FEATURESAVAILABILITY
Full Responsive DesignCheck Here
Grid View Homepage
Header Contact Customer Service icon
Responsive menu
Widget Blog Artikel / Blog Posting based label
Social Shared Button
Related Post 
Order via form SMS (only appears in Smartphone)
Meta Tag SEO Friendly
LicenseFREE!!
JASA SETTINGRp 110.000,-

Panduan Download
  1. Share posting artikel ini melalui tombol Share ke akun facebook Anda.
  2. Like Page Facebook Tukang Toko Online di : facebook.com/tukangtokoonline
  3. Pergi ke Contact form DISINI, untuk mendapatkan templatenya dengan menuliskan nama template yang ingin Anda download beserta bukti sudah Shared posting dan like Page Facebook Tukang Toko Online.
Panduan Setting Template Buku Kita

1# Install Template di Blogspot dengan cara instan dan cepat seperti artikel ini: Cara cepat install template blogspot.

2# Setting Meta Tag Template dengan cari script berikut dan ganti xxxx dengan data toko online Anda. Script tersebut terletak di bawah <head>

<!-- [ Meta Tag SEO ] -->
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
<meta content='5;/' http-equiv='refresh'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='xxxxx' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/xxxxx/posts' rel='publisher'/>
<link href='https://plus.google.com/xxxxx/about' rel='author'/>
<link href='https://plus.google.com/xxxxx' rel='me'/>
<meta content='xxxxx' name='google-site-verification'/>
<meta content='xxxxx' name='msvalidate.01'/>
<meta content='xxxxx' name='alexaVerifyID'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='xxxxx' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>

<!-- [ Social Media meta tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>  
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='xxxxx' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='xxxxx' property='fb:app_id'/>
<meta content='xxxxx' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='xxxxx' name='twitter:site'/>
<meta content='xxxxx' name='twitter:creator'/>

3# Mengedit Drop Down Menu Responsive

Masih di HTML Template, cari script berikut ini, dan edit etxt warna merah dengan data toko Anda.

<ul class='shnav shareink-mainmenu'>
<li><a class='active' href='/'><span itemprop='name'><i class='fa fa-home'/> Home</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Fitur</span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Sitemap 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Sitemap 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Tag and Styling</span></a></li>
</ul>
</li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 1</span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Submenu 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Submenu 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Submenu 3</span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 3</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 4</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 2</span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Submenu 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Submenu 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Submenu 3</span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 3</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 4</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#' itemprop='url'><span itemprop='name'>Site Link</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Sitemap</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Error Page</span></a></li>
</ul>


4# Mengganti Text Selamat Datang

Masih di HTML Template, Cari text berikut ini, kemudian text warna merah ganti dengan text yang Anda inginkan.

Selamat datang di <span style='font-weight:700;font-size:18px'><data:blog.title/></span>, Anda bisa menjelajahi beragam buku koleksi kami disini yang menyediakan berbagai kebutuhan bacaan Anda. Kami melayani order seluruh Indonesia. Jika membutuhkan bantuan, jangan ragu menghubungi Customer service Kami. Selamat Berbelanja....

5# Mengedit data PopUp Order via SMS


popup order buku kita

Masuk ke HTML template seperti sebelumnya :
Cari text berikut ini, kemudian ganti data toko Anda. Semua text warna merah bisa Anda ganti disesuaikan dengan preferensi cara order yang Anda inginkan.

<!-- 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;'>Nama/judul-buku/jumlah/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.
<!-- Konten popup sampai disini-->

6# Mengedit Link Logo Toko di Sosmed dan Marketplace

toko di marketplace dan sosmed

Temukan kode berikut ini di HTML Template, dan edit text warna merah, sesuaikan dengan dengan data toko Anda.

<div class='bawahmenu'>
<div class='switch1'><div class='switch-left1'>Temukan Toko Kami di :<br/></div></div>
<!-- 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 Bukalapak -->
<a class='tooltip' href='#' target='_blank'><span class='bubble'>Temukan Kami di Bukalapak</span>
<img alt='Toko Sosmed' height='40' src='https://lh3.googleusercontent.com/-VngAbbiyhHY/Vv4xtBPocQI/AAAAAAAABjA/9XyY_Nteaco62Rj3pHnlv62o1X4suo2qgCCo/s336-Ic42/logo%2Bbukalapak.png' 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>
<br/>
</div>

7# Mengedit Widget Testimoni

Masuk ke Lay Out / Tata Letak >> edit widget Tetsimoni >> Masukkan Script berikut ini dengan sebelumnya text yang warna merah sudah anda edit sesuai data testimoni toko Anda.

<div class="testimonials-box"><div class="testimonials-slider">     
<div class="slide">          <div class="testimonials-carousel-thumbnail"><img width="120" alt="" src="link-gambar-user"/></div>                <div class="testimonials-carousel-context">                <div class="testimonials-name">NAMA KONSUMEN<span>ALAMAT KONSUMEN</span></div>                <div class="testimonials-carousel-content"><p>PESAN TESTIMONI KONSUMEN DI SINI</p></div>            </div>      </div>          
<div class="slide">          <div class="testimonials-carousel-thumbnail"><img width="120" alt="" src="link-gambar-user"/></div>                <div class="testimonials-carousel-context">                <div class="testimonials-name">NAMA KONSUMEN<span>ALAMAT KONSUMEN</span></div>                <div class="testimonials-carousel-content"><p>PESAN TESTIMONI KONSUMEN DI SINI</p></div>
            </div>      </div>          
<div class="slide">          <div class="testimonials-carousel-thumbnail"><img width="120" alt="" src="link-gambar-user"/></div>                <div class="testimonials-carousel-context">                <div class="testimonials-name">NAMA KONSUMEN<span>ALAMAT KONSUMEN</span></div>                <div class="testimonials-carousel-content"><p>PESAN TESTIMONI KONSUMEN DI SINI</p></div>
            </div>      </div>  </div>    </div>

8# Mengedit Widget Contact

widget contact buku kita
Masuk ke Lay Out / Tata Letak >> Edit Widget Contact >> Masukkan Script berikut ini dengan terlebih dahulu mengedit beberapa bagian no kontak sesuai data toko Anda.

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

9# Memasang Posting Template Produk

Masuk ke Setelan / Setting >> Post, Komentar dan berbagi >> Tambahkan script berikut di bagian post templat.

<span class="item_price item-snippet">Rp 99,000</span><br />
<!--more--><br />
<span style="color: blue;">Author : </span><br />
<span style="color: blue;">Penerbit : </span><br />
<br />
Tulis review produk dan Upload gambar produk utama disini

10# Cara Posting Produk - PENTING!!
- Setelah memasang post template seperti poin 9#, setiap kali Anda melakukan posting akan muncul post template seperti berikut ini.

cara posting template buku kita
- Lakukan posting produk seperti petunjuk dari post template tersebut, jangan dirubah posisi / layout nya supaya hasil posting tidak berantakan.

- Pastikan setiap Posting produk memiliki 1 label (hanya satu Label-- PENTING!!). Jadi 1 posting produk hanya memiliki 1 label saja.
pilih label di posting buku kita

Label bisa Anda buat atau pilih dari yang sudah ada, tapi hanya 1 label saja.

- Opsi yang lainnya seperti posting biasa di blogspot.


11# Menampilkan Widget New Articles

widget artikel buku kita
Untuk menampilkan widget artikel seperti gambar di atas, cukup hanya buat sebuah posting dengan 1 label 'Artikel'.

PENTING!!
Pastikan Anda men Set jadwal penerbitan artikel dengan tanggal lebih awal dibandingkan semua posting produk Anda. 
Misalnya, tanggal pertama kali produk anda terbit adalah 2september, maka Posting Artikel Anda harus di Set sebelum tanggal itu.

jadwal posting artikel

12# Menambahkan Header Customer Service

Masuk ke layout / tata letak >> edit widget Customer Service Header >> Masukkan script berikut ini dengan sebelumnya sudah Anda edit menyesuaikan data customer service toko Anda >> Simpan Widget.

<ul class="service">
<li class="phone"><span>Call center </span>08123 456 7890 (Call/SMS) </li>
<li class="bbm"><span>BB Messenger </span>1234abc </li>
<li class="wa"><span>Layanan WA </span>08123 456 7890 </li>
</ul>

13# Mengedit nomor telepon untuk menerima order via SMS
Order melalui SMS
Form SMS seperti gambar di atas hanya muncul di halaman produk dan di smartphone pengunjung toko Anda.
Untuk mengarahkan pengiriman SMS ke nomor telepon toko Anda, masuk ke HTML Template >> cari kode seperti berikut ini >> ganti text warna merah dengan nomor telepon/HP Anda >> Simpan template.

var sms='sms:0888888868?&body='+semua;


Cukup itu saja poin-poin penting untuk editing Template Buku Kita. Hal-hal lainnya bisa didiskusikan di kolom komentar. Semoga bermanfaat.

Template Toko online WooCommerce Indonesia 

8/31/2016 0
Woocommerce, bisa dijadikan jaminan sebagai plugin ecommerce dengan platform wordpress yang saat ini bisa dipastikan paling komplit supportnya. Komplit disini maksudnya adalah kelengkapan plugin pendukungnya dan selalu update.

Nah, berkaitan dengan hal tersebut, melalui email, Saya sempat mendapatkan kiriman voucher gratis untuk mencoba memakai salah satu template Wordpress dengan Woocommerce. Kalau kebanyakan theme Woocommerce adalah buatan developer luar negeri, ternyata kali ini ada juga developer dalam negeri yang secara khusus membuatnya, yaitu dari tonjoostudio.com, sebuah tim developer asal kota pelajar, Yogyakarta.
Mino theme woocommerce

Mino Theme ini ternyata meskipun theme premium, juga memiliki versi lite alias versi Free/Gratis yang bisa anda unduh setelah register.

Tapi disini Saya akan mengulas mengenai versi Premiumnya, Apa saja yang bisa Anda dapatkan dari unduhan template premium tersebut?

1. Theme Mino.
2. Plugin pendukungnya, yaitu :

  • Easy Custom Auto Excerpt
  • Sangar Slider
  • Simple Ads and Banner Manager
  • Plugin Ongkos Kirim
  • Plugin Kirim Resi

Fitur Utama Mino Theme

Peluncuran template baru pastinya juga disertai fitur unggulan, nah inilah fitur unggulan yang diusung oleh template Mino tersebut:

1. Fully Responsive.
Fitur responsive memang sudah menjadi kebutuhan wajib untuk sebuah website, dan tampaknya Mino Theme tidak melupakan hal ini. Template ini memang ketika dijalankan di beberapa layar dengan ukuran yang berbeda, nampak cukup nyaman dan benar-benar responsive.

2. Ads Manager.
Plugin Mino ThemePengaturan iklan dengan Mino Theme ini bisa dilakukan dengan mudah karena adanya plugin simple ads and banner manager yang bundling dengan theme ini. Sehingga penempatan iklan di website Anda menjadi mudah pengelolaannya.

3. Advanced option
Seperti laiknya template wordpress premium, Mino theme juga memiliki fitur kustomisasi tersendiri, dan pastinya sangat user firendly. Sangat mudah untuk merubah warna background, layout dll. Apalagi template ini juga memiliki sejumlah pilihan tema dengan beberapa pilihan warna yang bisa Anda sesuaikan dengan selera Anda.

4. Layer Slider
Plugin Sangar Slider memberikan kemudahan bagi Anda untuk mengkustomisasi slider sesuai dengan pilihan Anda sendiri. Plugin ini dirancang cukup user friendly.

5. Auto Excerpt
Plugin auto excerpt ini sangat membantu sekali untuk memberikan ringkasan konten yang anda post secara otomatis, sehingga Anda tidak harus melakukannya secara manual.

6. Fitur ongkos kirim
Sudah ada juga plugin ongkos kirim dan cek resi yang memudahkan anda untuk memilih kurir yang sesuai dengan kurir pilihan Anda.

Semua fitur Mino Theme selengkapnya terangkum dalam ilustrasi gambar berikut ini:

all feature Mino Theme

Bagi Saya yang sudah cukup lama berkecimpung di dunia template toko online, syarat utama sebuah template toko online supaya mudah diterima adalah user friendly alias mudah dikelola, mudah dipahami dan digunakan, serta tidak ribet, dan menurut saya Mino Theme sebagai salah satu Template Toko Online Indonesia cukup memenuhi kriteria tersebut.

Jadi tidak salah jika Mino Theme ini Saya rekomendasikan untuk dipakai sebagai andalan tempat jualan produk yang Anda miliki.

Toko Online dan Blogging Sekaligus dengan Template Ultimate Shop

8/25/2016 0
Fitur-fitur terbaru Saya sematkan ke Template Toko Online terbaru ini. Fitur wajib untuk toko online seperti mobile friendly, shopping cart, recent product dan lain-lain tentu saja sudah ada di template ini.

Seperti halnya pada Template Marine Blue yang Saya posting sebelumnya, template ini juga dilengkapi dengan chat box dari facebook messenger serta form order melalui sms.

Hanya saja ada perbedaan yang cukup siknifikan, yaitu untuk form order SMS, sudah otomatis tersemat pada halaman produk, sehingga memudahkan untuk editingnya, serta memudahkan juga untuk pembeli mengaksesnya.

Form order via SMS ini hanya muncul ketika diakses melalui layar smartphone, dan otomatis order akan terkonversi ke aplikasi SMS di HP.

Fitur tambahan lagi adalah adanya widget promo yang memanfaatkan widget feature product bawaan blogspot. Dengan sedikit pengaturan, ternyata widget ini bisa dimanfaatkan untuk menampilkan produk-produk yang sedang promo atau SALE. Widget ini Saya tempatkan di samping Slide Show.

Widget ini sengaja Saya set hanya tampil di layar desktop, dan akan menghilang di layar lebih kecil, dengan tujuan agar tidak membebani loading toko online Anda di layar HP.

Beberapa pengunduh template disini, ternyata cukup banyak yang menanyakan mengenai penempatan artikel di Toko Online. Meskipun Blogspot tidak di rancang untuk hal seperti itu, namun dengan sedikit trik, Toko Online Anda pun juga bisa memiliki kolom artikel tersendiri. Hal ini cukup bermanfaat, jika artikel yang Anda tampilkan sangat berhubungan dengan produk yang Anda jual. Misalnya membahas product review.

Nah, fitur inilah yang sebenarnya cukup banyak dicari pegiat toko online yang memanfaatkan blogspot sebagai platformnya. Biasanya, blogspot dengan template toko online akan membuat tampilan tidak relevan lagi, antara blog dan toko online. Namun dengan template ini, hal tersebut bisa teratasi dan jadi memungkinkan.

Template Ultimate Shop


Ultimate Shop Template

LIVE DEMO 

Fitur Unggulan

# Slide Show dan Widget Sale

slide show ultimate template

# Widget artikel / blogging
widget blogging

# Form Order via SMS di Product Page
Form order via SMS ini hanya muncul saat website diakses menggunakan smartphone.

form order sms

# Chatbox Messenger
Template ini sudah dilengkapi chatbox facebook messenger yang langsung terhubung dengan messenger fanpage facebook Anda.
chat box messenger

Fitur selengkapnya, cek tabel berikut ini.
MAIN FEATURESAVAILABILITY
Full Responsive DesignCheck Here
Grid View Homepage w/ Zoom Out Product Image
Homepage Slide Show
Responsive menu
Widget Blog Artikel / Blog Posting
Social Shared Button
Related Post 
Order via SMS and Email Invoice
Meta Tag SEO Friendly
LicensePREMIUM!
Template PriceRp 80.000,-
Template + SettingRp110.000,-
Pesan TemplateKlik DISINI

Template Full Page Marine Blue untuk Toko Blogspot

8/01/2016 0
Apa yang membedakan template ini dengan template sebelumnya? Yang paling bisa dilihat adalah tampilannya yang benar-benar full page, alias satu halaman penuh menyesuaikan lebar layar device. Ada juga perubahan pada metode checkout via SMS jika dibanding dengan versi template sebelumnya.

Pada template Marine Blue ini, sudah dilengkapi dengan form untuk mengirim SMS yang hanya muncul tombol yang menuju ke halaman form ini jika diakses melalui smartphone. Hasil dari pengisian form order ini, otomatis akan membuka aplikasi SMS yang ada di smartphone Anda. Penambahan fitur form sms ini setidaknya bisa lebih mempermudah order dari buyer.

Ada lagi penambahan fitur chatbox, namun yang langsung dihubungkan dengan fanpage facebook Anda. Hal ini tentu sangat menguntungkan admin toko online yang juga memanfaatkan fanpage sebagai sarana promosi, dengan fitur ini sekaligus bisa menghubungkan kedua platform yang berbeda ini dan sekaligus juga bisa melakukan interaksi secara langsung untuk calon buyer yang pada saat itu sedang login di facebook.

Template Marine Blue

Template Marine Blue full page



Tombol Order via SMS

Order via SMS

Form Order via SMS

Form Order via SMS

Halaman Produk

Product Page Marine Blue

Chat Box Messenger
Chat Box Messenger

MAIN FEATURESAVAILABILITY
Full Responsive DesignCheck Here
Grid View Homepage w/ Zoom Out Product Image
Homepage Slide Show
Responsive menu
Homepage Footer Widget
Social Shared Button
Related Post 
Order with PopUp Window notification & Shopping Cart
Meta Tag SEO Friendly
LicensePREMIUM!
Template PriceRp 80.000,-
Template + SettingRp110.000,-
Pesan TemplateKlik DISINI

Template Toko Herbal, Toko Obat atau Toko Online Lain

6/15/2016 8
Ketika melakukan cek statistik unduhan beberapa template, ternyata template yang bernuansa hijau dan biasanya dipakai untuk toko herbal, toko obat atau beberapa produk yang berbau medis cukup banyak menarik perhatian pengunjung blog ini.

Ini juga ditunjukkan dengan banyaknya feedback melalui kolom komentar terhadap template dengan konsep hijau ini. Ada beberapa template yang cukup banyak peminat, baik yang versi gratisan maupun premium, Anda bisa cek di beberapa posting berikut ini:


Beberapa template yang Saya bagikan pada posting di atas cukup memberikan respon positif, khususnya untuk template herbal medical modif. Template ini ternyata memberikan respon yang paling banyak. Sayangnya masih banyak kelemahan untuk template Herbal Medical Modif ini.

Mungkin pada saat template tersebut di dibuat, fitur yang ada sudah cukup lengkap dan sesuai dengan kebutuhan pada saat itu. Namun seiring perkembangan teknologi dunia maya yang sangat pesat, ada beberapa fitur yang harus disempurnakan.

Nah, di posting kali ini, secara khusus akan membagikan update template Herbal Medical Modif tersebut. Tentu saja dengan sudah ditambahkan fitur-fitur yang mendukung SEO terbaru, khususnya untuk fitur yang paling penting, yaitu mobile friendly.

Benar. Kelemahan utama dari template terdahulu adalah belum disertakannya fitur responsive design. Sehingga cukup menjadi titik lemah dalam hal SEO pada saat ini. Karena sekarang akses internet sebagian besar sudah dilakukan melalui gadget, so, fitur Mobile Friendly menjadi sebuah keharusan bagi template.

Sedangkan untuk mengoptimalkan SEO lainnya pada toko online dengan blogspot, Anda bisa mendapatkan informasinya dari artikel bagus berikut ini


Nah, tulisan selanjutnya akan membahas mengenai fitur template Medical Green ini, serta bagaimana cara mendapatkannya dengan gratis. Silakan baca baik-baik.

Template Medical Green

Medical Green Template

LIVE DEMO

Beberapa fitur utama dari Template Medical Green ini :










Panduan pemasangan dan editing Template Medical Green

Sebagian besar cara editing dan pemasangan template ini hampir sama dengan template Herbal Medical Modif, karena ini adalah pengembangan dari template tersebut. Namun untuk lebih memudahkan, disini akan di jelaskan semuanya dari awal.

Langkah #1. Extract file template
Langkah #2. Copy semua script template dan pastekan ke bagian HTML template di blog Anda.
Langkah #3. Jika ingin mengganti banner header, cari URL gambar berikut ini :

https://lh6.googleusercontent.com/-WFaRLcuazlQ/Ua4NU2UcfrI/AAAAAAAAAIs/dGHSbYuMaZk/s950/headerherballebah.jpg

Ganti dengan URL banner Anda sendiri dengan ukuran 960 x 300 dpi
banner header medical green

Langkah #4. Mengedit menu utama, cari script berikut ini, lalu ganti dengan link dan data dari toko online Anda :

<nav id='nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<a class='menu-hanap' href='#' style='color:#fff;padding-left: 5px;padding-right: 5px;'><i class='fa fa-list'/> Menu</a>
<ul class='shnav shareink-mainmenu'>
<li><a class='active' href='/'><span itemprop='name'><i class='fa fa-home'/> Home</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Fitur</span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Sitemap 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Sitemap 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Tag and Styling</span></a></li>
</ul>
</li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 1</span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Submenu 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Submenu 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Submenu 3</span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 3</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 4</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 2</span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Submenu 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Submenu 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Submenu 3</span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 3</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 4</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href='/p/checkout.html' itemprop='url'><span itemprop='name'>Checkout</span></a></li>
</ul>
<form action='/search' id='search-form' method='get' style='display: inline;'><table><tbody><tr><td class='search-box'><input id='search-box' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='';' type='text' value='Search...'/></td>
<td class='search-button'><input id='search-button' type='submit' value=''/></td></tr></tbody></table></form>
</nav>

Keterangan :
Ganti huruf warna merah dengan data toko Anda.

menu dropdown responsive

Langkah #5. Mengganti kalimat selamat datang di html template. Cari dan temukan kalimat tersebut kemudian ganti dengan rangkaian kalimat selamat datang milik Anda sendiri.

welcome store

Langkah #6. Memasang Widget Customer Service. Pasang script berikut ini di widget customer service melalui tab tata letak / layout di blog Anda. Sebelumnya ganti dulu datanya dengan data toko Anda.

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

Langkah #7. Mengedit pop up order via SMS. Masuk ke HTML Template, kemudian cari kata-katanya, selanjutnya tinggal edit disesuaikan dengan data Toko Anda sendiri. Tombol untuk SMS hanya akan muncul jika dibuka di HandPhone.

<!-- 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-->


Order via SMS

Langkah #8. Setting data Shopping cart di HTML Template. Cari script berikut, kemudian edit datanya sesuai dengan data toko Anda.

  // Customize URL, links and Blogshop name
  data.shop_name = "Template medical Green";
  data.shop_url = "//medicalgreentemplate.blogspot.com";
  data.shop_thankyou = "//medicalgreentemplate.blogspot.com/p/success.html";
  data.shop_sendFail = "//medicalgreentemplate.blogspot.com/p/error.html";
  data.shop_email = "bisnis.aira@gmail.com";

  // Currency to display in email invoice
  data.shop_currency = "Rp&nbsp;";

  // Customize blogshop business preferences. Leave " - " (dash) if not required
  data.shop_bizname = "Template medical Green";
  data.shop_bizaddress = "Kuala Lumpur, Malaysia";
  data.shop_bizphone1 = "024-361 8321";
  data.shop_bizphone2 = "024-361 8321";
  data.shop_bizphone3 = "024-361 8321";

  // Customize blogshop banking preferences. Leave " - " (dash) if not required
  data.bank1 = "Bank BCA";
  data.bank1_acc_no = "1234 1234 1111 22";
  data.bank1_acc_name = "John Doe";

  data.bank2 = "Bank Mandiri";
  data.bank2_acc_no = "1234 1234 1111 22";
  data.bank2_acc_name = "Jane Doe";

  data.bank3 = "Bank BNI";
  data.bank3_acc_no = "1234 1234 1111 22";
  data.bank3_acc_name = "John Doe";

  // Customize blogshop additional notes. Leave " - " (dash) if not required
  // Additional notes to include in automated e-mail
  data.note1 = "WhatsApp: 08123456789";
  data.note_detail1 = "Pin BBM : 123abc";
  data.note2 = "Hotline : 08123456789";
  data.note_detail2 = "Secepatnya Kami akan melakukan konfirmasi order Anda melalui SMS ke nomor HP yang ssudah Anda daftarkan";
});

Langkah #9. Memasang laman Form Checkout. Buat sebuah laman, dan pastikan bahwa url nya memiliki format berikut :

namatoko.blogspot.com/p/checkout.html

Buat laman Succes dan pastikan URLnya adalah sebagai berikut :

namatoko.blogspot.com/p/success.html

Buat laman Error dan pastikan juga URLnya adalah sebagai berikut :

namatoko.blogspot.com/p/error.html

Khusus untuk laman Checkout, jika sudah jadi, masukkan script berikut ini pada mode HTML :

<div id="cart-details">
<h3 style="text-align: center;">
<span style="color: #073763;"><u>Item di Keranjang Anda Sekarang</u></span></h3>
<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&nbsp;0.00</span></span>
</h4>
</div>
<br />
<table><tbody>
<tr><td><div class="checkout-form">
<form action="" id="contact" method="post">
<fieldset>
<center>
<label for="firstname">Nama</label>:<br />
<input id="first_name" name="firstname" placeholder="Nama" title="Masukkan Nama Anda" type="text" /><br />
<input id="last_name" name="lastname" placeholder="Last Name" style="display: none;" title="Enter your Last Name" type="text" value="-" /><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 />
<select id="deliveryLocation" style="display: none;"> <option selected="" value="Not_Selected"> - Tarif Pengiriman JNE OKE kota Pilihan - </option>
</select><br />
<label for="address">Alamat Pengiriman</label> :<br />
&nbsp;<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 />
&nbsp;<input id="postcode" name="postcode" placeholder="Address postal code" type="text" /><br />
<label for="message">Pesan Anda</label> :<br />
&nbsp;<textarea id="comments" name="message" placeholder="Optional"> </textarea><br />
</center>
<div style="text-align: center;">
<a class="simpleCart_checkout button" href="javascript:;" id="sent-order">Send Order</a></div>
<div style="color: blue;">
<br />
Rincian selengkapnya dikirimkan ke email anda secara otomatis. Kamiberharap anda puas berbelanja di toko kami. Kami akan selalu menunggu kedatangan kembali untuk pengalaman belanja di toko kami selanjutnya. Terima Kasih. </div>
</fieldset>
</form>
</div>
<!-- End checkout-form --></td>
<td><div class="checkout-details">
<b>Panduan Checkout</b> <br />
<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>
<b>Mitra Pembayaran Kami :</b> <br />
<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>
</ul>
<b>Mitra Kurir Toko Kami :</b> <br />
<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>
</div>
<!-- End checkout-details --></td>
</tr>
</tbody></table>
Keterangan :
Anda hanya bisa mengedit di bagian panduan order saja, untuk form jangan diedit jika tidak ingin terjadi error.
Editing bisa dilakukan pada mode compose

Untuk laman Success, tambahkan script berikut ini di bagian paling bawah pada mode html.
<script>  $(document).one('ready', function () {    for(simpleCart_items in localStorage) {      delete localStorage[simpleCart_items];    };  });</script>

Langkah #10. Memasang post template. Ini berfungsi agar setiap posting yang Anda lakukan bisa lebih mudah dan memiliki tampilan yang sama.

Masuk ke Setting/pengaturan >> pilih post dan komentar >> tambahkan script berikut ke post template:

<div class="product_image">
<a class="cloud-zoom" href="link_gambar_anda.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="link_gambar_anda.jpg" /></a>
<span class="item_price">Rp 350,000</span></div>
<div class="product_describe">
Deskripsi produk tulis disini
Gambar produk tambahan bisa diupload disini
</div>

Keterangan:
link_gambar_anda.jpg = Ganti dengan link gambar utama produk Anda. Gambar ini yang Akan tampil di homepage toko Anda. Gambar bisa diupload di hosting sendiri, atau di upload ke picasaweb.com.
Rp 350,000 = Ganti dengan harga produk Anda. Pastikan memakai koma ( , ) untuk menandai ribuan.

Langkah #11. Setting Tampilan Seluler. Agar tampilan mobile bisa muncul maksimal, seting tampilan seluler dengan memilik tidak, seperti pada gambar berikut ini:

Tampilan seluler

Cara Mendapatkan Template Medical Green

Anda bisa mendapatkan template Medical Green ini dengan dua cara :

1. Beli Template seharga Rp 50.000

Anda bisa memiliki template ini dengan harga yang cukup murah, hanya 50 ribu rupiah saja. Silakan langsung hubungi Admin melalui no kontak di sidebar untuk konfirmasi.

2. Secara Gratis.

Template ini bisa Anda miliki secara gratis dengan cara membuat sebuah review jika Anda memiliki sebuah blog, dengan 1 (satu) link saja dari postingan review yang Anda buat, dengan pilihan anchor text berikut ini:
  • Template toko blogspot herbal
  • Template toko obat
  • Toko Blogspot dengan Template Mobile Friendly
  • Template Toko Online Blogspot
Kemudian kontak admin melalui form kontak DISINI dengan memberikan link posting review template tersebut.
Tidak ada batasan karakter untuk review posting di blog Anda. Silakan Anda sesuaikan sendiri.