Template Toko Online Sederhana dari Simple Shop

Template Toko Online Sederhana dari Simple Shop - Hallo sahabat TIPS BELAJAR BISNIS ONLINE DAN INTERNET MARKETING, Pada Artikel yang anda baca kali ini dengan judul Template Toko Online Sederhana dari Simple Shop, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blogger Templates, Artikel Blogger Templates Premium, Artikel Template Premium, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Template Toko Online Sederhana dari Simple Shop
link : Template Toko Online Sederhana dari Simple Shop

Baca juga


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.
simple shop responsive view
Nama Template : Simple Shop
Platform : Blogspot
License : Free / Premium

Berdasarkan GTmetrix, template simple shop ini memiliki speed loading yang cukup lumayan, untuk ukuran sebuah toko online.

speed Loading

Fitur Simple Shop 


Fiturv. Freev. Premium
Shopping Cartyesyes
Email Invoiceyesyes
Responsive Viewyesyes
Mini Cart Iconyesyes
Rupiah Currencyyesyes
Hotline text iconnoyes
Search Boxnoyes
Drop Down Categorynoyes
Related Product Postnoyes
Social Share Icon on Postnoyes
Supportnoyes
PriceFREERp 80.000
Live DemoDEMODEMO
DownloadScroll ke bawahContact

Pilihan template berikut ini memiliki fitur yang lebih lengkap dibandingkan Template Simple Shop ini, jika anda mencari opsi template dengan fitur yang lain :


Panduan Setting Template

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.

setting meta deskripsi
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.
setting shopping cart
setting shopping cart
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.html
4. masuk ke mode HTML.
5. Copy dan paste script berikut ke laman tsb.
<center>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj5thGBYuY_J1n0gZiWBcw7rVNOygvt5-FvwHT9uHjMsxtLaAVLEAEtPGvAcVhYIIt1_FLKpIbJnsU-oxB0FXqlhftb0FuQC0F_fdtJwUetQnD1eExzQFBszlQs4QbB_3d703dwP4Yh9L6/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&nbsp;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 />
    &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>
<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.
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.html
Isi 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.html
Isi laman tsb. dengan kalimat anda sendiri.

Langkah #5. Memasang menu navigasi atas dan banner.
edit widget navigasi atas

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>
<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>
Keterangan : Ganti dengan data menu di toko online anda.

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.

Cara Download

  1. Klik Like Fanpage facebook, follow google + atau follow twitter tukang toko online di samping kanan sidebar ini (pilih salah satu) .
  2. lalu kirim email untuk mendapatkan template gratis ini melalui halaman Contact ini dengan subyek nama template yang anda minta.
  3. Jangan lupa untuk kasih bukti (akun id anda) anda sudah melaksanakan point 1 di atas.
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..


Demikianlah Artikel Template Toko Online Sederhana dari Simple Shop

Sekianlah artikel Template Toko Online Sederhana dari Simple Shop kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Template Toko Online Sederhana dari Simple Shop dengan alamat link https://tipstopmarketing.blogspot.com/2015/01/template-toko-online-sederhana-dari.html

0 Response to "Template Toko Online Sederhana dari Simple Shop"

Post a Comment

Jika Ingin Membaca artikel ini klik Pada Image Di artikel