52902053 tutorial khusus virtuemart saja

Upload: ramadhazn

Post on 16-Oct-2015

68 views

Category:

Documents


0 download

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