E-Commerce dengan Zen Cart

Transkripsi

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 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 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 : Page 1

2 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 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 yang sudah tersedia pada salah satu fasilitas hosting, yaitu Fantastico De Luxe. Bukalah alamat URL domain/cpanel, contoh : (ini tergantung dengan domain yang Anda pilih ketika memilih hosting) Alamat Cpanel Setelah muncul tampilan login, masukkan username dan password, klik OK. Page 2

3 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 Kelompok aplikasi e-commerce Page 3

4 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 Password : isikan dengan username yang kelak Anda gunakan sebagai user admin. : masukkan password untuk admin tersebut Base configuration : Site name : tulis nama alamat situs Anda Admin masukkan yang akan Anda gunakan sebagai admin. Page 4

5 Jika data sudah terisi semua klik Install Zen Cart. Tahap instalasi 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 Klik Finish Installation untuk ke tahap berikutnya. Page 5

6 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 untuk menerima keterangan tentang detail instalasi dengan memasukkan alamat Anda lalu klik Send . Tahap akhir dalam instalasi Zen Cart Page 6

7 Nah, tampilan ini adalah keterangan bahwa sudah terkirim. Keterangan pengiriman detail instalasi Dengan demikian proses instalasi anda telah selesai. Sebagai catatan bahwa untuk membuka halaman admin, Anda dapat membuka domain/zc_admin, contoh : dan membuka halaman toko online Anda adalah dengan membuka domain Anda, contoh : Tampilan di bawah ini adalah tampilan awal web/toko online yang baru saja diinstal. Halaman depan web/toko dengan Zen Cart Page 7

8 Login Ke Halaman Admin Bukalah alamat URL domain/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 Page 8

9 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 Isikan nama kategori dan deskripsinya. Page 9

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

11 Tampilan edit kategori e Sesuaikan baris Kategori dengan menu Edit, lalu klik ikon ( ) maka anda akan masuk ke halaman sama seperti hendak membuat kategori. Ketika proses edit telah 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. Page 11

12 Tampilan penghapusan kategori Samakan baris Kategori yang akan dihapus, klik ikon (X), setelah tampil gambar seperti 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 (M) / move, Hasil dari pemindahan kategori Page 12

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

14 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 Page 14

15 Maka Anda akan masuk ke halaman Input Produk. Form penambahan produk baru Page 15

16 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 produk 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 Page 16

17 Jika semua data sudah diisi selanjutnya klik Preview Tampilan berikutnya akan berubah menjadi seperti ini: 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. Page 17

18 Mengedit Produk 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 X. Page 18

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

20 Page 20

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 Page 21

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

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

24 Editor menambahkan barang dengan harga special Hasilnya pada daftar produk : Tampilan barang dengan harga special Pada halaman web akan muncul dalam side bar atau halaman tengah web. Tampilan produk dengan harga special/diskon Page 24

25 Product Expected Product Expected berisi daftar produk baru yang akan muncul di halaman web. Contohnya adalah ketika Anda menambahkan produk baru Anda menentukan tanggal rilis produk tersebut. Ini bertujuan untuk memperkenalkan produk baru kepada calon pembeli. Editor penayangan tanggal saat penambahan produk Daftar Products Expected Daftar produk baru yang baru aka nada setelah tanggalnya penayangannya dating Pada halaman web, jika produk tersebut diklik maka akan muncul keterangan tanggal ready stock. Page 25

26 Tampilan keterangan ready stock produk baru 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. Page 26

27 Menu Customers Daftar pelanggan yang sudah registrasi akan muncul seperti di bawah ini. Data pelanggan/pembeli baru Klik Edit dan lakukan edit data pelanggan. Menu edit pelanggan/pembeli Setelah itu form edit akan muncul Form edit data pelanggan/pembeli baru Page 27

28 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 Page 28

29 Tampilan halaman Edit. Tampilan pemilihan status barang/produk Pemberian status barang/produk dimana terdapat pilihan antara lain, Pending, Processing, Delivered dan Update. Agar pemesan dapat menerima informasi status barang, seleksi pada pilihan radio button Notify Customer untuk pilihan , 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 Page 29

30 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 : Page 30

31 Tampilan perubahan mata uang pada halaman depan web Simulasi Belanja Online Setelah melakukan berbagai macam konfigurasi penting di database, sekarang coba untuk melakukan simulasi belanja online ke web/toko yang Anda buat. Bukalah alamat web Anda dengan mengetikkan domain ( Pilih salah satu kategori barang yang tersedia tau klik salah satu produk yang ada di halaman depan web. Page 31

32 Halaman depan web/toko online Pada saat muncul tampilan produk, klik add this to my cart. Memasukkan barang/produk ke dalam keranjang belanja Page 32

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

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 34

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 35

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 36

37 Tahap cek semua data pemesanan Terakhir adalah keterangan atau notifikasi bahwa pemesann barang/produk telah berhasil. Tampilan telah berhasil memesan barang Page 37

38 Ceklah yang Anda gunakan untuk simulasi pemesanan barang/produk tadi. Fasilitas yang terdapat dalam Zen Cart ini sangatlah banyak, jadi, optimalkan fasilitas yang ada dengan mencobanya sendiri. Page 38