Memasang Shopping Cart untuk Blog Toko Online

Baca Juga

Cara Memasang Kode  Shopping Cart untuk Blog Toko Online (Online Store Berbasis Blogspot). Check Out - Add to Cart for Blogger. 

KODE untuk Memasang Shopping Cart untuk Blog Toko Online. Sistem Pembayaran menggunakan PayPal.

Langkah pertama, tentu Anda harus punya dulu Akun Paypal dan disetting nyambung dengan blog toko Online Anda.

KODE JAVASCRIP
(di atas </head>

<script src='https://googledrive.com/host/0B85p3cMrj-5NdHcxQWZHOHVhZFE' type='text/javascript'/>
<script src='https://googledrive.com/host/0B85p3cMrj-5NTXhsa1N0bGIxZWM' type='text/javascript'/>

KODE Script Checkout Paypal (di atas kode </head> )

<script type='text/javascript'>
//<![CDATA[
simpleCart.email = 'cbblogger2014@gmail.com';
simpleCart.checkoutTo = PayPal;
simpleCart.currency = USD;
simpleCart.cartHeaders = ['name','thumb_image','Quantity_input','increment', 'decrement','Total'];
//]]>
</script>

KODE POSTINGAN PRODUK
(Mode HTML Saat Posting)

<div class="simpleCart_shelfItem">
<img alt="nama produk" class="item_thumb" src="http://url-gbr-produk.jpg"/>
<h2 class="item_name"> Nama Produk </h2>
<p> <input value="1" class="item_Quantity" type="text"><br>
<span class="item_price">$35.99</span><br>
<a class="item_add" href="javascript:;"> Add to Cart </a></p>
</div>

ATAU

<img alt="nama produk" src="http://link-gbr-produk.jpg" />
<h3>Nama Produk</h3>
<span class="price">$50</span>
<a class="add-to-cart" href="#" onclick="simpleCart.add('quantity=1', 'name=Nama Produk','price=50','thumb=http://link-gbr-produk.jpg');return false;">add to cart</a>

KODE HTML

(Widget Checkout / Widget HTML/Javascrpt)

<span class='simpleCart_quantity'></span> // menampilkan jumlah pesanan (item)
<span class='simpleCart_items'></span> // menampilkan detail pesanan
<a class='simpleCart_empty' href='javascript:;'>Empty Cart</a> // menghapus daftar belanja
<a class='simpleCart_checkout' href='javascript:;'>Checkout</a> // checkout
<span class='simpleCart_total'></span> // jumlah total

Demikian Kode dan cara pemasangan Shopping Cart  Sederhana untuk Toko Online Blogspot menggunakan sistem pembayaran PayPal.

Sumber

=== CARA LAIN ===

KODE KOTAK TOMBOL CHECK OUT SHOPPONG CART

1. Simpan di bawah kode <div id='sidebar-wrapper'>

<!-- Shopping Cart Starts -->
<div id="add-to-cart-widget">
<h2>
Shopping Cart</h2>
<div class="simpleCart_items">
<div id="cartTotal">
(Klik 'Checkout' untuk memproses pemesanan unit)<b><span class="simpleCart_total"></span></b></div>
<div class="cartbuttons">
<a class="simpleCart_empty" href="javascript:;">Empty Cart</a>
<a class="simpleCart_checkout" href="https://docs.google.com/forms/d/XXXXXX/viewform?usp=send_form">Checkout</a></div>
</div>
<!-- Shopping Cart Ends -->

Kode warna merah ganti dengan kode form pemesanan/kontak yang dibuat di Form di Google Drive.

2. Membuat Form Pemesanan

- Gunakan Form di Google Drive

3. Mengaktifkan Notifikasi Email Gmail

- Gunakan Fasilitas Google Docs (Google Drive)

- Spreadsheet tab
- Setel Aturan Pemberitahuan

Sumber

Kita juga bisa membuat atau mendapatkan sendiri tombol Add to Cart di akun Paypal. Demonya seperti di bawah ini: