2011 S
E-Commerce dengan Zencart Massol http://massol507.wordpress.com
www.emye8.net http://massol507.wordpress.com
Page i
Daftar Isi Modul e-Commerce dengan Zen Cart........................................................................................1 Sekilas Zen Cart.....................................................................................................................1 Biaya untuk Zen Cart .............................................................................................................2 Instalasi Zen Cart ...................................................................................................................2 Login Ke Halaman Admin .....................................................................................................8 Konfigurasi Katalog...............................................................................................................9 Kategori..............................................................................................................................9 Produk ..............................................................................................................................14 Manufaktur.......................................................................................................................21 Review Spesial.....................................................................................................................23 Payment................................................................................................................................27 Customer ..............................................................................................................................27 Order ....................................................................................................................................28 Currencies ............................................................................................................................30 Simulasi Belanja Online ......................................................................................................31
www.emye8.net http://massol507.wordpress.com
Page ii
E-Commerce dengan Zen Cart
Sekilas Zen Cart Zen Cart merupakan salah satu solusi bagi Anda yang ingin menjajakan barang Anda secara online. Zen Cart didesain untuk memudahkan penggunanya (user friendly) dalam instalasi, pengaturan menu, produk maupun pengaturan mata uang meskipun Anda sendiri tidak memiliki keahlian dalam pemprograman. Zen Cart sendiri dikembangkan oleh komunitas yang terdiri dari programmer, pemilik toko, desainer dan konsultan yang ingin mengembangkan secara sederhana dan mudah untuk mempertahankan solusi e-Commerce. CMS (Content Management System) ini lahir karena didasari akan kebutuhan para pedagang dan pembelanja online. Zen Cart dibangun dengan menggunakan PHP, MySQL sebagai databasenya dan komponen dari HTML. Zen Cart sendiri mendukung beberapa bahasa dan mata uang yang dapat disesuaikan. Zen Cart pada awalnya dibangun dari
kode osCommerce sejak Juni 2003 dan telah
mengalami perkembangan pesat sejak saat itu. . Saat ini sudah mengeluarkan rilis versi 1.3.9. Berikut ini adalah keunggulan Zen Cart, antara lain: Proses instalasi yang mudah; Klasifikasi pelanggan/customer Kategorisasi produk tidak terbatas Bisa melakukan beberapa program promosi dan diskon harga Pola display produk yang bekerja secara otomatis menampilkan produk yang beragam Template website yang diprogram dengan bahasa pemrograman XHTML Pembuatan halaman tambahan yang tidak terbatas www.emye8.net http://massol507.wordpress.com
Page 1
Sistem kontrol untuk beberapa banner yang bisa dilakukan sekaligus Opsi pola pengiriman order pelanggan yang bisa dibuat beragam Opsi pola pembayaran juga beragam Pengelola surat promosi (newsletters) Kupon diskon Voucer belanja Pola pemberian diskon berdasarkan quantity order Pengelola produk-produk unggulan sumber : http://zenindo.wordpress.com
Biaya untuk Zen Cart Tidak dibutuhkan biaya untuk mendapatkan source Zen Cart. Zen Cart sendiri adalah Free Open Source Software yang berarti selain gratis, programnya dapat juga dimodifikasi dengan lisensi GNU (General Public License ). Zen Cart sendiri dapat Anda download di www.zencart.com.
Instalasi Zen Cart Zen Cart dapat diinstal di server apapun yang mendukung PHP dan database MySQL. Termasuk diantaranya adalah yang di-share. Dedicated server (server khusus) dan bahkan di computer yang menggunakan Windows, Linux, Unix, BSD dan Mac OS. Seperti telah diuraikan di atas bahwa Zen Cart dapat diperoleh tanpa biaya, akan tetapi pembuatan toko online sendiri membutuhkan hosting dan domain. Ada beberapa hosting dan domain gratis hanya saja Anda butuh cara lebih keras dibandingkan dengan beberapa hosting yang berbayar. Agar proses instalasi dapat dilakukan dengan mudah sebaiknya kita menggunakan hosting dan domain berbayar. Selain lebih terjamin, source Zen Cart sendiri sudah tersedia. Carilah hosting yang dapat mengakomodasi kebutuhan Anda termasuk dukungan 24 jam dan juga sesuaikan dengan isi kantong Anda. Dalam modul ini akan dijelaskan cara instalasi dan proses lainnya menggunakan Zen Cart www.emye8.net http://massol507.wordpress.com
Page 2
yang sudah tersedia pada salah satu fasilitas hosting, yaitu Fantastico De Luxe.
Bukalah alamat URL domain/cpanel, contoh :www.emye8.net/cpanel (ini tergantung dengan domain yang Anda pilih ketika memilih hosting)
Alamat Cpanel
Setelah muncul tampilan login, masukkan username dan password, klik OK.
Menu login Cpanel
Ketika halaman Cpanel muncul, carilah dan klik Fantastico De Luxe
Pilihan Fantastico De Luxe
Carilah kelompok aplikasi E-Commerce, pilih dan klik Zen Cart
www.emye8.net http://massol507.wordpress.com
Page 3
Kelompok aplikasi e-Commerce
Tampilan akan masuk ke halaman overview Zen Cart, Klik New Instalattion.
Menu Instal Zen Cart
Berikutnya akan masuk ke instalasi tahap pertama, berupa pengisian data.
Isikan data-data sebagai berikut:
Instal on domain Ini akan otomatis terisi oleh domain yang Anda pesan ke penyedia hosting dan domain Install in directory www.emye8.net http://massol507.wordpress.com
Page 4
Kosongkan karena nanti akan otomatis terisi. Admin access data
:
Administrator-username
: isikan dengan username yang kelak Anda gunakan sebagai user admin.
Password
: masukkan password untuk admin tersebut
Base configuration : Site name
: tulis nama alamat situs Anda
Admin email
: masukkan email yang akan Anda gunakan sebagai email admin.
Jika data sudah terisi semua klik Install Zen Cart.
Tahap instalasi Zen Cart www.emye8.net http://massol507.wordpress.com
Page 5
Tahap kedua adalah keterangan bahwa nama database dan user untuk MySQL akan dibuat otomatis. Selain itu juga muncul keterangan bahwa akses untuk membuka situs adalah seperti alamat domain yang kita masukkan ketika proses sebelumnya, contoh http://emye8.net.
Klik Finish Installation untuk ke tahap berikutnya.
Tahap instalasi Zen Cart
Tahap akhir instalasi berupa keterangan dimana konfigurasi file Zen Cart berada termasuk juga alamat URL, username dan password untuk admin. Anda juga dapat menuliskan email untuk menerima keterangan tentang detail instalasi dengan memasukkan alamat email Anda lalu klik Send E-mail.
www.emye8.net http://massol507.wordpress.com
Page 6
Tahap akhir dalam instalasi Zen Cart
Nah, tampilan ini adalah keterangan bahwa email sudah terkirim.
Keterangan pengiriman email detail instalasi
Dengan demikian proses instalasi anda telah selesai.
Sebagai catatan bahwa untuk membuka halaman admin, Anda dapat membuka domain/zc_admin, contoh : www.emye8.net/zc_admin) dan membuka halaman toko online Anda adalah dengan membuka domain Anda, contoh : www.emye8.net Tampilan di bawah ini adalah tampilan awal web/toko online yang baru saja diinstal.
www.emye8.net http://massol507.wordpress.com
Page 7
Halaman depan web/toko dengan Zen Cart
Login Ke Halaman Admin
Bukalah alamat URL domain/zc_admin (www.emye8.net/zc_admin).
Masukkan Username dan Password admin Anda.
Menu login admin
Anda akan masuk ke halaman Admin dimana segala proses konfigurasi mulai dari penyesuaian tampilan, menu-menu dan fitur-fitur lainnya dapat Anda optimalkan pada
www.emye8.net http://massol507.wordpress.com
Page 8
halaman ini.
Pada halaman awal setelah Anda login nantinya tampilan utama akan menampilkan berbagai macam informasi mulai dari pengunjung web hingga jumlah order barang/produk yang masuk.
Halaman utama admin Zen Cart
Konfigurasi Katalog Kategori
Untuk memudahkan pembeli melihat produk yang kita jual dalam web (Zen Cart) maka perlu adanya pengelompokan produk dalam kategori tertentu. Dalam modul ini contoh barang yang akan dijual adalah produk sepatu. Kategori yang akan dibuat antara lain Sepatu Pria, Sepatu Wanita dan Sepatu Anak. Menambah Kategori Untuk menambah Kategori perhatikan menu-menu di bagian atas. Pilih dan klik menu Catalog lalu pilih Categories/Product. www.emye8.net http://massol507.wordpress.com
Page 9
Menu Catalog Klik new category
Perintah new category Isikan nama kategori dan deskripsinya.
www.emye8.net http://massol507.wordpress.com
Page 10
Editor penambahan kategori Untuk pilihan Category Image, pilihkah salah satu gambar pada komputer Anda dan untuk Upload to Category biarkan tetap pada pilihan Categories. Kosongkan untuk pilihan filename dan Sort Order. Selanjutnya klik Save. Kategori yang sudah dibuat akan muncul seperti di bawah ini. Untuk membuat Kategori baru cukup dengan klik new category dan lakukan seperti proses di atas.
Tampilan kelompok kategori Sebagai tambahan buatlah Kategori tambahan berupa Sepatu Pria (Formal) dan Sepatu Pria (Sport). Mengedit Kategori Jika Anda mengalami kesalahan penulisan kategori atau memang ingin merubah kategori yang sudah Ada, Anda dapat dengan mudah mengubahnya. Caranya pada halaman Kategori, perhatikan bagian sebelah kanan.
Tampilan edit kategori Sesuaikan baris Kategori dengan menu Edit, lalu klik ikon
(Edit) maka Anda akan
masuk ke halaman sama seperti ketika hendak membuat Kategori. Jangan lupa untuk mengganti gambar yang sesuai dengan Kategori yang baru. Jika proses edit sudah selesai, klik Save.
www.emye8.net http://massol507.wordpress.com
Page 11
Editor pengeditan kategori Kategori berubah yang semula Sepatu Anak menjadi Sandal Anak.
Tampilan hasil edit kategori Menghapus Kategori Untuk menghapus Kategori, pastikan Anda tetap pada halaman Kategori. Perhatikan kembali bagian sebelah kanan sama seperti ketika Anda hendak mengedit Kategori.
Tampilan penghapusan kategori Samakan baris Kategori yang akan dihapus, klik ikon
(delete). Setelah tampilan
muncul seperti gambar di bawah ini, klik delete. www.emye8.net http://massol507.wordpress.com
Page 12
Perintah menghapus kategori Memindahkan Kategori Kategori yang ada mungkin saja ingin Anda rubah posisinya menjadi Sub Kategori. Sebagai contoh Anda sudah membuat beberapa Kategori seperti Sepatu Pria, Sepatu Pria (Formal) dan Sepatu Pria (Sport). Anda menginginkan posisi Sepatu Pria (Formal) dan Sepatu Pria (Sport) masuk menjadi Sub Kategori yang ada di dalam Kategori Sepatu Pria. Maka, cara untuk memindahkannya adalah sebagai berikut: Sesuaikan baris Kategori yang akan dipindahkan, lalu klik ikon
(move).
Tampilan pemindahan kategori Pada menu combo box pilih Kategori Sepatu Pria, klik Move.
Pemilihan kategori tujuan Tampilan pada halaman web (buka web Anda) akan tampak seperti ini:
www.emye8.net http://massol507.wordpress.com
Page 13
Hasil dari pemindahan kategori Produk Produk merupakan item paling penting karena tujuan dibangunnya Zen Cart ini adalah untuk menawarkan berbagai macam barang/produk. Nah, tadi sudah dibuatkan beberapa Kategori dan sekarang adalah saatnya menambahkan Produk ke masing-masing Kategori tersebut. Susunan Kategori yang sudah kita buat tadi adalah : Sepatu Pria Sepatu Pria (Formal) Sepatu Pria (Sport) Sepatu Wanita Sepatu Anak Menambah Produk Baru Pilih menu Catalog lalu klik Categories/Product.
Menu ke halaman kategori/produk Dari daftar Kategori tersebut pilih Sepatu Pria dan akan muncul dua sub kategori Sepatu Pria (Formal) dan Sepatu Pria (Sport)
www.emye8.net http://massol507.wordpress.com
Page 14
Daftar kategori Pilih salah satu dari dua sub Kategori tersebut.
Daftar sub kategori Klik new product. Pada menu Model pilih Product-General
Perintah penambahan produk baru Maka Anda akan masuk ke halaman Input Produk.
www.emye8.net http://massol507.wordpress.com
Page 15
Form penambahan produk baru Keterangan : Product Status
Keterangan apakah produk ready stock atau Out of stock
Date Available
Untuk menentukan tanggal berlaku sebuah produk
Product Manufacturer
Keterangan untuk produsen barang
Product Name
Diisi dengan nama produk
Product is Free
Keterangan untuk menyatakan produk gratis
Product is Call
Keterangan untuk menunjukkan harga nego
Product is Priced by Atribut
Keterangan untuk menunjukkan harga sesuai dengan yang tertera pada produk
Tax Clases
Menu untuk menentukan biaya pajak untuk masing-masing produk
Product Price (Net)
Menentukan harga bersih produk
Product Price (Gros)
Menghitung
harga
kotor
sebuah
produk.
Otomatis terhitung ketika harga bersih diinput. www.emye8.net http://massol507.wordpress.com
Page 16
Product is Virtual
Keterangan untuk memunculkan permintaan alamat pengiriman atau sebaliknya
Always Free Shipping
Pilihan apakah akan diberlakukan bebas biaya pengiriman, biaya pengiriman sesuai dengan tarif normal atau pilihan khusus dimana tiap produk akan meminta alamat pengiriman.
Products Quantity Box Shows
Pilihan untuk selalu menampilkan kotak jumlah produk yang tersedia atau sebaliknya
Product Qty Minimum
Jumlah minimum produk
Product Qty Maximum
Jumlah maksimum produk
Product Qty Units
Jumlah unit dari produk
Product Qty Min/ Unit Max
Jumlah maksimum atau minimum unit dari porduk
Product Descripton
Untuk menuliskan deskripsi sebuah produk mulai dari bahan, ukuran dan kegunaan jika perlu
Product Quantity
Input jumlah produk
Products Model
Menentukan model produk
Products Image
Untuk menampilkan gambar produk
Upload to directory
Untuk meletakkan file gambar yang diupload
Overwrite
Existing
Image
Server?
on Keterengan untuk menimpa gambar yang telah ada pada server
Or, select an existing image file Menampilkan gambar yang diambil dari server from server, filename Product URL
Pilihan ini digunakan apabila gambar yang akan digunakan adalah gambar dari web lain
Product Shipping Weight Sort Order
Menunjukkan berat sebuah produk Isikan dengan angka 1
Jika semua data sudah diisi selanjutnya klik Preview Tampilan berikutnya akan berubah menjadi seperti ini: www.emye8.net http://massol507.wordpress.com
Page 17
Tampilan insert produk baru Klik insert tuk menerbitkan produk. Hasilnya seperti di bawah ini:
Tampilan hasil input produk baru Jika dilihat dari halaman web maka akan tampak seperti ini :
Tampilan produk dalam web Secara default mata uang yang muncul adalah $ Dollar Amerika. Mengedit Produk Mengedit produk cara sama seperti ketika Anda mengedit Kategori. Pada daftar produk klik ikon
(Edit) maka tampilan akan ke halaman ketika Anda pertama kali
menambahkan produk hanya saja ketika Anda mengklik Preview, yang akan muncul salah satunya adalah button Update. Klik Preview untuk melihat pratinjau dan klik Cancel jika Anda ingin www.emye8.net http://massol507.wordpress.com
Page 18
membatalkannya.
Menu preview Klik update untuk mengeksekusinya.
Menu update produk Pada gambar di bawah ini terlihat bahwa nama produk sebelumnya adalah SP002 berubah menjadi Sepatu SP002.
Tampilan hasil update produk Menghapus Produk Masih sama seperti langkah menghapus Kategori maka untuk mengapus produk juga dengan klik ikon
(Delete).
Ketika muncul kotak dialog seperti ini, klik delete.
www.emye8.net http://massol507.wordpress.com
Page 19
Perintah menghapus produk Lihat hasilnya dengan demikian produk dengan nama Sepatu SP002 sudah terhapus dan tidak muncul lagi dalam daftar produk.
Tampilan hasil setelah menghapus salah satu produk Memindahkan Produk Memindahkan produk disini adalah memindahkan produk dari satu Kategori ke Kategori lainnya.
Tampilan daftar produk dan barang yang akan dipindahkan Pada gambar di atas produk SW001 berada di dalam Kategori Sepatu Pria dengan sub Kategori Sepatu Pria (Formal). Pada simulasi di modul ini akan memindahkan SW001 ke Kategori Sepatu Wanita dengan sub kategori Sepatu Wanita (Formal). Buatlah terlebih dahulu Sub kategori Sepatu Wanita (Formal) seperti ketika membuat sub Kategori Sepatu Pria (Formal) di atas. Berikutnya masuk ke Kategori Sepatu Pria dan sub Kategori Sepatu Pria (Formal) lalu buatlah sebuah produk dengan nama SW001 dengan gambar sepatu wanita. www.emye8.net http://massol507.wordpress.com
Page 20
Jika telah dibuatkan maka pada daftar list Sepatu Pria (Formal) seperti terlihat pada gambar di atas, klik ikon
(Move). Berikutnya akan muncul menu pilihan Kategori.
Pilih Kategori Sepatu Wanita dan sub Kategori Sepatu Wanita (Forma).
Pemilihan kategori tujuan pemindahan produk Klik Move.
Perintah Move Tampilan akan otomatis pada daftar kategori dimana produk tadi dipindahkan.
Tampilan daftar produk yang dipindahkan Manufaktur Tambahkan beberapa Manufaktur untuk memudahkan pembeli melakukan pencarian berdasarkan Manufaktur. Menambah Daftar Manufaktur
Pilih Menu Catalog dan klik Manufacturers.
www.emye8.net http://massol507.wordpress.com
Page 21
Menu Catalog untuk menambahkan Manufaktur
Muncul tampilan di sebelah kanan seperti di bawah ini:
Editor penambahan Manufaktur Keterangan : Isikan data yang diperlukan. Manufacturers Name
Tuliskan nama Manufaktur atau mana perusahaan
www.emye8.net http://massol507.wordpress.com
Page 22
Manufacturers Image
Upload gambar atau logo manufaktur dari komputer
Upload to directory
Secara default akan muncul manufactures (direktori untuk menyimpan gambar)
Filename
Ini digunakan jika gambar mengambil dari gambar yang sudah ada di server. Jika tidak, kosongin saja
Manufacturers URL
Ketikkan
alamat
URL
atau
web
dari
Manufaktur/perusahaan tersebut Jika data field di atas sudah terisi, klik Save. Jika data sudah terisi semua maka klik Save.
Tampilan insert Manufaktur
Berikutnya klik insert. Hasilnya akan seperti ini:
Tampilan daftar Manufaktur
Untuk melakukan pengeditan dan penghapusan caranya hampir sama dengan ketika Anda mengedit dan menghapus Kategori maupun produk.
Review Spesial Salah satu trik untuk menarik simpati calon pembeli adalah dengan cara membuat produk Spesial dengan harga diskon. Fasilitas ini sudah ada di Zen Cart.
Untuk membuatnya pilih menu Catalog dan klik Specials.
www.emye8.net http://massol507.wordpress.com
Page 23
Menu Catalog untuk menambahkan barang spesial
Di sini akan membuat produk yang sudah ditambahkan menjadi produk special dengan diskon, klik new product.
Tampilan daftar barang dengan harga special(belum ada)
Klik salah satu dari daftar produk, misalnya SP001.
Isikan harga baru/harga setelah diskon pada pilihan Special Price dan tentukan pula batas awal dan akhir harga sepsial itu mulai berlaku. Jika semuanya sudah terisi, klik insert.
www.emye8.net http://massol507.wordpress.com
Page 24
Editor menambahkan barang dengan harga spesial
Hasilnya pada daftar produk :
Tampilan barang dengan harga spesial
Pada halaman web akan muncul dalam side bar atau halaman tengah web.
Tampilan produk dengan harga special/diskon Product Expected Product Expected berisi daftar produk baru yang akan muncul di halaman web. Contohnya www.emye8.net http://massol507.wordpress.com
Page 25
adalah ketika Anda menambahkan produk baru Anda menentukan tanggal rilis produk tersebut. Ini bertujuan untuk memperkenalkan produk baru kepada calon pembeli.
Editor penayanangan tanggal saat penambahan produk
Daftar Products Expected
Daftar produk baru yang baru aka nada setelah tanggalnya penayangannya datang
Pada halaman web, jika produk tersebut diklik maka akan muncul keterangan tanggal ready stock.
Tampilan keterangan ready stock produk baru www.emye8.net http://massol507.wordpress.com
Page 26
Payment Melalui Payment Modules, Anda dapat menghubungkan transaksi dengan perusahaan penyedia layanan kartu kredit. Anda juga dapat menyimpan informasi pembayaran di server lokal saja untuk proses pembayaran secara off-line.
Halaman Patment Modules
Customer Nama, detail dan daftar barang yang dipesan oleh pelanggan yang telah membuat akun di web/toko online Anda secara otomatis akan terdaftar di web Anda. Melalui menu ini, Anda dapat dengan leluasa melihat data dari pelanggan termasuk mengedit atau menghapus pelanggan yang sudah tidak aktif.
Untuk dapat mengeditnya pilih menu Customers dan klik Customers.
Menu Customers
Daftar pelanggan yang sudah registrasi akan muncul seperti di bawah ini.
Data pelanggan/pembeli baru www.emye8.net http://massol507.wordpress.com
Page 27
Klik Edit dan lakukan edit data pelanggan.
Menu edit pelanggan/pembeli
Setelah itu form edit akan muncul
Form edit data pelanggan/pembeli baru
Nah, jika Anda sudah melakukan perubahan data, klik Update.
Perintah update
Order Semua pesanan yang masuk akan ditampilkan pada menu Order. Detail pemesanan mulai dari nama barang, total pesanan, tanggal pemesanan dan statusnya dapat kita lihat pada menu halaman Order. Selain itu, Anda juga dapat melihat invoice dan informasi packing slip www.emye8.net http://massol507.wordpress.com
Page 28
dengan cara klik kedua button tersebut.
Untuk dapat membuka halaman Order, pilih menu Customers lalu klik Orders. Di bawah ini adalah contoh pemesanan yang masuk ke halaman Order.
Data pemesanan barang/produk yang masuk
Berikut ini adalah contoh Invoice pemesanan produk.
Tampilan invoice pemesanan barang/produk
Tampilan halaman Edit.
Tampilan pemilihan status barang/produk
Pemberian status barang/produk dimana terdapat pilihan antara lain, Pending,
www.emye8.net http://massol507.wordpress.com
Page 29
Processing, Delivered dan Update. Agar pemesan dapat menerima informasi status barang, seleksi pada pilihan radio button Notify Customer untuk pilihan Email, lalu klik update.
Pilihan status barang/produk
Currencies Secara default mata uang yang tersedia adalah US Dollar, Euro, Dollar Australias, Dollar Kanada dan Pounsterling. Anda tidak akan mendapatkan mata uang Indonesia, tetapi Anda dapat menambahkannya dengan cara sebagai berikut :
Pilih menu Localization lalu klik Currencies
Menu Currencies
Untuk menambahkan mata uang baru klik new currency.
Proses penambahan mata uang baru
Isikan data seperti tampak pada gambar. Untuk menjadikan Rupiah sebagai default mata uang, maka centang pilihan Set as default (requires a manual update of currency
www.emye8.net http://massol507.wordpress.com
Page 30
values), pada pilihan value diisi dengan nilai tukar dollar ke rupiah (contoh 9.000). Jika sudah klik insert.
Form entry mata uang baru
Hasilnya akan tampak seperti ini :
Tamnpilan perubahan mata uang pada halaman depan web
Simulasi Belanja Online Setelah melakukan berbagai macam konfigurasi penting di database, sekarang coba untuk www.emye8.net http://massol507.wordpress.com
Page 31
melakukan simulasi belanja online ke web/toko yang Anda buat.
Bukalah alamat web Anda dengan mengetikkan domain (www.emye8.net)
Pilih salah satu kategori barang yang tersedia tau klik salah satu produk yang ada di halaman depan web.
Halaman depan web/toko online
Pada saat muncul tampilan produk, klik add this to my cart.
www.emye8.net http://massol507.wordpress.com
Page 32
Memasukkan barang/produk ke dalam keranjang belanja
Ketika Anda masuk pada tampilan berikut ini maka di sebelah kanan terlihat keranjang belanja Anda berikut nama produk dan harga dan detail belanja terdapat di bagian utama (tengah).
Jika Anda ingin membatalkan belanja maka centang (V) bagian yg dilingkari dengan lingkaran merah bertuliskan delete lalu klik ikon
(delete).
Klik go to checkout untuk melanjutkan proses belanja.
Tampilan rincian barang/produk yang dipesan
Pada bagian atas berupa form login. Pilihan ini adalah diasumsikan untuk pembeli yang sudah memiliki akun atau pernah belanja di web/toko Anda.
Menu login pelanggan/pembeli
Sedangkan untuk pembeli yang baru pertama kali dan belum memilik akun, maka diwajibkan (*) mengisi form di bagian bawah.
Pada pilihan Subsccribe to Our Newsletter boleh dipilih atau dikosongkan. Terakhir klik Submit.
www.emye8.net http://massol507.wordpress.com
Page 33
Form untuk pemesan/pembeli baru
Tampilan selanjutnya adalah pemilihan untuk biaya pengiriman. Pilih salah satu dari radio button yang ada. Berikan komentar jika dibutuhkan, lalu klik Continue Checkout.
www.emye8.net http://massol507.wordpress.com
Page 34
Pilihan jenis pengiriman barang/produk
Tahap berikutnya adalah menampilkan jumlah harga dimana di dalamnya sudah termasuk harga produk dan biaya pengiriman yang harus dibayarkan pembeli. Pada kotak Redemption code dikosongkan saja karena memang web/toko belum diseting dengan kupon sedangkan pada Payment Method pilih radio button Cash on Delivery.
Klik Continue Checkout untuk melanjutkan.
www.emye8.net http://massol507.wordpress.com
Page 35
Pilihan cara pembayan
Tahap akhir adalah pengecekan seluruh pesanan baik itu data pemesan, alamat pengiriman, jumlah barang/produk yang dibeli, harga dan biaya pengiriman. Pembeli dapat merubah data dengan klik Edit pada masing-masing item seperti data pembeli, alamat pengiriman maupun pengisian komentar jika diperlukan.
Jika semua data sudah sesuai klik confirm the order.
www.emye8.net http://massol507.wordpress.com
Page 36
Tahap cek semua data pemesanan
Terakhir adalah keterangan atau notifikasi bahwa pemesann barang/produk telah berhasil.
www.emye8.net http://massol507.wordpress.com
Page 37
Tampilan telah berhasil memesan barang
Ceklah email yang Anda gunakan untuk simulasi pemesanan barang/produk tadi.
www.emye8.net http://massol507.wordpress.com
Page 38
Tampilan email keterangan dari web/toko online Fasilitas yang terdapat dalam Zen Cart ini sangatlah banyak, jadi, optimalkan fasilitas yang ada dengan mencobanya sendiri.
www.emye8.net http://massol507.wordpress.com
Page 39