belajar open cart

Upload: byicehole

Post on 13-Oct-2015

82 views

Category:

Documents


0 download

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.