41
www.emye8.net http://massol507.wordpress.com S E-Commerce dengan Zencart Massol http://massol507.wordpress.com 2011

S E-Commerce dengan Zencart

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page i

S

E-Commerce denganZencart

Massolhttp://massol507.wordpress.com

2011

Page 2: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page ii

Daftar IsiModul 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

Page 3: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 1

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

Page 4: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 2

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.zen-

cart.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

Page 5: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 3

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

Page 6: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 4

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

Page 7: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 5

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

Page 8: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 6

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.

Page 9: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 7

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.

Page 10: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 8

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

Page 11: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 9

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.

Page 12: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 10

Menu Catalog

Klik new category

Perintah new category

Isikan nama kategori dan deskripsinya.

Page 13: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 11

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.

Page 14: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 12

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.

Page 15: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 13

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:

Page 16: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 14

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)

Page 17: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 15

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.

Page 18: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 16

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.

Page 19: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 17

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 on

Server?

Keterengan untuk menimpa gambar yang telah

ada pada server

Or, select an existing image file

from server, filename

Menampilkan gambar yang diambil dari server

Product URL Pilihan ini digunakan apabila gambar yang akan

digunakan adalah gambar dari web lain

Product Shipping Weight Menunjukkan berat sebuah produk

Sort Order Isikan dengan angka 1

Jika semua data sudah diisi selanjutnya klik Preview

Tampilan berikutnya akan berubah menjadi seperti ini:

Page 20: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 18

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

Page 21: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 19

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.

Page 22: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 20

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.

Page 23: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 21

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.

Page 24: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 22

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

Page 25: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 23

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.

Page 26: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 24

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.

Page 27: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 25

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

Page 28: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 26

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

Page 29: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 27

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

Page 30: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 28

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

Page 31: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 29

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,

Page 32: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 30

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

Page 33: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 31

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

Page 34: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 32

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.

Page 35: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 33

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.

Page 36: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 34

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.

Page 37: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 35

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.

Page 38: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 36

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.

Page 39: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 37

Tahap cek semua data pemesanan

Terakhir adalah keterangan atau notifikasi bahwa pemesann barang/produk telah

berhasil.

Page 40: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 38

Tampilan telah berhasil memesan barang

Ceklah email yang Anda gunakan untuk simulasi pemesanan barang/produk tadi.

Page 41: S E-Commerce dengan Zencart

www.emye8.nethttp://massol507.wordpress.com Page 39

Tampilan email keterangan dari web/toko online

Fasilitas yang terdapat dalam Zen Cart ini sangatlah banyak, jadi, optimalkan fasilitas

yang ada dengan mencobanya sendiri.