tutorial khusus virtuemart saja

48
EbookJoomla.Com © 2009 Lucky Permana Membuat Website Dinamis Menggunakan Joomla! CMS S S U UP P L L E E M ME E N N 4 4 : : M ME E M MB BU UA AT T D DA AN N M ME E N NG GE E L L O OL L A A T T O OK KO O O ON NL L I I N NE E D DI I W WE E B BS S I I T T E E J J O OO OM ML L A A! ! 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. E E B B O O O O K K J J O O O O M M L L A A Final Edition P P i i l l i i h h a a n n T T e e p p a a t t B B e e r r b b i i s s n n i i s s I I n n t t e e r r a a k k t t i i f f k k a a n n T T o o k k o o O O n n l l i i n n e e

Upload: ratih-rusdiana-ambarwati

Post on 01-Jul-2015

3.066 views

Category:

Documents


6 download

TRANSCRIPT

Page 1: tutorial khusus virtuemart saja

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

Page 2: tutorial khusus virtuemart saja

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

Page 3: tutorial khusus virtuemart saja

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.

Page 4: tutorial khusus virtuemart saja

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.

Page 5: tutorial khusus virtuemart saja

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

Page 6: tutorial khusus virtuemart saja

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.

Page 7: tutorial khusus virtuemart saja

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.

Page 8: tutorial khusus virtuemart saja

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!

Page 9: tutorial khusus virtuemart saja

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:

Page 10: tutorial khusus virtuemart saja

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.

Page 11: tutorial khusus virtuemart saja

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.

Page 12: tutorial khusus virtuemart saja

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.

Page 13: tutorial khusus virtuemart saja

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

Page 14: tutorial khusus virtuemart saja

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!

Page 15: tutorial khusus virtuemart saja

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.

Page 16: tutorial khusus virtuemart saja

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.

Page 17: tutorial khusus virtuemart saja

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.

Page 18: tutorial khusus virtuemart saja

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:

Page 19: tutorial khusus virtuemart saja

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.

Page 20: tutorial khusus virtuemart saja

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

Page 21: tutorial khusus virtuemart saja

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.

Page 22: tutorial khusus virtuemart saja

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.

Page 23: tutorial khusus virtuemart saja

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.

Page 24: tutorial khusus virtuemart saja

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

Page 25: tutorial khusus virtuemart saja

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.

Page 26: tutorial khusus virtuemart saja

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,

Page 27: tutorial khusus virtuemart saja

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.

Page 28: tutorial khusus virtuemart saja

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:

Page 29: tutorial khusus virtuemart saja

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.

Page 30: tutorial khusus virtuemart saja

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.

Page 31: tutorial khusus virtuemart saja

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.

Page 32: tutorial khusus virtuemart saja

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.

Page 33: tutorial khusus virtuemart saja

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.

Page 34: tutorial khusus virtuemart saja

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.

Page 35: tutorial khusus virtuemart saja

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

Page 36: tutorial khusus virtuemart saja

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

Page 37: tutorial khusus virtuemart saja

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

Page 38: tutorial khusus virtuemart saja

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.

Page 39: tutorial khusus virtuemart saja

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

Page 40: tutorial khusus virtuemart saja

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

Page 41: tutorial khusus virtuemart saja

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.

Page 42: tutorial khusus virtuemart saja

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

Page 43: tutorial khusus virtuemart saja

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.

Page 44: tutorial khusus virtuemart saja

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.

Page 45: tutorial khusus virtuemart saja

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.

Page 46: tutorial khusus virtuemart saja

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.

Page 47: tutorial khusus virtuemart saja

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

Page 48: tutorial khusus virtuemart saja

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