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