NEW UPDATES

Komputer

seo

Bisnis

Advertise

Advertise
Ads

Template Toko Online Shopping Cart via Email



Template Toko Online Shopping Cart via Email
Template Toko Online Shopping Cart dengan Checkout via Email. Makin banyak pegiat toko online yang memanfaatkan platform blogger sebagai tempat untuk membuka lapaknya. Dan, efeknya adalah dengan makin banyak dicarinya template yang sangat mendukung untuk berbisnis ecommerce ini.
Template Toko Online Shopping Cart via Email

Saat ini sudah semakin banyak
blogger template ecommerce yang melengkapi fiturnya dengan shopping cart. Namun hanya sedikit template berfitur shopping cart dengan currency mata uang lokal (Rupiah) dan bisa melakukan checkout via email. Kebanyakan fitur checkout dari shopping cart adalah melalui paypal atau google checkout yang pada saat ini belum bisa memproses dan menerima rupiah.

Kalaupun ada template dengan shopping cart yang memiliki
fitur currency Rupiah dan tombol Checkout via email, maka yang banyak beredar adalah template berbayar atau template premium. Sampai saat ini sepertinya belum ada yang bersedia membaginya secara cuma-cuma.

Setidaknya meskipun belum secanggih shopping cart dari Sistem CMS lainnya semacam Wordpress, Opencart dll, namun fitur shopping cart pada template ini sudah cukup jika dipakai sebagai lapak berjualan online buat Blogger.

Silakan anda simak fitur selengkapnya di bawah ini dan jika anda berkenan, silakan anda download dan manfaatkan dengan bijak.

Fitur:
    Template Toko Online Shopping Cart via Email
  • Header Adspace 728x90 
  • YM Button
  • Search Box
  • Tab Navigation
  • Grid Style 4 columns
  • breadcumbs
  • Related Post with thumbnail 
  • Bookmark Share Site
  • Shopping cart
  • IDR Currency (Rupiah)
  • Multi Tabs Widget
  • Checkout via email







DEMO    |    DOWNLOAD





Panduan Install template
1. Download Template dari link Download di atas
2. Masuk ke akun Blogger Anda.
3. Upload file template kranjang blanja pada akun blogger Anda.
4. Kemudian Masuk ke opsi EDIT HTML template blogger Anda. Jangan lupa untuk mencentang Expand Widget Template (ingat!! selalu back up template dulu untuk jaga-jaga).

Berikut adalah beberapa elemen kode yang bisa anda lakukan editing.
Editing bagian Header :

header template kranjang blanja

Mengganti ID Yahoo Messenger 
Temukan kode di bawah dan ganti text yang berwarna merah dengan ID YM anda :

ymsgr:sendIM?teguharifiantoati
dan
http://opi.yahoo.com/online?u=teguharifiantoati
Mengedit kotak pencarian 
Agar kotak pencarian bisa bekerja di blog Anda, cari alamat url berikut :
http://templatekranjangblanja.blogspot.com/search
ganti text berwarna merah (templatekranjangblanja.blogspot.com) dengan alamat URL Blog Anda.

Mengganti Logo
Anda harus menuju ke Tab Layout/ Tata Letak, Kemudian edit widget Header, lalu ganti logo dengan logo toko anda sendiri (lihat gambar di bawah ini).

Template Toko Online Shopping Cart via Email

Mengganti Banner 728x90
Masuk ke template >> edit html >>  centang expand widget 
Cari kode berikut :



<div id='topads'>
<b:section class='adslot' id='adslot' maxwidgets='1' preferred='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

Hapus semua kode yang berwarna merah dan ganti dengan kode berikut


<a href="http://linkanda.com/" target="_blank" rel="nofollow"><img src="http://alamaturlgambaranda.com/gambar.jpg"/></a>

Keterangan:
- ganti link warna merah dengan link anda
- ganti link gambar warna biru dengan link gambar anda (pastikan ukuran gambar 728x90).

Preview template, jika sudah benar, save template anda

Mengganti Kalimat Selamat Datang
Masih di bagian Template>>Edit HTML, Cari kalimat selamat datang seperti gambar berikut ini dan ganti dengan kalimat selamat datang versi anda sendiri.
 
Mengganti Link Checkout Shopping Cart

Cari kode berikut ini :  


<b:if cond='data:blog.url != &quot;http://templatekranjangblanja.blogspot.com/p/checkout.html&quot;'>
<!-- Shopping Cart Starts -->
<div id='add-to-cart-widget'>
<h2>Keranjang Belanja</h2>
<div class='simpleCart_items'/>
<div id='cartTotal'>
Total: <span class='simpleCart_total'/>
</div>
<div class='cartbuttons'>
<a class='simpleCart_empty' href='javascript:;'>Kosongkan</a>
<a href='http://templatekranjangblanja.blogspot.com/p/checkout.html'>Checkout</a>
</div>
</div>
<!-- Shopping Cart Ends -->
</b:if>

Kemudian ganti semua alamat sub domain (yang berwarna merah) tersebut dengan alamat blog anda.

Memasang Kode Template Entry Post

Copy kode script di bawah ini dan letakkan pada bagian menu Setting >> Posts anda Comments >> menuju ke opsi Post (klik edit) pada blog anda


<table border="1" style="width: 660px;">
<tbody>
<tr>
<th class="item_thumb" id="thumb" width="45%">Pasang Gambar Produk Anda DISINI</th>
<td><input class="item_add" type="button" value="Add to Cart" /></td>
</tr>
<tr>
<th><b>Kode Barang</b></th>
<td class="item_name">Kode produk taruh disini!</td>
</tr>
<tr>
<th><b>Harga</b></th>
<td class="item_price">$99.99</td>
</tr>
<tr>
<th><b>Keterangan</b></th>
<td class="item_Description">Fitur produk!</td>
</tr>
<tr>
<th><b>Stok Barang</b></th>
<td>Stok barang anda!</td>
</tr>
<tr>
<th><b>Gambar Tambahan</b></th>
<td>tempatkan gambar produk tambahan di sini</td>
</tr>
</tbody>
</table>

Membuat Halaman Statis / Static Page untuk Checkout
Masuk ke menu Laman (Page) >>buat laman baru >> laman kosong kemudian masuk ke bagian HTML, beri Judul Checkout, selanjutnya copy paste script di bawah ini :



<h2 style="text-align: center;">
Keranjang Belanja Anda</h2>
<h2 style="font-weight: normal; text-align: center;">
<span style="font-size: x-small;">"Mohon Lengkapi Form dan Copy Paste Semua Order di Kolom Message. .!"</span></h2>
<div class="simpleCart_items">
</div>
<div class="clear">
<br />
<br />
<table border="1" style="width: 680px;"><tbody>
<tr><td class="odd">Total Items: </td><td class="even"><span class="simpleCart_quantity">0</span></td></tr>
<tr><td class="odd">SubTotal: </td><td class="even"><span class="simpleCart_total">Rp0.00</span></td></tr>
<tr><td class="odd">Tax Cost: </td><td class="even"><span class="simpleCart_taxCost">Rp0.00</span></td></tr>
<tr><td class="odd">Biaya Kirim: </td><td><a href="http://jne.co.id/" rel="nofollow" target="_blank">Cek di Sini</a></td></tr>
<tr><td class="odd">Final Total: </td><td class="even"><span class="simpleCart_finalTotal">Rp0.00</span></td></tr>
</tbody></table>
</div>


Anda bisa mengganti kalimat panduan yang berwarna merah sesuai dengan selera anda sendiri. 
Template Toko Online Shopping Cart via Email
Ini masih belum selesai, agar halaman checkout via email anda bisa berfungsi, harus menambahkan kode email kontak form di bawah kode di atas. Kalau dalam contoh demo templatenya memakai form dari Kontactr. Sehingga hasilnya seperti terlihat pada gambar di samping

Anda bisa memakai form buatan sendiri dari Google Docs  atau dari form email kontak lain yang banyak bertebaran di internet.

Sampai disini tutorial panduan install template kranjang blanja sudah selesai.

Jika ada masalah silakan kirimkan komentar melalui kolom komentar di bawah.

Share this article :


65 comments :

  1. maaf saya tertarik sekali dengan template ini cuma ada beberapa yang ingin saya tanyakan itu poto CS yang sedang terima tlp bisa di gantiga kalo bisa gimana cara nya.terus add to car nya menurut saya aga kurang ke bawah soalnya jadi nutuoin poto itu sendiri.tolong jika boleh di kasuh tahu cara merubah nya.terima kasih sebelum nya template ini sangat saya sukai.

    ReplyDelete
  2. wah, ini yang sedang saya cari2...
    terima kasih telah memberikannya secara gratis..
    smoga blog ini semakin maju n terus berkarya dalam inovasi2nya

    ReplyDelete
  3. makasih banget ya, template dan penjelasannya manteb!

    ReplyDelete
  4. Terimakasih banyak om membantu sekali =))

    ReplyDelete
  5. Saya tertarik dengan tamplet ini, saat saya sudah pasangkan, dan buat entri baru selalu gagal, muncul kaliimat TERJADI KESALAHAN SAAT menyimpan.
    petunjuk editnya yang ada di sini sudah saya ikuti.

    kenapa yaaa ?

    Terima kasih banyak

    ReplyDelete
    Replies
    1. mas nyoman pakai jaringan internet apa?biasanya itu terjadi hanya karena koneksi internet yang down. abaikan peringatan dan coba publikasikan terus sampai bisa.bukan karena tempatenya kok, Saya juga sering mengalami hal seperti itu mas. goodluck mas

      Delete
  6. Salam mas,

    Cantik dan bersih minimal templatenya. Sangat sesuai untuk binaan kedai on-line. Kini sahabat blogger juga berkongsi template responsive, juga lengkap dengan shopping cart seperti BlogrStore Responsive dan BlogrShop Store Template.

    Semoga sahabat semua memperoleh manfaat untuk berniaga on-line secara serius.
    Thks dan best wishes dari kami di irsah inDesigns.

    ReplyDelete
  7. maaf mas mau tanya buat munculkan tombol add cart di mana yah?
    saya sudah instal tombol add cartnya tetep ga ada

    ReplyDelete
    Replies
    1. Memasang Kode Template Entry Post

      Copy kode script di bawah ini dan letakkan pada bagian menu Setting >> Posts anda Comments >> menuju ke opsi Post (klik edit) pada blog anda

      <table border="1" style="width: 660px;">
      <tbody>
      <tr>
      <th class="item_thumb" id="thumb" width="45%">Pasang Gambar Produk Anda DISINI</th>
      <td><input class="item_add" type="button" value="Add to Cart" /></td>
      </tr>
      <tr>
      <th><b>Kode Barang</b></th>
      <td class="item_name">Kode produk taruh disini!</td>
      </tr>
      <tr>
      <th><b>Harga</b></th>
      <td class="item_price">$99.99</td>
      </tr>
      <tr>
      <th><b>Keterangan</b></th>
      <td class="item_Description">Fitur produk!</td>
      </tr>
      <tr>
      <th><b>Stok Barang</b></th>
      <td>Stok barang anda!</td>
      </tr>
      <tr>
      <th><b>Gambar Tambahan</b></th>
      <td>tempatkan gambar produk tambahan di sini</td>
      </tr>
      </tbody>
      </table>

      Apa ini yang dimaksud?

      Delete
  8. mas cara edit ID YM sama kotak pencarian gimana?

    ReplyDelete
    Replies
    1. Cari ymsgr:sendIM?teguharifiantoati di edit html mas,
      kotak pencariannya kenapa mas?

      Delete
  9. bagus banget gan artikelnya berhasil pake, tapi bingung nih. mau nanya nih.
    1. kalau cara upload fotonya satu2 pake html yg sama diedit2 gambarnya ribet kan tuh. ada cara mudah?
    2. terus ko kalau upload gambarnya kecil ya ketutupan sama harga dan add to cart nya. gimana solusinya? thanks

    ReplyDelete
    Replies
    1. maksudnya gimana ya?apa bisa diperjelas pertantaannya?
      terus apa sudah diikuti langkah-langkahnya dengan benar?
      pertanyaan yg kedua, bisa klik kanan gambar,ada small,medium,large dan extra large.silahkan sesuaikan.biasanya gambar diposisi kotak yg pertama.
      jika masih kurang jelas juga silahkan langsung tanyakan disini

      Delete
  10. ini udh mantep mas,,,,saya coba tapi pas mau buat kirim kotak belanja ke email pake google docs gimana caranya ya mas,,,,,suwun sanget before

    ReplyDelete
  11. aduh mas bro.... suka banget sama template nya... :D thanx banget ya mas.sukses buat mas bro ^_^

    ReplyDelete
  12. tampialan home koq produknya yg muncul cuman 1 ya mas. ga kayak punya web mas muncul semua produknya, terima kasih tlng dijawab ya mas

    ReplyDelete
  13. wah keren templatenya saya langsung download dan upload, namun saya menemukan kendala :

    1. bagaimana cara mengganti warna ungu dan tulisan berwarna kuning di template itu mas ?
    2. di blog saya ketika saya check out koc totalnya bisa berbeda ya mas ?


    ReplyDelete
  14. blog saya di "suzukigaruda.blogspot.com". mohon pencerahannya dari master blog :)

    ReplyDelete
  15. ya sama waktu check out kenapa total tidak berfungsi? mohon pencerahannya

    ReplyDelete
  16. mau tanya, supaya templatenya gak lebar banget gimana ya cara mengecilkannya :) cz membuat kurang menarik untuk dibaca

    ReplyDelete
  17. Mau nanya nih....checkoutny mau dirubah mata uangnya gimana ya?biar ga Rp...makasih

    ReplyDelete
  18. mas help me minta contoh merubah scrip utk mengganti Banner 728x90, soalnya sy binggung tulisan merah bagian yg mana yg hrs di ganti. klo bisa cth scrip yg sudah di ganti. tolong juga di lihat hasil penerapan di blog saya apa kekurangannya mohon masukannya.(http://galerifashionkita.blogspot.com/)

    ReplyDelete
  19. -thanks mas udh berhasil cuma sementara pinjem url gambar mas dulu buat percobaan, klo utk membuat gambarnya sendiri yg ukuran 728x90 bgmn?
    -trus utk menambah kolom menu bgmn soal'a menu saya byk sedang bawaan templete cuma 5 jd yg g ketampung di kolom tampil'a di bawahnya tanpa kolom,
    -sekalian mas cara membuat / menambah tulisan di bar paling atas samping YM/ search gimana. sprt tampilan blog ini di atas. sory mas klo byk nanya soal'a msh newbie.
    -gadget utk tampilkan produk terbaru di side bar sy buka mau di edit kok ada notive gadget rusak ya.
    - satu lagi mas mumpung borongan hehehe...cara menampilkan nomer hp/ pin BB/ whatsapp/wechat di side bar gimana?
    sebelum'a makasih byk !

    ReplyDelete
  20. pencerahan untuk beanernya dong. gk nemu url yang tepat di html-nya :(

    ReplyDelete
  21. jelasin cara ngasih formnya dong,bingung bgt ini .-.

    ReplyDelete
  22. bagian Ceckout itu emailnya dikirim ke mana? kok srikpnya gak ada yg diganti email sendiri?

    ReplyDelete
  23. Mengubah dari dolar ke rupiah bagaimana?

    ReplyDelete
  24. gan cara nambahin kolom kontak kami, cara order gmn?
    trus cara nambahin gambarnya biar pas gmn?

    ReplyDelete
  25. gan untuk keranjang belanjaan agar tetap dalam rupiah gimana caranya

    ReplyDelete
  26. Cara ngedit tulisan itu gimana ya gan ? ane nyari html ga ketemu.

    ReplyDelete
  27. bisa minta source code cart sampe check out nya aja nggak ? agak bingung kalo liat dari xml nya takut ada yang kurang, soalnya udah punya template buatan sendiri, agak sayang kalo dibongkar pake punya agan, mohon pengertian nya. makasih

    ReplyDelete
  28. Sudah saya pasang, tapi tombol harga dan add to cartnya nutupin gambar produk. Tapi makasi sudah mau berbagi secara gratis,semoga pahalanya nambah :D

    ReplyDelete
  29. Sudah saya pasang, tapi tombol harga dan add to cartnya nutupin gambar produk. Tapi makasi sudah mau berbagi secara gratis,semoga pahalanya nambah :D

    ReplyDelete
  30. Makasih gan ane siap buka toko online

    ReplyDelete
  31. Ijin pake ya Gan
    Bermanfaat banget template nya
    semoga makin lancar

    ReplyDelete
  32. mas bagaimana cara menampilkan gagdet produk terbaru?
    dan bagaimana cara checkout yang di bawahnya ada kolom e-mail

    ReplyDelete
  33. Terimakasih... Sudah bisa jualan sekarang.
    www.gudangilmu93.blogspot.com

    ReplyDelete
  34. Mf gan Mau tanya.. saya udh instral tamplatenya dan post nya juga udah sesuai, tapi pas di coba Add To Cart, Tampilan di keranjang belanja jadi Rp.0.80 padahal harga produknya Rp.8.000.00 (8rb) mhon pencerahannya ya gan,,, tank U

    ReplyDelete
  35. Thank you for sharing in this article
    I can learn a lot and could also be a reference
    I hope to read the next your article updates.

    VIMAX adalah produk herbal alami yang sangat efektif dan VIMAX CANADA berhasiat untuk mengatasi masalah pria dewasa. VIMAX ASLI CANADA Berfungsi Sebagai OBAT PEMBESAR PENIS Yang Terjamin Hasiatnya Dan Alami Tanpa Efek Samping Jangka Panjang. Pastikan VIMAX ASLI Di Tempat Kami AGEN VIMAX CAPSULE
    VIMAX DI MEDAN

    ReplyDelete
  36. Thank you for sharing in this article
    I can learn a lot and could also be a reference
    I hope to read the next your article updates.

    VIMAX adalah produk herbal alami yang sangat efektif dan VIMAX CANADA berhasiat untuk mengatasi masalah pria dewasa. VIMAX ASLI CANADA Berfungsi Sebagai OBAT PEMBESAR PENIS Yang Terjamin Hasiatnya Dan Alami Tanpa Efek Samping Jangka Panjang. Pastikan VIMAX ASLI Di Tempat Kami AGEN VIMAX CAPSULE
    VIMAX DI MEDAN

    ReplyDelete
  37. Thank you for sharing in this article
    I can learn a lot and could also be a reference
    I hope to read the next your article updates.

    VMENPLUS adalah produk herbal alami yang sangat efektif dan OBAT VMENPLUS berhasiat untuk mengatasi masalah pria dewasa. OBAT VMENPLUS ASLI Berfungsi Sebagai OBAT PEMBESAR PENIS Yang Terjamin Hasiatnya Dan Alami Tanpa Efek Samping Jangka Panjang. Pastikan VMENPLUS ASLI Di Tempat Kami AGEN VMENPLUS

    ReplyDelete
  38. Thank you for sharing in this article
    I can learn a lot and could also be a reference
    I hope to read the next your article updates.

    VIMAX adalah produk herbal alami yang sangat efektif dan VIMAX CANADA berhasiat untuk mengatasi masalah pria dewasa. VIMAX ASLI CANADA Berfungsi Sebagai OBAT PEMBESAR PENIS Yang Terjamin Hasiatnya Dan Alami Tanpa Efek Samping Jangka Panjang. Pastikan VIMAX ASLI Di Tempat Kami VIMAX CANADA HERBAL

    ReplyDelete
  39. Trimakasih,
    templatny mantap.

    Tp bagaimana cara memunculkan gambar/ thumnail dan rincian produk yang dibeli agar muncul pada halaman checkout ?

    Sy udah co-past script checkout nya, tapi gambar/ thumnail dan rincian produk tidak muncul.

    Mohn dibantu,
    Tq

    ReplyDelete
  40. Gan mau tanya,
    1. Kenapa di halaman checkout ane gambar produk tidak muncul yah padahal saya udah cek kode "SimpleCart_items"
    2. Kenapa gambar produk ane di dalam kotak da kaya tulisan gitu yah, padahal klo liat blog ente pada gambar produk bersih aja tuh.

    mohon bantuannya gan....
    thanks banget

    ReplyDelete
  41. mksh gan info'x sangat bermanfaat sekali..
    sukses terus buat blog'x...

    ReplyDelete

Berkomentarlah Dengan Baik Dan Sopan

 
Copyright © 2014 Blogger Tutorial | Websubmission | SEO Tools | Privacy Policy | Contact-Us
Powered by Blogger