Anda di halaman 1dari 48

SUPLEMEN 4: MEMBUAT DAN MENGELOLA TOKO ONLINE DI WEBSITE JOOMLA!

Lucky Permana

EbookJoomla.Com 2009

Membuat Website Dinamis Menggunakan Joomla! CMS

EBOOK JOOMLA
Final Edition

Pilihan Tepat Berbisnis Interaktifkan Toko Online

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.

MEMBUAT WEBSITE DINAMIS MENGGUNAKAN JOOMLA! CMS


Edisi Keempat (Final Edition) November 2009
Dipublikasikan oleh EbookJoomla.Com

Lucky Permana

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.

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

Membuat Website Dinamis Menggunakan Joomla! CMS 1.1 Download File Komponen dan Module VirtueMart

2009

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.

Membuat Website Dinamis Menggunakan Joomla! CMS 1.2 Install VirtueMart Cara Konvensional

2009

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 4

Copyright 2009 by EbookJoomla.Com. All Rights Reserved.

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.

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.

Membuat Website Dinamis Menggunakan Joomla! CMS 1.3 Install VirtueMart Pada Layanan Hosting Byethost.com

2009

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.

Membuat Website Dinamis Menggunakan Joomla! CMS


2.

2009

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.

Membuat Website Dinamis Menggunakan Joomla! CMS 1.3.2 Upload File-File Komponen VirtueMart

2009

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. 2. Anda masih harus tetap berada di dalam halaman Control Panel Administrator 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.

Membuat Website Dinamis Menggunakan Joomla! CMS


5.

2009

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.

10

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.

11

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 vmart1.zip. yang ada di sebelah kanan pada baris file

2.

Klik OK

Copyright 2009 by EbookJoomla.Com. All Rights Reserved.

12

Membuat Website Dinamis Menggunakan Joomla! CMS


3. Tunggu sampai proses extract selesai dilakukan.

2009

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.

13

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.

14

Membuat Website Dinamis Menggunakan Joomla! CMS


4.

2009

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.

15

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.

16

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

Membuat Website Dinamis Menggunakan Joomla! CMS


1.

2009

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.

18

Membuat Website Dinamis Menggunakan Joomla! CMS


ATAU

2009

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.

19

Membuat Website Dinamis Menggunakan Joomla! CMS


INFORMASI KONTAK

2009

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.

20

Membuat Website Dinamis Menggunakan Joomla! CMS


INFORMASI MATA UANG

2009

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.

21

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.

22

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.

23

Membuat Website Dinamis Menggunakan Joomla! CMS


6.

2009

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.

24

Membuat Website Dinamis Menggunakan Joomla! CMS


9. Pada halaman PAYMENT METHOS FORM, Pastikan isian berikut: Active? : Harus terisi tanda CEK (CENTANG) Payment Method Name: isikan TRANSFER BANK ANDA CAB.

2009

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.

25

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.

26

Membuat Website Dinamis Menggunakan Joomla! CMS


14. Lanjutkan dengan Klik CONFIGURATION

2009

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

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.

28

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.

29

Membuat Website Dinamis Menggunakan Joomla! CMS 2.5 Menambahkan Jenis Barang

2009

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

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.

31

Membuat Website Dinamis Menggunakan Joomla! CMS


25. Akhiri dengan Klik SAVE setelah selesai.

2009

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.

32

Membuat Website Dinamis Menggunakan Joomla! CMS


Cari dan Klik VIRTUEMART SHOPPING CART di Module Manager

2009

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

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.

34

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.

35

Membuat Website Dinamis Menggunakan Joomla! CMS 2.8 Mengaktifkan Toko Online

2009

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.

36

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.

37

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

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: 1. MENEMUKAN JENIS BARANG Pengunjung akan mulai menelusuri Kategori Barang untuk menemukan jenis barang yang dicarinya.

2. MELIHAT DESKRIPSI BARANG Setelah menemukan jenis barang yang dicarinya, pengunjung tersebut akan membaca deskripsi singkat dan/atau detil barang.

3. MEMASUKKAN BARANG DALAM KERANJANG BELANJA 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. 39

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.

4. MELAKUKAN PEMESANAN BARANG 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. 40

Membuat Website Dinamis Menggunakan Joomla! CMS


5. PROSES PEMESANAN BARANG

2009

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: Langkah 2. KONFIRMASI ALAMAT PENGIRIMAN BARANG 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.

41

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.

42

Membuat Website Dinamis Menggunakan Joomla! CMS

2009

Langkah 2. ORDER PEMESANAN BARANG 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.

43

Membuat Website Dinamis Menggunakan Joomla! CMS


6. MENCATAT DAN MENYIMPAN INFORMASI ORDER

2009

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.

44

Membuat Website Dinamis Menggunakan Joomla! CMS


7. MELAKUKAN PEMBAYARAN DAN KONFIRMASI KEPADA PEMILIK WEBSITE

2009

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.

8. PENGECEKAN STATUS PEMESANAN 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.

45

Membuat Website Dinamis Menggunakan Joomla! CMS 3.2 Pengecekan Pemesanan Barang Oleh Anda Sebagai Administrator

2009

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.

46

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

Copyright 2009 by EbookJoomla.Com. All Rights Reserved.

47

Anda mungkin juga menyukai