E-Commerce dengan Zencart

S

E-Commerce dengan

Zencart

Massol

http://massol507.wordpress.com

2011

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

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

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

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

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

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

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

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

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.

Menu Catalog

 Klik new category

Perintah new category

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.

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.

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

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)

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

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.

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

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.

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

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.

 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

Menu Catalog untuk menambahkan Manufaktur

 Muncul tampilan di sebelah kanan seperti di bawah ini:

Editor penambahan Manufaktur

Keterangan :

 Isikan data yang diperlukan.

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.

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.

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

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.

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.

 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

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.

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

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

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

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.

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.

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.

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.

Tahap cek semua data pemesanan

 Terakhir adalah keterangan atau notifikasi bahwa pemesann barang/produk telah berhasil.

Tampilan telah berhasil memesan barang

Tampilan email keterangan dari web/toko online

Fasilitas yang terdapat dalam Zen Cart ini sangatlah banyak, jadi, optimalkan fasilitas yang ada dengan mencobanya sendiri.