52902053 tutorial khusus virtuemart saja
TRANSCRIPT
-
Eb
oo
kJo
om
la.C
om
2
00
9
Lucky Permana
Membuat Website Dinamis Menggunakan Joomla! CMS
SSUUPPLLEEMMEENN 44::
MMEEMMBBUUAATT DDAANN
MMEENNGGEELLOOLLAA TTOOKKOO OONNLLIINNEE
DDII WWEEBBSSIITTEE JJOOOOMMLLAA!!
Joomla! adalah Content
Management System (CMS)
terpopuler dan banyak
digunakan para Webmaster di
seluruh dunia. Ebook Joomla
yang Anda baca ini akan
membimbing Anda selangkah
demi selangkah, untuk dapat
membuat dan memiliki Website
Dinamis dengan cara yang
mudah dan cepat.
EEBBOOOOKK
JJOOOOMMLLAA FFiinnaall EEddiittiioonn
PPiilliihhaann TTeeppaatt
BBeerrbbiissnniiss
IInntteerraakkttiiffkkaann TTookkoo OOnnlliinnee
-
Hak mempublikasikan Ebook Joomla ini adalah milik EbookJoomla.Com. Anda dapat
mencetaknya untuk keperluan mempelajari, memahami, dan menerapkan isi Ebook
dalam membuat website dinamis milik Anda. Anda diperkenankan menjual kembali
Ebook ini hanya melalui Sistem Reseller sesuai ketentuan yang telah ditetapkan di
Website EbookJoomla.Com. Anda tidak diperkenankan menyebarluaskan
sebagian/seluruh isi Ebook ini baik untuk kepentingan komersial ataupun non
komersial, kecuali melalui Sistem Reseller seperti disebutkan di atas.
MMEEMMBBUUAATT WWEEBBSSIITTEE DDIINNAAMMIISS
MMEENNGGGGUUNNAAKKAANN JJOOOOMMLLAA!! CCMMSS
Edisi Keempat (Final Edition) November 2009
Dipublikasikan oleh EbookJoomla.Com
Lucky Permana
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 2
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
SUPLEMEN 5. Membuat dan Mengelola Toko Online
Selain membangun kepercayaan Calon Pelanggan dalam berbisnis di Internet,
memiliki Website Toko Online yang dinamis dan serba interaktif merupakan satu hal penting
tidak boleh diabaikan saja. Website Toko Online yang dinamis akan sangat mengefisienkan
proses bisnis yang Anda tawarkan di Internet. Biarkan sistem interaktif di Website Toko
Online Anda yang melaporkan kepada Anda, siapa Pelanggan yang melakukan pemesanan,
barang apa yang dipesan, seberapa banyak, berapa jumlah yang harus dibayar Pelanggan,
dan kemana harus mengirimkan barang. Anda hanya perlu melakukan pengecekan
penerimaan pembayaran dari Pelanggan lalu mengirimkan barang sesuai pesanan maka
maka selesai sudah transaksi antara Pelanggan dan Anda sebagai pemilik Toko Online.
Suplemen ini menjelaskan kepada Anda bagaimana membuat dan mengelola Toko
Online di Website Joomla! milik Anda. Anda akan mengetahui file apa saja yang dibutuhkan,
bagaimana melakukan install, bagaimana menambahkan Kategori produk, bagaimana
menambahkan Produk yang Anda tawarkan, dan bagaimana menampilkan serta mengelola
Toko Online di Website Joomla! milik Anda.
Selamat membaca dan mempraktekkannya
1. INSTALL KOMPONEN TOKO ONLINE (VIRTUEMART)
Untuk dapat memulai membuat dan mengelola Toko Online, Anda sebelumnya sudah
memiliki file-file extension yang dibutuhkan yaitu: File Komponen
com_virtuemart_1.1.4.j15.zip dan File Modul mod_virtuemart_cart_1.1.4.j15.zip.
Apabila Website Joomla! milik Anda menggunakan layanan Hosting dari Byethost.com
(sebagaimana telah dijelaskan pada Bab 3 dan Suplemen 4 Ebook Joomla) maka untuk
memudahkan dan memperlancar proses Install, Anda tidak perlu download kedua jenis file
di atas. Sebagai gantinya, Anda memerlukan file-file: com_joomlaxplorer_1.6.3, vmart.zip,
admin_files.tar, frontend_files.tar, dan file mod_virtuemart_cart_1.1.4.j15.
Keseluruhan file tersebut di atas dapat Anda download melalui MEMBER AREA di
website WWW.EBOOKJOOMLA.COM.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 3
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
1.1 Download File Komponen dan Module VirtueMart
Terdapat 2 (dua) macam kelompok file yang harus Anda Download untuk dapat
membuat dan mengelola Toko Online di Website Joomla!. Kedua macam kelompok file
tersebut yaitu: Kelompok File Bagi Anda yang menggunakan layanan Hosting dari
Byethost.com, dan Kelompok File Bagi Anda yang menggunakan layanan Hosting yang tidak
membatasi ukuran file yang di-upload. File-file dari kedua macam kelompok tersebut dapat
Anda download seluruhnya di dalam Member Area EbookJoomla.com.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 4
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
1.2 Install VirtueMart Cara Konvensional
File com_virtuemart_1.1.4.j15.zip berukuran lebih dari 2MB. Apabila layanan
Hosting tempat Anda meletakkan file-file Website Joomla! tidak melakukan pembatasan
ukuran file maka Anda dapat melakukan langkah-langkah install extension dengan cara
konvensional sebagaimana biasanya Anda lakukan. Tetapi apabila Anda menggunakan
layanan Hosting milik Byethost.com Anda perlu melakukan install dengan cara yang
sedikit berbeda, silahkan abaikan penjelasan di Sub Bab 1.2 Suplemen 5 Ebook Joomla ini
dan langsung beralih ke Sub Bab 1.3 Suplemen Ebook Joomla. Hal tersebut dikarenakan
Byethost.com memberikan pembatasan ukuran file yang dapat diupload maksimal hanya
sekitar 1,4 MB.
Seperti biasanya, proses install extension hanya dapat Anda lakukan melalui
halaman Administrator maka tentu saja langkah pertama yang perlu dilakukan adalah
masuk terlebih dahulu ke Control Panel Administrator Joomla!.
Langkah pertama yang perlu Anda lakukan setelah login ke dalam Halaman Control
Panel Administrator adalah melakukan install Modul VirtueMart yang telah Anda Download
sebelumnya pada member Area EbookJomla.Com. Caranya, seperti biasa klik
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 5
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
INSTALL/UNINSTALL yang ada di menu EXTENSIONS, lalu BROWSE/TELUSURI file
mod_virtuemart_ 1.1.4.j15.zip, lalu akhiri dengan klik tombol UPLOAD FILE & INSTALL.
Selanjutnya, adalah melakukan install Modul Keranjang Belanja VirtueMart yang
telah Anda Download sebelumnya pada member Area EbookJomla.Com. Caranya, seperti
biasa klik INSTALL/UNINSTALL yang ada di menu EXTENSIONS, lalu BROWSE/TELUSURI file
mod_virtuemart_cart_1.1.4.j15.zip, lalu akhiri dengan klik tombol UPLOAD FILE & INSTALL.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 6
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
Setelah selesai install Modul Keranjang Belanja VirtueMart, langkah selanjutnya
adalah melakukan install Komponen VirtueMart, klik INSTALL/UNINSTALL yang ada di menu
EXTENSIONS, lalu BROWSE/TELUSURI File com_virtuemart_1.1.4.j15.zip. Lanjutkan dengan
klik tombol UPLOAD FILE & INSTALL.
Setelah selesai install dan muncul tampilan sukses menginstall komponen
VirtueMart seperti pada gambar di bawah, Anda dapat mengabaikan pembahasan di Sub
Bab 1.3 dan langsung menuju langkah-langkah dalam Sub Bab 1.4 Suplemen 5 ini.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 7
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
1.3 Install VirtueMart Pada Layanan Hosting Byethost.com
Layanan Hosting di Byethost.com membatasi upload file berukuran maksimal
sekitar 1,4MB. Karena file komponen VirtueMart com_virtuemart_1.1.4.j15.zip yang
tersedia berukuran lebih dari 2MB, maka diperlukan file-file dan tata cara install yang
berbeda seperti penjelasan-penjelasan sebelumnya di Ebook Joomla. File-file yang
dibutuhkan dapat Anda download melalui Member Area EbookJoomla.Com, yaitu: File
com_joomlaxplorer_1.6.3, vmart.zip, admin_files.tar, frontend_files.tar,
mod_virtuemart_1.1.4.j15.zip, dan file mod_virtuemart_cart_1.1.4.j15.
Adapun tata cara melakukan install komponen VirtueMart pada Website Joomla!
dengan layanan Hosting oleh Byethost.com adalah sebagai berikut:
1.3.1 Install Komponen Joomla Explorer
Komponen Joomla Explorer tersedia dalam file com_joomlaxplorer_1.6.3, yang
dapat Anda download melalui Member Area EbookJoomla.Com sebagaimana telah
dijelaskan dalam Sub Bab 1.1. Langkah-langkah install-nya adalah seperti berikut:
1. Anda harus login terlebih dahulu ke dalam halaman Control Panel Administrator
Joomla!
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 8
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
2. Klik INSTALL/UNINSTALL yang ada pada menu EXTENSIONS, lalu BROWSE/TELUSURI file
com_joomlaxplorer_1.6.3.zip, kemudian akhiri dengan klik UPLOAD FILE & INSTALL.
Apabila proses install berhasil, akan muncul tampilan seperti gambar di bawah ini:
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 9
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
1.3.2 Upload File-File Komponen VirtueMart
File-file Komponen VirtueMart yang harus Anda upload adalah file vmart.zip,
admin_files.tar, dan frontend_files.tar. Langkah-langkahnya adalah seperti berikut ini:
1. Anda masih harus tetap berada di dalam halaman Control Panel Administrator
2. Klik JOOMLAXPLORER yang ada di menu COMPONENTS.
3. Pada tampilan joomlaXplorer, cari dan klik Directory tmp
4. Di dalam Directory tmp, buat Sub Directory installvmart, caranya: klik pilihan Directory
pada DropDown menu di sebelah kanan, kemudian tulis nama Directory dengan isian
installvmart pada kotak yang telah disediakan. Lalu akhiri dengan klik CREATE.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 10
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
5. Proses di atas akan membentuk Sub Directory installvmart di dalam Directory tmp,
lanjutkan dengan Klik installvmart untuk masuk ke dalamnya
6. Upload satu per satu file-file vmart.zip, admin_files.tar, dan frontend_files.tar, dengan
cara:
1.1.6.0 Klik icon UPLOAD (gambar Bola Bumi), untuk mulai memilih file yang akan
diupload.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 11
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
Tunggu sampai proses upload file vmart.zip di atas selesai, kemudian dengan
langkah yang sama lanjutkan upload file admin_files.tar.
Tunggu sampai proses upload file admin_files.tar di atas selesai, kemudian
dengan langkah yang sama lanjutkan upload file frontend_files.tar.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 12
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
Setelah proses upload ketiga jenis file tersebut di atas selesai, akan tampil
halaman file di Directory installvmart, seperti gambar berikut:
1.3.3 Ekstrak File vmart.zip
Langkah selanjutnya setelah ketiga jenis file Komponen VirtueMart Anda upload
adalah melakukan ekstrak file vmart.zip (PERHATIAN!! Anda hanya perlu meng-ekstrak File
vmart.zip saja, sedangkan file admin_files.tar dan frontend_files.tar JANGAN diekstrak!),
caranya:
1. Klik gambar tombol Extract Archive yang ada di sebelah kanan pada baris file
vmart1.zip.
2. Klik OK
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 13
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
3. Tunggu sampai proses extract selesai dilakukan.
4. Jangan lupa, klik LOGOUT untuk keluar dari Control Panel Administrator Joomla!.
5. Sampai disini, Anda telah selesai meng-upload dan mempersiapkan File-File VirtueMart
yang dibutuhkan untuk membuat Toko Online di Website Joomla! milik Anda. Langkah
selanjutnya adalah melakukan Install File-File VirtueMart.
1.3.4 Proses Install Komponen VirtueMart
Lakukan langkah-langkah berikut ini untuk melakukan install komponen VirtueMart
di Website Joomla! dengan layanan Hosting dari Byethost.Com.
1. Login kembali ke dalam Control Panel Administrator Joomla!
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 14
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
2. Klik INSTALL/UNINSTALL yang ada di menu EXTENSIONS
3. Pada baris isian INSTALL FROM DIRECTORY, ketikkan ..\tmp\installvmart lalu klik
INSTALL.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 15
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
4. Akan tampil halaman Awal VirtueMart. Klik GO DIRECTLY THE SHOP untuk mulai
mengaktifkan Component VirtueMart di Website Joomla! Anda.
5. Klik OK untuk memulai Proses.
6. Tunggu beberapa saat sampai muncul halaman Control Panel VirtueMart yang
menandakan bahwa proses install VirtueMart telah berhasil dilakukan.
7. Sampai disini Anda telah selesai melakukan install VirtueMart ke Website Joomla! Anda.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 16
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
1.3.5 Install Modul VirtueMart dan Modul Keranjang Belanja VirtueMart
Seperti biasanya, anda harus sudah berada di dalam Control Panel Administrator
untuk dapat mulai melakukan proses install extension.
Setelah berada di dalam Halaman Control Panel Administrator Anda harus
melakukan install Modul VirtueMart yang telah Anda Download sebelumnya pada member
Area EbookJomla.Com. Caranya, seperti biasa klik INSTALL/UNINSTALL yang ada di menu
EXTENSIONS, lalu BROWSE/TELUSURI file mod_virtuemart_ 1.1.4.j15.zip, lalu akhiri dengan
klik tombol UPLOAD FILE & INSTALL.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 17
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
Selanjutnya, adalah melakukan install Modul Keranjang Belanja VirtueMart yang
telah Anda Download sebelumnya pada member Area EbookJomla.Com. Caranya, seperti
biasa klik INSTALL/UNINSTALL yang ada di menu EXTENSIONS, lalu BROWSE/TELUSURI file
mod_virtuemart_cart_1.1.4.j15.zip, lalu akhiri dengan klik tombol UPLOAD FILE & INSTALL.
Sampai disini Anda telah selesai mempersiapkan file-file yang dibutuhkan untuk
mulai mengelola Toko Online di Website Joomla! milik Anda. Langkah selanjutnya mengelola
Toko Online Anda.
2. MENGELOLA TOKO ONLINE DI WEBSITE JOOMLA!
Toko Online yang baru saja Anda install tentu saja perlu dikelola dengan baik agar
dapat berfungsi sebagaimana yang dikehendaki. Pada Sub Bab 1.4 ini akan dibahas cara
mengelola Toko Online di Website Joomla! yang meliputi: Setting Konfigurasi Informasi Toko
Online, Konfigurasi Cara Pembayaran, Konfigurasi Proses Pembayaran, Membuat Daftar
Kategori Barang, Membuat Daftar Barang, Menyiapkan Keranjang Belanja, dan
Mengaktifkan Toko Online.
2.1 Setting Konfigurasi Informasi Toko Online
Setting Konfigurasi Toko Online penting dilakukan agar Toko Online di Website
Joomla! dapat tampil sesuai dengan informasi yang Anda kehendaki. Cara melakukannya
adalah sebagai berikut:
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 18
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
1. Anda harus sudah berada di dalam halaman Control Panel Administrator untuk dapat
memulai melakukan Setting Konfigurasi Toko Online.
2. Di dalam halaman Admnistrator, Klik VIRTUEMART yang ada di menu COMPONENTS
untuk masuk ke dalam Control Panel VirtueMart.
3. Klik STORE pada Kotak ADMINISTRATION di sebelah kiri, kemudian klik EDIT STORE.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 19
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
ATAU
Klik GAMBAR EDIT STORE yang ada di halaman depan CONTROL PANEL VIRTUEMART.
4. Lakukan perubahan/update informasi Toko Online, sesuaikan dengan informasi Toko
Online milik Anda. Informasi yang perlu Anda update meliputi, Informasi Toko Online,
Informasi Kontak, Logo Toko Online, Informasi Mata Uang, Deskripsi Singkat Toko
Online, dan Ketentuan di Toko Online Anda (Terms of Service). Berikut ini adalah
penjelasan selengkapnya:
INFORMASI TOKO ONLINE
Isian informasi yang dapat Anda update meliputi: Nama Toko (Store Name),
Nama Perusahaan (Store Company Name), Alamat Website (URL), Alamat Toko
(Address 1 dan 2), Nama Kota (City), Nama Negara (Country) pilih Indonesia, Kode Pos
(Zip/Postal Code), Nomor Telepon (Phone). Khusus isian Store Address Format dan
Store Date Format, jangan melakukan perubahan apapun (biarkan Default).
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 20
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
INFORMASI KONTAK
Informasi Kontak perlu Anda update, selain dapat menjaga kepercayaan
Pelanggan/Calon Pelanggan juga akan mempermudah Komunikasi selama proses
Transaksi berlangsung. Informasi yang dapat Anda Update meliputi: Nama (Last Name
dan First Name), Nama Tengah (Middle Name) bisa dikosongkan, Sapaan (Title) bisa
dikosongkan, Nomor Telepon (Phone 1 dan/atau Phone 2), Nomor Faks (Fax), serta
Alamat email (Email).
INFORMASI LOGO TOKO
Isikan informasi Logo Toko Online milik Anda, dengan cara Klik
BROWSE/TELUSURI untuk memilih file Logo Toko yang akan Anda gunakan.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 21
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
INFORMASI MATA UANG
Isikan informasi mata uang yang digunakan dalam transaksi di Toko Online
milik Anda, meliputi: Mata Uang (Currency) pilih Indonesian Rupiah apabila mata uang
Rupiah yang Anda gunakan, Simbol Mata Uang (Currency symbol) Isikan Rp., Isikan 0
(nol) pada desimal (decimals), isikan tanda koma (,) pada simbol desimal (Decimal
symbol), isikan tanda titik (.) pada pemisah ribuan (Thousands separator), Pilih jenis
mata uang yang Anda terima pada saat melakukan transaksi (List of accepted
currencies) gunakan tombol Shift atau Ctrl di keyboard komputer Anda untuk memilih
lebih dari satu jenis mata uang. PERHATIAN!!! Biarkan default isian Positive Format dan
Negative Format, jangan melakukan perubahan apapun.
INFORMASI DESKRIPSI SINGKAT TOKO ONLINE
Deskripsikan Toko Online Anda sejelas-jelasnya kepada Pelanggan. Deskripsi ini
akan muncul pada saat pertama kali Pelanggan/Calon Pelanggan berkunjung ke website
Toko Online Anda.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 22
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
INFORMASI KETENTUAN LAYANAN (TERMS OF SERVICE)
Isikan ketentuan-ketentuan yang berlaku dalam melakukan transaksi melalui
Toko Online milik Anda. Tuliskan dengan singkat tetapi sejelas-jelasnya.
Setelah selesai semua informasi Anda update, simpan semua perubahan dengan
Klik SAVE. TIPS!!! Biasakan Klik APPLY setiap selesai merubah Satu Jenis Informasi, untuk
menghindari Session Expired di halaman Administrator yang menyebabkan Anda harus
Login kembali dan mengulangi semua update Informasi yang belum sempat tersimpam.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 23
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
2.2 Setting Konfigurasi Cara Pembayaran Toko Online
Terdapat banyak Cara Pembayaran yang disediakan oleh VirtueMart, di antaranya
yaitu Pembayaran menggunakan Kartu Kredit, iKobo, Paypal, serta banyak lagi lainnya.
Tetapi karena umumnya Transaksi Online di Indonesia lebih banyak menggunakan Cara
Transfer Langsung ke Rekening Bank maka pembahasan mengenai Cara Pembayaran Toko
Online di dalam Ebook Joomla ini lebih menitikberatkan pada Cara Pembayaran Transfer
melalui Rekening Bank. Berikut ini adalah penjelasan selengkapnya:
5. Masih di dalam halaman Control Panel Administrator, Anda harus masuk ke dalam
Control Panel VirtueMart, melalui Menu COMPONENTS | VIRTUEMART
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 24
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
6. Klik LIST PAYMENT METHODS pada kelompok STORE di Kotak ADMINISTRATION.
7. Lakukan Unpublish semua Cara Pembayaran yang ada secara default, dengan cara: Beri
tanda CEK (CENTANG) pada NAME untuk memilih semua Daftar Cara Pembayaran yang
ada, kemudian klik UNPUBLISH.
8. Lanjutkan klik NEW untuk mulai menyiapkan Cara Pembayaran via Transfer Bank.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 25
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
9. Pada halaman PAYMENT METHOS FORM, Pastikan isian berikut:
Active? : Harus terisi tanda CEK (CENTANG)
Payment Method Name: isikan TRANSFER BANK ANDA CAB. KOTA X,
NO.REK.1234567890, A.N. PT. X. (sesuaikan dengan informasi rekening Bank
Anda).
Code: Isikan kode TB (atau sesuai kehendak Anda)
Payment Type Method: Pilih Address Only/Cash Delivery
10. Lanjutkan dengan klik Tab CONFIGURATION dan isikan dengan yang sama dengan yang
Anda isikan pada Payment Method Name, yaitu: TRANSFER BANK ANDA CAB. KOTA X,
NO.REK.1234567890, A.N. PT. X. (sesuaikan dengan informasi rekening Bank Anda).
11. Klik SAVE untuk menyimpan semua informasi yang sudah Anda buat,
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 26
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
12. Cara Pembayaran via Transfer Bank yang baru Anda buat akan muncul di dalam Daftar
Cara Pembayaran.
2.3 Setting Konfigurasi Proses Pembayaran
Setting Konfigurasi Proses Pembayaran akan menentukan langkah-langkah yang
akan dilalui Pelanggan/Calon Pelanggan untuk melakukan pemesanan. Secara umum, Proses
Pembayaran akan melalui tiga langkah yaitu Konfirmasi Alamat Pelanggan untuk melakukan
Pengiriman, Pemilihan Cara Pembayaran, kemudian Konfirmasi Pemesanan Barang. Pada
contoh di Panduan Ebook Joomla ini, Pelanggan/Calon Pelanggan hanya akan melalui dua
proses yaitu Konfirmasi Alamat dan Konfirmasi Pemesanan Barang. Proses pemilihan Cara
Pembayaran akan dilewati karena hanya menggunakan Cara Pembayaran via Transfer Bank
saja. Berikut ini adalah panduan selengkapnya:
13. Masih di dalam halaman Control Panel VirtueMart, Klik ADMIN pada kotak
ADMINISTRATION.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 27
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
14. Lanjutkan dengan Klik CONFIGURATION
15. Pada halaman Configuration, klik tab CHECKOUT. Hilangkan tanda cek (centang) yang
ada di pilihan Please Select a Shipping Method. Akhiri dengan dengan klik SAVE.
2.4 Membuat Kategori Barang
Apabila Barang yang Anda tawarkan terdiri dari beberapa macam pengelompokan
jenis barang, maka Anda perlu memisahkannya dalam Kategori yang berbeda. Caranya:
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 28
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
16. Masih di dalaman halaman Control Panel VirtueMart, Klik PRODUCTS pada kotak
ADMINISTRATION. Lanjutkan dengan klik ADD CATEGORY.
17. Isikan NAMA KATEGORI pada baris CATEGORY NAME, dan isikan juga Deskripsi dari
Kategori Jenis Barang.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 29
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
18. Lanjutkan dengan klik Tab IMAGES, untuk memasukkan gambar dari Jenis Kategori yang
Anda buat. Akhiri dengan klik SAVE.
19. Kategori Jenis Barang yang Anda buat tadi akan muncul pada Category Tree.
20. Klik NEW untuk membuat Kategori lainnya.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 30
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
2.5 Menambahkan Jenis Barang
Setelah Kategori Jenis Barang selesai Anda buat, langkah selanjutnya tentu saja
menambahkan Informasi Barang yang akan ditawarkan kepada seluruh Pelanggan/Calon
Pelanggan. Caranya:
21. Masih di dalam halaman Control Panel VirtueMart, pada kelompok PRODUCTS di kotak
ADMINISTRATION klik pilihan ADD PRODUCT.
22. Selanjutnya pada Tab PRODUCT INFORMATION, isikan informasi mengenai produk yang
Anda tawarkan meliputi:
SKU: Kode produk yang Anda tawarkan (bebas sesuai penomoran barang yang Anda inginkan).
Name: Judul Produk Anda URL: Alamat website mengenai Produk Anda, bisa dikosongkan. Categories: Pilih kategori yang sesuai dengan Produk Anda. Product Price (Net): Isikan harga yang Anda tawarkan Product Price (Gross): Isikan harga yang Anda tawarkan (secara otomatis akan diisi oleh
system) VAT Id: Biarkan default Discount Price: Biarkan default Short Description: Isikan deskripsi singkat mengenai Produk yang ditawarkan Product Description: Isikan deskripsi lebih rinci mengenai produk yang ditawarkan.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 31
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
23. Lanjutkan dengan klik Tab PRODUCT STATUS, isikan jumlah STOCK barang yang
tersedia.
24. Selanjutnya, klik Tab PRODUCT IMAGES untuk menyisipkan gambar produk Anda.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 32
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
25. Akhiri dengan Klik SAVE setelah selesai.
26. Dengan langkah yang sama, tambahkan Jenis Barang yang lainnya.
2.6 Menyiapkan Modul VirtueMart
Modul VirtueMart perlu Anda siapkan terlebih dahulu karena memiliki peran sangat
penting bagi para Pelanggan, terutama dalam hal Pencarian Barang dan Pengecekan Status
Pemesanan. Cara menyiapkannya adalah seperti berikut:
Anda harus berada di halaman Control Panel Administrator untuk melakukan ini.
Lakukan Login kembali apabila Anda telah berada di luar halaman Control Panel
Administrator.
Klik MODULE MANAGER yang ada di menu EXTENSIONS.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 33
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
Cari dan Klik VIRTUEMART SHOPPING CART di Module Manager
Pada Module Edit, lakukan langkah-langkah berikut: Show Title: Pilih NO Enabled: Pilih YES Menus: Pastikan ALL Show A Login Form: Pilih YES Default Value Fore The Remember Me: Pilih CHECKED
DISABLED atau Unpublish Login Form, karena fungsinya sudah digantikan Oleh
Modul VirtueMart.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 34
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
2.7 Menyiapkan Keranjang Belanja
Sama seperti halnya ketika Anda berbelanja ke Swalayan/Hypermarket, tentunya
Anda memerlukan Keranjang Belanja untuk memilih dan mengumpulkan berbagai jenis
Barang, sebelum akhirnya Anda memutuskan untuk membayar keseluruhan jenis barang
tersebut hanya dengan sekali proses. Apabila dibandingkan dengan membayar satu per satu
setiap kali Anda memilih barang, tentu akan sangat banyak menghemat waktu Anda bukan?
Prinsip yang sama juga berlaku pada Keranjang Belanja yang akan Anda dapatkan
penjelasannya berikut ini:
27. Anda harus berada di halaman Control Panel
Administrator untuk melakukan ini. Lakukan Login
kembali apabila Anda telah berada di luar halaman
Control Panel Administrator.
28. Klik MODULE MANAGER yang ada di menu
EXTENSIONS.
29. Cari dan Klik VIRTUEMART SHOPPING CART di Module
Manager
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 35
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
30. Di dalam halaman Edit Module, Ubah isian TITLE dengan: Keranjang Belanja (atau
sesuai keinginan Anda),
Pilih options ENABLED menjadi YES Tentukan Posisi Modul: LEFT (atau sesuai keinginan Anda) Klik SAVE apabila telah selesai
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 36
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
2.8 Mengaktifkan Toko Online
Akhirnya, tiba saatnya Anda mengaktifkan Toko Online untuk memberikan
kesempatan pada Pelanggan/Calon Pelanggan berkunjung sebanyak-banyaknya ke Website
Toko Online Anda. Caranya:
31. Masih di dalam halaman Control Panel Administrator, klik MENU UTAMA di menu
MENUS (Menu Utama adalah Nama Menu yang sudah Anda buat sebelumnya dengan
mengikuti panduan Ebook Joomla, khususnya pada Bab 3)
32. Klik NEW untuk mulai membuat menu baru.
33. Klik VIRTUEMART
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 37
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
34. Ubah isian TITLE dengan isian TOKO ONLINE (atau sesuai kehendak Anda), akhiri
dengan klik SAVE.
Apabila Anda menginginkan Toko Online tampil di halaman depan, Anda dapat
men-set Menu Toko Online sebagai DEFAULT, caranya:
Beri tanda CEK (CENTANG) pada baris menu Toko Online, lalu klik Icon DEFAULT di sebelah
atas. {Perhatikan tanda bintang akan muncul di kolom Default).
Klik PREVIEW untuk melihat TOKO ONLINE MILIK ANDA SENDIRI.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 38
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
3. Mekanisme Transaksi Toko Online di Website Joomla!
Mekanisme Transaksi Toko Online di Website Joomla! milik Anda pada dasarnya
berlangsung dalam dua proses sederhana, yaitu: Pemesanan Barang Oleh Pelanggan/Calon
Pelanggan melalui Toko Online, dan Pengecekan Pemesanan Barang Oleh Administrator di
dalam Control Panel Administrator. Setelah kedua proses tersebut berlangsung, maka Anda
sebagai pemilik Toko Online dapat menindaklanjutinya dengan melakukan pengecekan
pembayaran pemesanan serta pengiriman barang ke alamat pelanggan. Secara lebih rinci,
berikut ini adalah Mekanisme Transaksi yang terjadi pada Toko Online di Website Joomla!
milik Anda:
3.1 Pemesanan Barang Oleh Pelanggan/Calon Pelanggan
Secara umum, pengunjung yang datang ke website Toko Online akan melakukan
beberapa langkah sebelum pada akhirnya memutuskan untuk melakukan pemesanan.
Langkah-langkah tersebut yaitu: Menemukan jenis barang yang dibutuhkan, Melihat
deskripsi barang, Memasukkan barang ke dalam keranjang belanja, Melakukan pemesanan
barang (Checkout), Proses pemesanan barang (konfirmasi alamat dan konfirmasi Order),
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 39
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
Mencatat dan Menyimpan informasi Order, Transfer serta Konfirmasi Pembayaran, dan
Mengecek Status Pemesanan Barang. Berikut ini adalah yang dilakukan oleh
Pelanggan/Calon Pelanggan secara lebih rinci:
11.. MMEENNEEMMUUKKAANN JJEENNIISS BBAARRAANNGG
Pengunjung akan mulai menelusuri Kategori Barang untuk menemukan jenis barang
yang dicarinya.
22.. MMEELLIIHHAATT DDEESSKKRRIIPPSSII BBAARRAANNGG
Setelah menemukan jenis barang yang dicarinya, pengunjung tersebut akan
membaca deskripsi singkat dan/atau detil barang.
33.. MMEEMMAASSUUKKKKAANN BBAARRAANNGG DDAALLAAMM KKEERRAANNJJAANNGG BBEELLAANNJJAA
Apabila cocok dengan jenis barang yang dibutuhkannya, pengunjung akan
memasukkan jenis barang tersebut ke dalam Keranjang Belanja (ADD TO CART).
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 40
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
Pengunjung tersebut akan melakukan langkah-langkah yang sama untuk mencari
jenis barang lainnya dan memasukkannya ke dalam Keranjang Belanjanya.
44.. MMEELLAAKKUUKKAANN PPEEMMEESSAANNAANN BBAARRAANNGG
Setelah merasa cukup dengan jenis barang yang
dibutuhkannya, pengunjung akan memulai proses pemesanan
barang dengan terlebih dahulu melihat daftar belanjaannya
(SHOW CART). Pengunjung bisa menambahkan jumlah yang
dibutuhkannya, atau bahkan mengeluarkannya dari Keranjang
Belanja.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 41
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
55.. PPRROOSSEESS PPEEMMEESSAANNAANN BBAARRAANNGG
Selanjutnya pengunjung akan melakukan Proses Pemesanan Barang (CHECKOUT).
Setelah meng-klik link CHECKOUT, proses pemesanan barang akan dilakukan oleh
pengunjung dalam 2 (dua) langkah, yaitu:
LLaannggkkaahh 22.. KKOONNFFIIRRMMAASSII AALLAAMMAATT PPEENNGGIIRRIIMMAANN BBAARRAANNGG
Pelanggan lama akan diminta memasukkan informasi Account untuk Login ke
dalam Area Proses Pemesanan Barang.
Calon Pelanggan Baru akan diminta untuk melakukan registrasi terlebih dahulu
sebelum melakukan Proses Pemesanan Barang. Sebagaimana Anda yang serius menjalankan
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 42
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
Bisnis melalui sarana Toko Online dengan menjaga kepercayaan pelanggan, maka langkah
ini juga Anda butuhkan untuk bertransaksi hanya dengan Calon Pelanggan Baru yang
memang benar-benar serius melakukan transaksi.
Setelah memiliki Account, Calon Pelanggan Baru tersebut dapat melakukan Login
untuk memulai Proses Pemesanan Barang.
Setelah Login Account Pelanggan berhasil dilakukan, akan muncul halaman
Checkout yang diawali dengan konfirmasi informasi Alamat Pelanggan.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 43
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
LLaannggkkaahh 22.. OORRDDEERR PPEEMMEESSAANNAANN BBAARRAANNGG
Selanjutnya akan muncul Halaman Konfirmasi Order yang berisi informasi Alamat
Pengiriman Barang, dan No. Rekening Bank yang harus dicatat sebagai alamat transfer
pembayaran. Selanjutnya Pelanggan akan melakukan konfirmasi pemesanan dengan
mengklik tombol CONFIRM ORDER.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 44
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
66.. MMEENNCCAATTAATT DDAANN MMEENNYYIIMMPPAANN IINNFFOORRMMAASSII OORRDDEERR
Pelanggan/Calon Pelanggan dapat melihat dan mencatat Form Pemesanan Barang
yang baru saja dilakukan dengan meng-klik Link Follow this link to view the Order Details.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 45
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
77.. MMEELLAAKKUUKKAANN PPEEMMBBAAYYAARRAANN DDAANN KKOONNFFIIRRMMAASSII KKEEPPAADDAA PPEEMMIILLIIKK WWEEBBSSIITTEE
Pelanggan akan melakukan Transfer Pembayaran ke No. Rekening Bank yang sudah
Anda tentukan sebagai pemilik Toko Online. Setelah membayar, Pelanggan tersebut akan
mengkonfirmasikan pembayarannya kepada Anda agar proses pengiriman barang dapat
segera dilakukan.
88.. PPEENNGGEECCEEKKAANN SSTTAATTUUSS PPEEMMEESSAANNAANN
Pelanggan dapat melakukan pengecekan status Pemesanan Barang yang telah
dilakukannya dengan masuk ke dalam Area Pelanggan, setelah melakukan Login terlebih
dahulu:
Pelanggan akan melihat status Pemesanan Barang nya.
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 46
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
3.2 Pengecekan Pemesanan Barang Oleh Anda Sebagai Administrator
Tugas Anda sebagai pemilik Toko Online adalah melakukan Pengecekan Order dan
mengkonfirmasikan kepada Pelanggan bahwa Pemesanan telah diterima.
JANGAN LUPA MEMBERI TANDA CEK (CENTANG) PADA ISIAN NOTIFY CUSTOMER AGAR
STATUS PEMESANAN BARANG OLEH PELANGGAN DAPAT BERUBAH DARI PENDING MENJADI
CONFIRMED (TELAH DIRESPON OLEH ANDA).
Selanjutnya setelah Anda mengecek Rekening Bank Anda dan memastikan bahwa
pembayaran dari Pelanggan telah Anda terima, maka Anda harus mengirimkan barang yang
telah dipesan serta mengubah status Pemesanan Barang menjadi SHIPPED. JANGAN LUPA
MEMBERI TANDA CEK (CENTANG) PADA ISIAN NOTIFY CUSTOMER AGAR STATUS
PEMESANAN BARANG OLEH PELANGGAN DAPAT BERUBAH DARI PENDING MENJADI
SHIPPED (TELAH ANDA KIRIMKAN).
-
Copyright 2009 by EbookJoomla.Com. All Rights Reserved. 47
Membuat Website Dinamis Menggunakan Joomla! CMS 2009
Sampai disini transaksi antara Pelanggan dengan Anda sebagai pemilik Toko Online
telah Selesai dilakukan dan Anda telah memiliki TOKO ONLINE DI INTERNET dengan
WEBSITE JOOMLA! milik sendiri.. SELAMAT MENJALANKAN BISNIS, SEMOGA SUKSES
SELALU !!!