belajar open cart
TRANSCRIPT
-
5/23/2018 Belajar Open Cart
1/18
MENGENAL OPENCART
Opencart merupakan CMS E-Commerce yang sangat lengkap dalam merancang toko online,
Hal ini dapat kita lihat dari :
1. Desain yang elegan (Bagus)
2. Setting yang sangat mudah
3. Fitur yang cukup lengkap
4. dll
Nah kita sudah lihat kelebihan dari CMS Opencart, sebenarnya masih banyak kelebihan
lainnya, namun kita tidak akan membahasnya secara teori, mari kita praktekkan langsung
maka anda akan tahu keunggulannya!
Sebelum kita masuk ke materi OPENCART Pastikan Anda sudah menginstall webserver lokal
seperti Xampp, WAMPP, Apache dan sejenisnya. Untuk mudahnya saya sertakan file Xampp
dan cara menginstalnya
CARA MENGINSTALL XAMPP
Jika sebelumnya anda sudah pernah menginstal xampp maka abaikan saja langkah-langkah
ini silakan lanjut ke topik berikutnya yaitu Cara menginstall opencart
1. Jalankan file xampp-win32-1.4.12-installer.exe
2. Kemudian akan tampil pilihan untuk memilih bahasa ketika proses instalasi berjalan. pilih
English. Pada contoh ini saya memilih bahasa Indonesian
3. Proses instalasi akan dimulai. Klik Maju untuk memulainya.
-
5/23/2018 Belajar Open Cart
2/18
4. Akan muncul lisensi software. Klik Saja Setuju untuk melanjutkan.
5. Kemudian klik install
6. Tunggu beberapa saat sampai proses instalasi selesai.
7. Klik Selesai
8. Sampai tahap ini, berarti kita sudah menginstal XAMPP. Itu berarti kita sudah selesai
menginstall PHP, APACHE dan MYSQL. Langkah selanjutnya melakukan ujicoba!
-
5/23/2018 Belajar Open Cart
3/18
9. Buka web browser, lalu ketikkan http://localhost. Jika tampilannya seperti di bawah ini,
maka xampp sudah terinstall dengan benar.
CARA MENGINSTALL OPEN CART
Setelah selesai menginstall xampp, kita akan menginstall opencart secara local, hasil inilah
yang nantinya akan kita transfer secara online. Berikut cara menginstall Opencart di
localhost :
Copy File Opencart 1.5.5.1 yang telah disertakan
Paste ke C:/xampp/htdoc (nanti anda bisa mengganti nama foldernya jika perlu)
Jika sudah masuk ke web browser (saya pakai Mozilla) ketikkanhttp://localhost/opencart (sesuai nama folder) karena tadi namanya saya ganti
menjadi opencart dari opencart 1.5.5.1, anda bisa menyesuaikan sesuai nama folder
opencart anda. kemudian kasih centang pada pilihan I Agree to the license dan klik
tombol Continue.
-
5/23/2018 Belajar Open Cart
4/18
Klik tombol Continue
Ups karena kita mengin
kan) maka kita akan sele
o Silakan masuk k
kanan buka pakai
tallnya di server local ada warning di cURL (a
aikan dulu masalahnya.
c:/xampp klik pada folder PHP, lalu cari fil
notepad (lihat gambar)
da bisa lihat
PHP.ini klik
-
5/23/2018 Belajar Open Cart
5/18
o Cari Tulisan ; extension=php_curl.dll buang ; lalu simpan (cara mencari
tercepat anda bisa tekan Crtl + F lalu ketikkan kalimat tersebut)
o Masalah lain yang sering muncul adalah config.php, untuk mengatasinya
anda cari file config-dist.php pada folder opencart rename jadi config.php
o Jika sudah tidak ada warning silakan klik Continue
Langkah selanjutnya setting database=localhost, user=root, pasword=kosong,
database name=opencart (masuk dulu ke:localhost/phpmyadmin, pada tampilan
terdapat tulisan ciptakan database baru ketiopencart lalu klik ciptakan, hal ini agar
tidak terjadi error database (lihat gambar)
Selanjutnya Klik Continue untuk melanjutkan proses instalsai
Jika sudah selesai anda diminta menghapus folder Install yang ada di
localhost/opencart, silakan hapus foldernya dengan masuk ke
C:/xampp/htdoc/opencart (hapus aja folder install disana) lalu jalankan aplikasinya
dengan mengertikkan http://localhost/opencart maka akan tampil website belanja
online anda
-
5/23/2018 Belajar Open Cart
6/18
Selamat Tahap awal pembuatan website jualan online anda telah selesai, mari kita ikuti tahap
berikutnya.
MENSETTING JUDUL/TITLE OPENCART
Langsung saja berikut cara mengatur /mensetting title webstore pada opencart :
Seperti biasa silahkan buka administrator web opencart anda, kemudian pilih menu
System >> Setting. Pada pilihan Setting pilih Edit
Maka akan muncul menu setting menu opencart, Pada pilihan General isikan data
lengkap mengenai toko online anda, trus pada tab menu Store ; Title=judul webstore
yang kamu inginkan, Meta Tag Deskriptins=penjelasan singkat mengenai toko online
anda. dan disini kamu juga bisa mengganti template dengan memilih Template yang
tersedia.
-
5/23/2018 Belajar Open Cart
7/18
Untuk mengganti templa
dahulu. dan kalu udah ti
MENAMBAH PRODUK B
Menambahkan produk baru p
udah ada yang tau tentang c
opencart, tapi tidak ada salahn
temen-temen yang baru belaj
blogspot ataupun wordpress s
hampir sama dengan menamb
sama dengan menambahkan po
Oke, dari pada basa basi melul
menambahkan produk baru pad
te anda sebelumnya harus meng upload templ
ggal klik tombol SAVE di kanan atas.
RU
da opencart Saya yakin mungkin sebagian
ara menambahkan produk baru pada webs
ya sharing pengetahuan dasar ini bisa ber
ar opencart. jika anda sudah terbiasa blo
ya rasa cara menambahkan produk baru p
hkan posting /artikel blog, karena pada prins
ting /artikel dalam blog.
u mending langsung di praktekin aja ya..! un
a opencart berikut caranya :
te terlebih
emen-temen
ore berbasis
anfaat buat
ging dengan
da opencart
ipnya hampir
tuk
-
5/23/2018 Belajar Open Cart
8/18
Seperti biasa ya, masuk ke halaman administrator opencart web kamu. trus pilih
menu Catalog >> Products. maka akan muncul halaman produk yang berisi produk2
yang ada pada website. untuk menambahkan produk baru, klik tombol Insert yang
ada di kanan atas.
Pada pilihan menu General ; silahkan isikan product name = judul /nama produk,
Meta Tag Description = isikan dengan deskripsi singkat mengenai produk, Meta Tag
Keyword = keyword yang kamu inginkan dari produk, dan Descriptions = penjelasan
mengenai produk yang akan tampil di website.
di Menu Data isikan beberapa hal yang penting saja seperti ; Model, Price = Harga,
Quantity = jumlah stok produk, Requires Shipping = Yes, Image = Gambar produk,
Weight = berat, Weight Class = satuan berat bisa KG atau Ons, Status = Enabled.
pada menu Link ; silahkan pilih manufacture dan category yang sesuai dengan
produk. buat anda yang belum tau caranya menambahkan category produk bisa
membacanya terlebih dulu di sini.
pada menu Options ; jika kamu ingin menambahkan keterangan untuk memilih Size
/ukuran, warna produk, dll.
Sedangkan di menu Spesial ; jika ingin menambahkan harga spesial. menu Image ;
jika ingin menambahkan gambar ke-2,3, atau lebih. selain gambar dari produk
utama.
kalau semuanya sudah, tinggal pilih tombol Save yang ada di kanan atas.
MEMBUAT / MENAMBAH KATEGORI BARU
Pada saat kita awal membuat website biasanya kita butuh mengatur tampilan web,
termasuk dalam membuat categori dalam website. Naah pada artikel kali ini akan mencoba
sharing buat sobat yang mungkin baru mengenal /belajar opencart, bagi yang udah terbiasa
pasti sangatlah mudah, tapi yang belum terbiasa tentunya belum tentu bisa kan..
So, tidak ada salahnya untuk sharing cara membuat categori baru pada opencart :
Seperti biasa, silahkan login ke halaman administrator opencart. kemudian Catalog
>> Categories
Pada pilihan Category sobat bisa mengatur category mulai dari menambahkan,
mengedit maupun menghapusnya.
-
5/23/2018 Belajar Open Cart
9/18
Karena kita mau membu
name=nama kategory, d
kamu inginkan.
Pada Opsi Data silahka
pada pilihan Parent Cat
ingin menambahkan iam
t category baru, maka pilih menu Insert pada
scriptions, dan pada menu data isikan data ses
isikan sesuai keinginan, misal jika catogory
gory = None, Store = Default, Image = tingga
ge pada kategorinya (jika tidak juga tidak apa2
ategory
uai yang
level 1 maka
l di kasih jika
), Top = kasih
-
5/23/2018 Belajar Open Cart
10/18
checklist (centang) jika i
categori di bawahnya, St
Klik tombol Save untuk
MENGGANTI PRODUK UNGGUL
Mengganti Featured Pruduct /
CMS Opencart merupakan cara
Anda yang menggunakan CMS
sobat bisa kamu rubah sesuai de
Untuk merubah /mengganti fet
Halaman depan website, beriku
ngin tampil di menu atas, Columns = model
tus = Enabled.
enyimpannya.
N
roduk Unggulan di Homepage website yang
dasar yang harus sobat kuasai untuk mengelol
Opencart. Dengan begitu tampilan di home
ngan keinginan.
red product atau produk unggulan yang bisa m
caranya :
kolom untuk
enggunakan
a toko online
age website
uncul di
-
5/23/2018 Belajar Open Cart
11/18
Silahkan login ke menu administator opencart sobat, kemudian pilih menu
Extensions >> Modules.
Pada menu module manager, pilih menu Edit pada module Featured
Kemudian pada kolom Product silahkan ketikkan Title /judul produk yang mau di
tampilkan di fatured product. dan perlu diketahui juga untuk featured product
maximal bisa di isi 6 type product.
Selain itu pada featured juga bisa untuk mengatur tampilan, seperti ; W & H, Layout
dan Position.
Kemudian klik Save.
MENGGANTI SLIDE BANNER (GAMBAR BERGERAK)
Jika temen-temen baru belajar opencart mungkin da yang belum tau cara mengubah banner
slide yang ada di homepage website kita, banner slide yang ada di tampilan default opencart
bisa kamu ganti sesuai dengan keinginan.
Langsung saja jika temen-temen mau merubah banner slider yang biasanya ada di
homepage website berikut langkah-langkahnya :
Seperti biasa silahkan aktifkan wampp/xampp nya jika anda menggunakan localhost,
kalau misal udah di uploat di internet langsung aja ke http://webanda/admin ataujika anda masil di komputer lokal http://localhost/webanda/admin
Jika sudah masuk ke halaman dasboard opencart website anda, silahkan pilih menu
System >> Design >> Banner
Kemudian pilih banner Samsung Tab, pada pilihan Image klik Browse File >> Upload
untuk mengupload Image pengganti banner dan jika sudah dipilih image/gambar
buat banner slider pilih tombol Save.
-
5/23/2018 Belajar Open Cart
12/18
Maka slider banner pada home page webstore anda akan berubah, untuk lebih
jelasnya bisa di lihat pada gambar dibawah
Slider sebelum di edit
Slider sesudah di edit
MEMBUAT MATA UANG RUPIAH
Jika temen-temen baru membuat toko online menggunakan CMS opencart tentunya pada
saat proses intalasi opencart tidak serta merta mata uang rupaih (RP) sudah menjadi mata
uang default, melainkan harus ditambahin sendiri oleh anda. untuk menambahkan mata
uang rupaih (Rp) ke dalam website toko online kita berikut penjelasannya :
Silahkan masuk ke halaman admin webstore anda, kemudian pilih menu System >>
Localization >> Currencies
-
5/23/2018 Belajar Open Cart
13/18
Tambahkan Currencies/
Maka akan muncul halaTitle=Rupiah, Code=IDR,
dan yang terakhir Status
Proses sudah selesai, da
menu Currency pilih / ch
Delete.
ata uang baru dengan cara klik tombol Insert
an baru isikan data seperti berikut, pada pilihaValue=1 karena Rupiah akan dijadikan mata ua
Enabled. kemudian klik tombol Save
jika ingin menghapus Cuurrency yang tidak dii
klist mata uang yang ingin dihapus, kemudian
n Currencyng utama,
nginkan pada
klik tombol
-
5/23/2018 Belajar Open Cart
14/18
Membuat Promo d wak
Cara membuat promo harga te
dalam strategi toko online unt
khusus dibulan juni 2013 kan ak
jelas kapan waktunya .
Naah buat sobat ilmuonline ya
toko online dengan opencart bis
Untuk detail cara membuat har
silahkan simak penjelasan saya
Silahkan masuk ke dasbo
untuk menambahkan pr
menu Insert untuk men
atau jika product sebelu
Isi keterangan product,
lainnya untuk detail prod
Jika sudah naah pint pewaktu tertentu, yakni di
Kemudian pilih custome
tanggal mulai berlakun
tanggal berakhirnya pro
Kllik Save untuk menyim
tu tertentu
rtentu dengan kurun waktu terterntu biasan
k menggaet calon pelanggan, misalnya harg
an kelihatan lebih menjual ketimbang diskon
ng sedang membangun bisnis onlinenya den
a mencoba trik ini, untuk meningkatkan omset
a special / promo terntentu dengan kurun wak
erikut ini :
ard web toko online masing-masing, kemudian
duct, yakni dengan memilih menu Catalog >>
mbahkan product baru yang akan diberikan
nya sudah ada berarti tinggal pilih product lal
asukkan image product, ukuran, dan data pen
uctnya.
nting ini niih untuk membuat promo productagian tab menu Special klik tombol Add Speci
group (jika ada), isikan harga promo specialn
a promo (di bagian Date Start), serta janga
o di bagian Date End
an product, dan lihat hasilnya
a diterapkan
diskon 50%
0% tapi ndak
an membuat
penjualan.
tu tertentu
seperti biasa
Products, klik
romo harga,
edit.
ukung
dalam kurunl
a, kemudian
n lupa isikan
-
5/23/2018 Belajar Open Cart
15/18
Setelah tanggal promo berakh
normal secara otomatis tanpa
membuatnya dari tab menu
tertentu.
MengubahUkuran tulis
Untuk detail cara menambahkonline menggunakana opencart,
Pertama seperti biasa m
Pilih menu Catalog >> Op
disini sobat bisa membu
kanan atas.
menambahkan ukuran di produ
Isikan ukuran yang ingin
XL. Seperti yang terlihat
klik tombol Save untuk
langkah yang sama seper
ir, maka otomatis harga product tersebut
erlu sobat edit lagi harganya. dan cara lain so
iscount untuk membuat harga product den
n dan warna
n option size dan warna di product yang a bisa sobat simak pada penjelasan berikut ini
suk ke admin dasboard toko online
tions, maka akan muncul option pilihan yang s
t option baru Size dan warna dari tombol Inse
imasukkan ke dalam option Size, semisal ukur
eperti ini
enyimpannya, untuk menambahkan option wa
ti diatas.
kan kembali
bat juga bisa
gan discount
a pada toko
dah ada.
t yang ada di
n ; S, M, L,
rna lakukan
-
5/23/2018 Belajar Open Cart
16/18
Kemudian tambahkan pr
untuk menambahkan pr
Selanjutnya isi data yan
untuk mengisi judul, ket
gambar produk. tab men
Disini point yang paling
ketikkan nama option y
masukkan ukuran dan w
ini
Klik tombol Save, dan lih
untuk Size dan warna be
oduct baru, di menu Catalog >> Products, pilih
duk baru
g diperlukan seperti biasanya, yakni di tab
rangan produk. tab menu Data untuk harga n
u Link untuk kategori link produk.
penting yakni di tab menu Options, pada fo
ang tadi sobat buat semisal Size dan Warna
arna yang tersedia untuk produk tersebut. mi
t hasilnya pada tampilan produk jika sudah ad
arti sudah berhasil seperti gambar dibawah ini.
ombol Insert
enu General
ormal, berat,
rm kiri sobat
, selanjutnya
alnya seperti
pilihan
.
-
5/23/2018 Belajar Open Cart
17/18
Tambahan: Cara mema
Cara pasang Google Analytics
merupakan aplikasi tools dari g
website /blog baik itu menganalain yang tujuan utamanya agar
kita dimata search engine.
Saya yakin sudah banyak sobat
memantau perkembangan blog
atau belum menggunakan googl
Sedangkan Opencart ini memendapatkan perhatian oleh
dagangannya melalui toko onli
yang cukup elegant dan me
opencart.
Untuk sobat yang ingin memasa
penjelasannya berikut ini :
ang google analystics
di Opencart ~ Seperti yang kita tahu Goo
ogle yang fungsi utamanya di antaranya untuk
lisa dari segi pengunjung /traffic, keyword, mkita bisa mengetahui seberapa bagus kualitas
blogger yang sudah memakai tools google an
/websitenya. Tapi mungkin sebagian ada ya
e analytics.
rupakan CMS Ecommerce yang akhir-akhisebagian besar pebisnis online yang me
e termasuk saya juga karena dari segi
arik meskipun itu menggunakan template
g google analytics di opecart toko online, silah
gle Analytics
menganalisa
upun analisawebsite blog
alytics untuk
g belum tau
ir ini mulaijual barang
tampilannya
default dari
kan simak
-
5/23/2018 Belajar Open Cart
18/18
Pastikan sobat mempun
mbah kalau sudah sila
Kemudian daftarkan web
silahkan baca artikel say
Setelah dapet code googl
pilih menu System ->> Se
Selanjutnya copykan kod
Google Analytics Code ya
Kemudian Save untuk m
ai account google ya, karena ini memang layan
hkan masuk ke http://google.com/analytics/ (e
toko online sobat di google analytics, untuk ca
sebelumnya disini
le analytics, kemudian buka dasboard opencart
tting, klik Edit
e google analytics nya tadi dan pastekan ke dal
ng ada di menu Setting ->> Server di form pali
nyimpan hasil kerja.
an dari si
nter)
ra detailnya
sobat dan
am form
g bawah.