Panduan membuat toko online dengan Joomla dan VirtueMart
Pada kesempatan kali ini, saya akan menjelaskan tentang bagaimana membuat website e-commerce menggunakan joomla (membuat toko online dengan joomla).
Website e-commerce
Yang dimaksud dengan website e-commerce adalah website yang mengandung unsur bisnis didalamnya.
Perdagangan elektronik atau e-dagang (bahasa Inggris: Electronic commerce, juga e-commerce) adalah penyebaran, pembelian, penjualan, pemasaranbarang dan jasa melalui sistem elektronik seperti internet atau televisi, www, atau jaringan komputer lainnya. E-dagang dapat melibatkan transfer dana elektronik, pertukaran data elektronik, sistem manajemen inventori otomatis, dan sistem pengumpulan data otomatis.
sumber: wikipedia
Modul paket yang saya gunakan untuk mengubah website joomla menjadi website e-commerce adalah VirtueMart.
VirtueMart adalah modul #1 untuk kustomisasi website joomla menjadi website toko online pada saat ini.
Ada beberapa tahap yang harus diperhatikan dalam mengubah website joomla kita menjadi website e-commerce.
Tata cara pemasangan virtuemart
Langkah 1:
Downloadlah modul VirtueMart dari sini
Setelah berhasil mendownload arsip virtuemart (contoh: VirtueMart_1.1.4-COMPLETE_PACKAGE.j15.zip)
extractlah dan perhatikan isinya terdapat 2 buah file dan 2 buah folder masing-masing adalah folder plugins dan folder modules.
Langkah 2:
Setelah mengekstrak arsip virtuemart, selanjutnya kita login ke admin panel website joomla kita
sebagai contoh : http://localhost/joomla/administrator
lalu kita pilih extensions – install/uninstall
Setelah masuk ke dalam Extensions Manager, kita pilih Upload Package File lalu arahkan ke file hasil ekstrakan arsip virtuemart yang bernama “com_virtuemart_1.1.4.j15.zip”
Setelah itu tekan tombol upload file dan install maka instalasi modul virtuemart akan diproses.
Setelah proses instalasi modul virtuemart selesai, akan tampak tampilan instalasi sukses seperti ini:
Untuk pemula, silahkan pilih “Install Sample Data“. Dengan menekan tombol ini, maka virtuemart akan menambahkan beberapa contoh product, category contoh terlebih dahulu, sehingga kita tidak perlu mulai dari awal (kosong).
Namun apabila anda ingin menginstall virtuemart dari awal (kosong) maka pilihlah “Go directly to the Shop”.
Pada tutorial ini saya akan pilih “Install Sample Data“.
Setelah itu maka proses instalasi telah selesai.
Langkah 3:
Setelah proses instalasi selesai, maka anda dapat melihat admin panel kusus untuk virtuemart.
Untuk mengaksesnya secara manual adalah dengan masuk ke admin panel joomla ( http://localhost/joomla/administrator )
lalu menu yang harus dipilih adalah Components – VirtueMart.
Tampilan admin panel untuk virtuemart akan tampak seperti ini:
Hal pertama yang harus dilakukan adalah mengubah setting tentang toko online anda.
Untuk melakukan hal ini, pilihlah menu pada navigasi pada sebelah kiri Store – Edit Store
Pada halaman Store Information, ubahlah informasi seperti yang diinginkan.
Seperti Logo, currency information, nama toko, dan lain sebagainya.
Setelah semua informasi mengenai toko anda telah diperbaharui, maka tekan “Save” pada pojok kanan atas.
Langkah 4:
Pada langkah ini kita akan mengatur menu pada tampilan website joomla kita, agar toko online kita bisa diakses.
Untuk melakukan ini, anda harus masuk ke admin panel, lalu pilih Menus – Menu Manager – New
Setelah menu My Shop sudah terbentuk, pilihlah menu Menus – My Shop – New
Lalu pilih lah VirtueMart pada saat Select Menu Item Type
Lalu pilihlah judul untuk menu anda.
Pada contoh ini akan saya buat judul menu Christian Chandra Mart
Perhatikan gambar berikut agar lebih jelas.
Setelah selesai, menu yang telah dibuat (Christian Chandra Mart) masih belum akan tampil pada website, kita harus mengatur modul menu terlebih dahulu.
Untuk mengatur modul, maka pilihlah menu Extensions – Module Manager – New
Lalu setelah itu pilihlah Menu lalu tekan tombol Next.
Perhatikan gambar berikut agar lebih jelas.
Setelah itu akan muncul tampilan informasi tentang modul menu.
Aturlah nama modul sebagai contoh : My Shop
lalu hal yang penting adalah menu name pada parameter pilihlah menu virtuemart kita : shop
Perhatikan gambar berikut.
Setelah itu cek lah website joomla dengan mengakses http://localhost/joomla/
Maka akan muncul menu baru My Shop yang berisikan Christian Chandra Mart didalamnya berisikan kategori produk-produk barang yang kita tawarkan.
Untuk saat ini produk dan kategori produk merupakan produk contoh dari sample data.
Untuk mengubah atau mengedit produk, akan di jelaskan pada langkah berikutnya.
Langkah 5:
Pada langkah ini, saya akan menjelaskan cara mengubah atau mengedit produk dan kategori produk.
Pertama, masuklah ke admin panel joomla http://localhost/joomla/administrator/
Setelah itu pilihlah menu Components – VirtueMart lalu pada bagian sebelah kiri, terdapat panel Product
Disana anda dapat mengatur daftar produk yang anda jual, besar discount, kategori produk , dan lain-lain.
Setelah pengaturan produk dan kategori produk, maka toko online kita telah siap di akses oleh pengunjung website kita.
Langkah 6:
Lalu bagaimana cara pembayaran yang digunakan?
VirtueMart telah dilengkapi dengan fasilitas beberapa payment gateway, untuk mengaktif/non-aktifkannya bisa melalui menu Store – List Payment Method
Anda juga dapat menambahkan payment method anda sendiri.
Selamat! toko online anda telah siap dipublikasikan ke kalayak ramai..
Selamat berkreasi. :o)
71 Comments
Join the discussion and tell us your opinion.
when i searching in some kind of search engine, i found your blog..OMG its so incredible, i like your post. Keep posting, i will waiting for your next article..
regrads,
Lio 😎
Hi Christian,
Brilliant! I love the way you explains.
Btw, gimana caranya untuk set up pembayaran dengan klik BCA atau mandiri untuk VirtueMart-Joomla?
Can you wrote in details pls.
Thanks in advance.
Thx atas infonya bos.. Kemarin2 aku main VirtueMart, ga bisa aku instal di joomla. Tpi setelah baca di blog ini, akhirnya VirtueMart-nya bisa di instal di joomlaku. TERIMA KASIH BUANYAK ATAS INFONYA :o) 😉 😀 (Y)
thanks artikelnya…dan langsung saya coba
thax infonya. emang ini yang dicari-cari 😀
salam kenal.makasih infonya, kebetulan baru mau belajar mbuat joomla dan toko online…
Terimakasih informasi nya… bermanfaat dan sangat membantu.
terimakasih infonya
Makasih bos atas tutorialnya.. sekarang langsung bisa bikin toko online dehhh… suwun bgt 😀
Hi..Christian,
Thank you untuk infonya skrg aku bisa install virtumart, klo boleh infonya bagaimana cara menambahkan menu bahasa di toko online.
Mohon Infonya…
wah keren tp aku butuh peyesuaian nih soale biasa pake WP (Y)
Terima kasih infonya…. 😀 😀
Silahkan cek juga blog saya http://yanabrar.com/
salam kenal…
makasi tutorialnya,,
tapi saya ada kendala ni..
barusan saya install virtue mart ke joomla 1.5 tapi pas upload & instal dari menu extension
ga muncul istallasi sukses ya?
malah balik ke admin cpanel home?
tolong bantu ya …. ,makasi sblmnya,,
thanks your info is very good, please tell me how to replace sample data? and what template is recomended for joomla ecommerce?
regards
ok. boss. makasih atas infonya,,,,? saya udah mencobanya dan berhasil…
coba lihat web saya. http://www.galeritenuntroso.com
oh iza…. akan tetapi saya kok bingung di bagian artikel pendek saya pada virtomat kok di bawah produk za…. mohon bimbingan. makasih sebelumnya. (Y)
i like it.
thanks for information.
where is tutorial virtoumart?
trima kasih banyak atas info nya christian heheh, when christian thanks to christian 😀
😉 thanks ya bantuannya…kalau untuk menambahkan fasilitas chatroom layaknya FB d joomla gimna gan? (Y) (Y) (Y) :o)
makasiiiih banyaaak… bermanfaat sekali untuk yang awam… sukaaaaa banget… suhu oke deh ^^ (Y) (Y) (Y) (Y) (Y) 😀
tulisannya mantap.. thanks. (Y)
Thanks atas informasi nya.. nice artikel.. bener2 ilmu yang bermanfaat..
Saya mau nanya, kalo mau nambah menu produk gimana yaa..??
misal sudah bikin menu Myshop, trus mo bikin lagi Myshop1…
Makasih yaaa..
gan , kalau misalnya menampilkan produk yang di slide show gimana !!!
makasih boss…ane pengen nyoba jomlaa setelah lama bersemedi dalam OC dan WP…salam kenal ya boss
makasih mas,,,
oh iza,,,, boleh tanya, kalau menambah nilai nominal harga di atas 10.000.000,- bagai mana? setiap kali diatas nilai itu pastinya yang muncul malah. 9.999.999. :o)
ane mw tanya agan agan semua,gmn cara publishnya ya?
trs klo mw ganti url untuk di Publish gmn?
newbie gan ane 😀
wah terima kasih banget atas informasinya…sangat berguna untuk saya…
Smoga amal ibadahnya terus bertambah dan selalu sukses… :o) O:-) (Y) (Y) (Y)
makasi banyak bos infonya 😀
makasih gan atas masukanya danb sangat berguna skali buat pemula sperti saya gan… (Y)
akhirnya nemu juga tapi belim coba………………..coba via ofline dulu ahh………………sedottttttttttttttt
matur tangkyu bos
ya gan ilmu yang bermanfaat maksih ya :-!
mantep nih info nya, suwun mas bro
mantap petunjuknya bos.. makasih dan hatur nuhun
matur tenku gan..ane lagi cari nih tutorial….untuk memperkuat pengetahuan sekalian selanjutnya praktek…
terimakasih infonya,bisa jadi ilmu baru nih 😀
pengen membangun toko online dengan jomla..tapi beberapa kali coba install gagal terus ;-(
Bermanfaat sekali, singgah juga di website saya :o) :o) :o) :o) :o) :o) :o) (Y) (Y) (Y) (Y) (Y)
modul joomla ama vmya terpisah nggak gan (Y)
saya cobain dulu yah tutorialnya. BTW, thanks udah berbagi ilmu, sing dapet banyak pahala yah.
Terima kasih banyak informasinya mas crish.. :o)
Thank gan atas tutorialny sangat membantu sekali dalam belajar bikin toko online dengan joomla dan virtumart :o) :o)
bermanfaat sekali artikelnya
tetapi kekurangan joomla adalah folder administrator tidak bisa dihapus
Misi gan, ane mohon bantuanya, ane newbie di joomla, gmn ya caranya klo cuma mau bkin katalog saja, dengan 3 kategory produk
Soalnya web ane pake sistem contact langsung, jd tdk ada proses transaksi di web
Thanks ya gan, mohon bantuanya…
Terimakasih mas tipsnya…
Oya kalo boleh tahu ada ga situs penyedia template toko online untuk Joomla atau virtumart??”
thank ya
Thanks tutorialnya bro, tapi ane ada kendala dikit. Ane ubah link produk dan link lama sdh terlanjur di seoin (bagus di serp). Nah gmn cara redirect link lama itu ke link baru, bcoz dia otomatis ke home virtuemart nya, thanks
Dapat Ilmu Baru Nih, Makasih Banyak Mas
Makasih atas ilmunya mas
Mantab, bisa jadi pencerahan ni artikelnya.. 😀
thanks infonya sobat, izin praktekin dulu bagaimana hasilnya…
oke deh langsung dicoba . thanks gan 😀
wah bisa di pakai buat dropshipping juga nih
bagus nih share nya,,,,buat toko online trus nantingya di gabungin dengan amazon
gan ini joomla nya 3.2.0 stable full package kok diupload file VirteMart nya gak bisa ya ?
apa gak cocok gan ?
Mau naya nih admin,,
diatas setelah dibuka local hostnya, tampilan produknya
urutannya Nama, harga dan gambar produk (urutannya ke bawah)
tapi pas sayan coba kenapa urutannya kesamping ya??
Makasih share nya gan, sangat berguna kebetulan ane mau buat pakai joomla, biasanya sih buat toko online pakai opencart.
mohon maaf, saya juga install virtue mart. saya mau tanya ketika saya tambah produk kok ngak muncul di categories? mohon kalau ada yang tahu helep helep me. thank (L)
alhamdlillah…maturswun infox….
terimakasih untuk infonya
info yang bagus
info yang menarik
wah ilmu baru nih 🙂
terimakasih mas
terimakasih banyak infonya bloger, bloger sya mau bertanya apakah virtue mart tampilannya bisa tidak hanya thumbnail… terimakasih bloger…
mantep dah,
gan bisa tidak gambar,a di perbeasr trs kirm ajh ke email
Berguna sekali infonya untuk orang awam, thx gan
terimakasih informasinya
makasih atas info y sangat membantu O:)
informasi yang berkualitas
makasi infonya kakkkkk
Kyknya ada step yg terlewati nih, yaitu gmn cara bikin database nya
Great post. I used to be checking constantly this weblog and I am inspired!
Very helpful information particularly the last section 🙂 I care
for such information much. I used to be looking for this particular information for a long time.
Thank you and best of luck.
Terima kasih untuk pencerahannya bos.. sgt bermanfaat