Cari Blog Ini

Selasa, 18 Juli 2017

Cara Memasang Kode Shopping Cart

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

Tidak ada komentar:

Posting Komentar