PrestashopTutorial-CreatinganOnlineShopinjust30minutesVersion1.6

2

DAFTARISI

TahapPersiapan...................................................................................................................3MemulaipembuatanTokoOnline.......................................................................................4

1.Login......................................................................................................................42.MenambahProduk...............................................................................................53.MengelolaCustomer.............................................................................................104.MengelolaPesanan..............................................................................................125.MembuatDiskon...................................................................................................156.MengaturPengirimanBarang(Shipping)..............................................................187.MengaturMetodePembayaran............................................................................208.MengaturTampilanTokoOnline...........................................................................239.MengaturServiceTokoOnline..............................................................................33

TampilanTokoOnlineAkhir.................................................................................................35

3

TahapPersiapan Sebelum andamemutuskan untukmembuat toko online, pastinya ada beberapa

halyangperluandapikirkan.Adapunhal-haltersebutyaitu:

1. Tentukanbarangapayangakandijualditokoonline

Sebelum membuat toko online maka tentukan barang yang akan anda jual.

Misalnyaandainginmenjualprodukgadgetsepertilaptop,komputer,smartphone

besertaaksesorisnya.Maka,andaharusmenyesuaikantematampilandengantoko

anda.

2. Tentukanpasartokoonlineanda

Setelahmenentukanbarangyangakandijualmakatentukanpasaryangandatuju.

Misalnya pasar yang anda tuju adalah mahasiswa atau masyarakat biasa. Pasar

dalamnegeriataupasarluarnegeri.Haliniberkaitandenganmetodepembayaran

danpengirimanpaket.

4

MemulaiPembuatanTokoOnlineSetelah menentukan barang dan pasar yang dituju, maka sekaranglah waktunya

untukmembuattokoonline.Untukkaliini,barangyangakandijualyaituperalatansepertilaptop, komputer, smartphone beserta aksesorisnya. Sehingga toko online ini bergerakdibidang ecommerce gadget. Adapun pasar yang dituju yaitumahasiswa danmasyarakatbiasa dalam negeri. Untuk tahapan- tahapan dalam membuat toko online yaitu sebagaiberikut:

1. LoginUntukmembuattokoonline,yangperluandalakukanyaitulogin.Untuklogin,andadapatlangsung mengetikkan http://domain-anda.com/admin123 pada browser. Maka akanmunculgambarsepertidibawahini.Kemudianmasukkanusernamedanpasswordanda.

Setelahitu,masukkanusernamedanpasswordandakemudianpilih“Login”.MakaandaakanmasukkedalamadminpaneldariPrestashop.

5

2. MenambahProdukSetelahmasukkehalamanadminpanel,makaandadapatmenambahkanproduk/barangyanginginandajual.Kaliinikitaakanmembuattokoonlinemengenaigadget,makaprodukyang dijual yaitu laptop, komputer, smartphone beserta aksesorisnya. Untuk menambahproduk,andadapatmemilihmenu“Catalog”padasidebarkemudianpilih“Products”.

Makaakanmuncultampilansepertiberikut:

Kemudian pilih “Add new product”, maka akan muncul form yang dapat anda isi sesuaiprodukyangakanandajual.

6

Pada bagian kiri terdapat detail produk dari mulai informasi produk, harga, pemesanan,kuantitasdanlain-lain.Isikansesuaidengandetailprodukyangakanandajual.

1. Information

Berisimengenaidetailprodukyanginginandajual.Adapunketerangannyayaitu:

a. Nama/Name

Bergunauntukmengisinamaprodukanda.

b. Referensi/KodeProduk

Berguna untukmengisi Kode produk anda supayamempermudah pemesanan produkanda.

c. Pemasokreferensi/ManufactureReference

BergunauntukmemberikanKodepadapemasokproduktersebut.

d. EAN13atauJAN

BergunauntukmemasukkanKodepajak*tidakperludiisi

e. UPC

BergunauntukmemasukkankodeJasaUrirUPC*tidakperludiisi

f. ShortDescription

Deskripsisingkatmengenaiproduk.

g. Description

Deskripsimengenaiproduksecaralengkap.

7

h. Tags

Merupakantags/labeldaribeberapaprodukyangdijual.

Setelah diisi sesuai dengan detail produk, maka anda dapat menyimpannya dengan caramemilih“Save”.

2. Price

Untukmenambahkanhargaproduk,makaandadapatmemilih“Price”.Kemudianpadabagian“ProductPrice”tuliskanhargadariprodukanda.Kemudian“Save”.

3. Images

Untukmenambahkangambarpadaprodukyanginginandajual,makapilih“Images”

Setelahitu,pilih“Addfiles”.Pilihgambarprodukyanginginditambahkan.

8

Kemudian,klik“UploadFiles”

Makagambarprodukakanmuncul.Setelahgambarprodukdiuploadmakaklik“Save”.

Detail produk telah ditambah, harga produk beserta gambar produk juga telah ditambahkan,makauntukselanjutnyasilahkancektokoonlineyangandabuatdengancaramenuliskandomainwebsiteandadibrowser.Selainitu,andabisacekdengancaraklik“MyShop”padatoolbar.

Maka,produkyangandatambahkantaditelahmuncul.

9

Setelahprodukditambahkan,untukmempermudahcustomerdalammemilihprodukmakaandaharusmembagiprodukdalambeberapakategori.AdapunkategoridaritokoonlineiniyaituHandphone,Laptop,danAksesoris.Untukmenambahkategoriproduk,makaandadapatmemilihmenu“Catalog”kemudianpilih“Categories”

Pilih“Addnewcategory”

Setelahituisikankategoridariproduk-produkanda.Kemudian“Save”.

10

Untuk mengatur kategori dalam produk, anda bisa pilih menu “Catalog” kemudian“Product”. Edit produk yang ingin diberikan jenis kategorinya. Setelah itu, beri tandacentang pada “Associated categories”. Pilih kategori yang anda inginkanmisalnya produkXiaomiMi3masukdalamkategoriHandphone.Setelahituklik“Save”.

Maka,produkandatelahterbagidalambeberapakategori.

3. MengelolaCustomer

Selain produk, tentu saja anda bisa memantau customer yang mengakses website anda.Anda dapatmengelolanya denganmemilihmenu “Customer” kemudian klik “Customer”.Denganmemilihmenuinimakaandadapatmengetahuisiapasajayangmenjadicustomerdari toko anda, alamat customer, email dan umur customer serta produk apa saja yangdibeli.Dengandata ini,makatokoonlinedapatmenghitungstatistikdatapemasukandan

11

data customer pertahun. Sebagai admin, anda dapat mengubah customer dengan caraberikantandacentangpadanamacustomeryangingindiubah,kemudianpilih“Edit”.

Anda juga dapatmenambah customer denganmemilih “Add new customer”. Setelah itutambahkandetailcustomerkemudian“Save”

Anda jugadapatmengelolaalamatcustomerdengancaramemilih“Customers”kemudianpilih“Address”.Makaandadapatmelihatalamatcustomer.Apabilainginandaubah,makapilih“Edit”.

12

Apabilaandainginmenambahalamatcustomermakapilih“Addnewaddress”.Isikansesuaidengandatacustomerkemudianpilih“Save”.Makaalamatcustomertelahditambahkan.

4. MengelolaPesanan(Order)Setelahmenambahkandetailproduk,fotoprodukdanhargaproduk,makatokoonlinesiapuntuk go publik. Namun anda perlu rule atau bantuan untuk mengelola pesanan daricustomer. Untuk mengelola pesanan dari customer, anda dapat memilih menu “Orders”kemudian pilih “Orders”. Didalamhalaman order ini, anda dapatmengelola pesanan daripadacustomer.

Untukmelihatpesanandaricustomer,makaandadapatmemilih“View”kemudianmengecekpesanancustomer.Apakahadayangsalahatautidak.

13

Andadapatmenggantistatusbarangyangsudahdipilihcustomer.Apakahsudahdibayarataukahdicancelolehcustomer.

Andajugadapatmengetahuidetailcustomer.Darimulaialamatemail,tanggalregistrasi,dansebagainya.

Selainitu,andadapatmengelolapaketproduksepertiberatpaket,hargapaket,sertaalamatpengirimanpaket

14

Selainmelihatpaket,danpesananandajugadapatmengelolapembayaranyangdilakukanolehcustomer.Apabiladaripihaktokoonlineinginmemberikanpesanterhadapcustomer,andadapatmenambahkanpesanpadakolommessage.

Tentunya, anda juga dapat mengetahui produk apa saja yang dibeli oleh customer. Darimulai jumlah, warna dan sebagainya. Pada halaman ini anda dapat mengetahui totalpembayaranyangharusdibayarkanolehcustomer.

Setelah mengatur pesanan customer, anda juga harus mengatur invoice atau fakturpenjualanyangdigunakan sebagaibuktipembelianyangberisi informasi jumlah,metodepembayaran,danalamatyangdiberikankepadacustomeragarmereka segeramelakukanpembayaran, sehingga order dapat diproses oleh pemilik toko online. Anda bisamelakukannyadengancaramemilihmenu“Orders”kemudianpilih“Invoices”

15

Lalu anda akan masuk ke halaman invoice. Pada halaman ini terdapat tanggal untukpengiriman invoice kepada customer, status order hingga pengaturan invoice. Setelahselesaipengaturaninvoicemakapilih“Save”

Adapunketerangannyaadalahsebagaiberikut,

a. EnableInvoice:pilihopsi"YES"agarcustomerbisamenerimainvoicedaripembelianmereka.

b. Enable the breakdown of taxes on the invoice: pilih opsi "No" jika anda tidakmenerapkanpajakpembelianterhadapcustomeranda.

c. InvoicePrefix:untukmensettingawalaninvoicemisalandabisaisikandengan"INV".IniberartinantinyainvoiceandaakanterbuatdengannamaINV001dst.

d. InvoiceNumber:darinilaiberapaandaakanmemulaimembuatinvoice.

e. FooterText:untukmenuliskanteksfooterdalaminvoiceyangdikirimkan.

16

5. MembuatDiskon

Selayaknya toko biasa, maka tentu ada diskon atau voucher belanja. Hal ini bukan sajamenarik para cutomer untuk berbelanja di toko anda, namun sebagai strategi agar tetapeksis di dunia ecommerce. Untuk itu, untuk mengatur diskon mana anda dapatmenggunakan menu “Cart rules”. Untuk mengatur cart rules anda dapat memilih “PriceRules”kemudianklik“CartRules”.Untukmenambahkanvouchermakapilih“Addnewcartrule”

Makaakanmunculformyangberisiinformation,conditiondanactions.Informationberisinamavoucher/rulesprice.

Conditions akan berisikan barang apa saja yang akan didiskon/ diberi voucher. Disiniterdapat totalminimumamountyangberartihargaminimumprodukyangdidiskon.Totalavailable merupakan banyaknya produk yang didiskon. Anda dapat memberikan tandacentangpada“Productselection”kemudianpilihprodukyangakandidiskon.

17

Actions berisi keterangan diskon yang diberikan berapa persen, diskonnya hanya untukprodukapa saja.PilihPercent jikamodel voucher/diskonyangdiinginkanberupapersen.Pilihamountjikaberupapotonganharga.Tulispotonganyangakanandaberikan.Kemudiantuliskandiskoniniberlakuuntukbarangtertentuatausemuabarang.Apabilatelahselesai,makaandadapatmemilih“Save”

Pengaturan diskon juga dapat langsung dilakukan lewat menu “Catalog” kemudian pilh“Product”. Beberapa barang yang akan dijual tadimisalnya akan anda beri harga diskon.Maka,yangandaharuslakukanyaitupilihbarangkemudianklik“Edit”

18

Kemudianpilih“Prices”

Setelahitupilih“Addanewspecificprice”kemudianakanmunculpopUpeditoruntukdiskon,andabisamengisidatauntukdiskonyangakanditerapkan.

Adapunketentuanmengaturdiskonyaitu:

a.Untukmengaturdiskonkehanyagrouppelanggantertentu,settingpada"Semuagroup"

b.Setingtanggalsejakkapandiskondimulaidanberakhir.

c.Untukmemberikanhargalamadicoretdenganperhitunganjumlah,set"Mulai"denganangka 1 ( jika dimulai selain angka 1, maka harga sale di system akan berlaku jikapengunjungmembelidarijumlahyangdicantumkanataulebih).

d.Pada"terapkandiskondari",masukkanjumlahdiskonyanginginditerapkandansetkeJumlah.

19

e. Pengaturan diskon dalam "Jumlah" digunakan untuk membuat diskon dalam bentukjumlahkedalamproduk.

Setelahdiatur,makaperubahannyadapatdilihatpadatokoonlineanda.Terdapatgarismiringpadahargaproduk.

6. MengaturPengirimanBarang(Shipping)

Karena sifatnya adalah toko online, maka tentu saja proses pengiriman barang kepadapembeli menggunakan penyedia jasa paket. Namun, anda tidak boleh langsungmenyerahkannyadenganjasapaket.Tokoonlinedenganpenyediajasapaketharussinkrondalam urusan pengiriman barang. Misalnya dalam urusan status pengiriman. Hal inidikarenakantokoonlinebertanggung jawabpenuhterhadapbarangyangdibelicustomer.

20

Untukmengaturpengirimanbarang,andadapatmemilihmenu“Shipping”kemudianpilih“Carrier”.Untukmenambahpengirimanpaketandadapatmemilih“Addnewcarrier”.

Setelahitu,pilih“Addnewcarrier”.

Kemudianagarshippingdapatberjalanlengkapisemuakonfigurasinya.PadaGeneralSettinglengkapi semua informasimasukkan jugagambarpaketshipping jikadiperlukan.Lalupilihnext.

Kemudianmasuk ke tahap Shipping Location & Costs kemudian lengkapi form tersebut.Isikan lokasimana saja yang dapat dijangkau oleh penyedia paket. Kemudian pajak sertaberatprodukyangakandiangkut.Setelahitupilihnext.

21

Lalutentukanmaksimumlebar,tinggi,beratdaribarangyangdikirim.Kemudianpilih“next”.

Makaakanmunculresumedarisemuayangdiisikankemudianpilihfinish.

Maka,penyediajasapengirimanpaketyangandainginkansudahditambahkan.

7. MengaturMetodePembayaran

Selain mengelola pesanan, mengatur pengiriman barang, mengatur metode pembayaranjuga sangat penting. Karena inti dari pembuatan toko online ini yaitu transaksi jual beli.Untuk itu, anda harus mengatur metode pembayaran apakah transfer langsung melaluibank,lewatpaypal,kartukreditatauCOD.Adapuncaranyayaitu,andadapatmemilihmenu“ModulesandService”kemudianpilih“Payment”.

22

Secaradefault,Prestashoptelahmemberikanmetodepembayaransepertigambardibawahini.Padakolom“CurrencyRestrictions”andadapatmelihatmatauangyangdigunakansertacarapembayaranmelaluibankdancek.

Secara default, Prestashop telah memberikan metode pembayaran menggunakan “BankWire” dan “Payment byCheck”.Namun jangan khawatir, andadapatmenambahkan carapembayaranmelaluisuatumodules.

Untukmenambahmodules,makaandadapatmenginstallmodulessesuaikebutuhan.Untukmengetahuimodulesapasajayangdigunakandalamurusanpembayaranmakaandadapatklikpada“Viewallavailablepaymentssolutions”.

23

Andadapatmemilihmodulessesuaikebutuhan.Adabeberapamodulesyangfreedapatdengangratisandainstalldanbeberapamodulesyangberbayar.

Misalnya,andainginmenambahkanmetodepembayaranmelalui“CashonDelivery”makaberitandacentangpada“CashonDelivery”kemudianklik“Install”.

Tungguhinggaprosespenginstallanselesai.Apabilatelahmuncultulisan“Modulesinstalledsuccesfully”makamodulestelahterinstall.

Setelahbeberapamodulesterinstallmakaandaperlumengaturnyaterlebihdahuludengancaraklik“Configure”padamodules.Misalnyaandainginmengaturtransfer(Bankwire).

Tuliskannamapemilkrekening,nomorrekeningdanalamatbank.KarenadisiniPrestashopmerupakanCMSecommerce yang sifatnya general.Maka, untuk konfigurasi denganbanklokal,andaperlumenginstallmodulesbankwiresendiri.

24

8. MengaturTampilanTokoOnline

Tampilan berkaitan dengan modules dan tema pada toko anda. Silahkan pilih menu“ModulesandServices”.Padabagiankolom“Moduleslist”andadapatmengetahuimodule-module yang terpasangpadae-commerce anda.Misalnya anda inginmerubahmenubar,maka anda harusmerubah konfigurasimodules “TopHorizontalMenu”.Untukmerubahkonfigurasiiniandadapatmemilih“Configure”.

Kemudianpilihkategoriapasajayanginginandatambahkanpadamenubar.Pilih“Add”kemudian“Save”.

Makacekpadabrowser,menubartelahberubah.

25

Selainmerubahmenubar,andajugadapatmemberikansliderpadatokoanda.Slidermerupakangambarberjalanyangadapadatampilanawaltokoanda.Biasanyaberisigambarpromodiskonatauprodukterbaru.

Pengaturansliderdisinibiasanyamenggunakanmodules.Untukmencarimodulesapayangmengatur slder maka pilih menu “Modules and Services” kemudian klik “Modules andServices”.Tuliskan“slider”padakolomsearch.Makaakanmunculmodulesyangdigunakan.Untukmengaturnyamakaklik“Configure”.

Untukmenambahgambarpadaslidermakaklik“AddNew”.

26

Kemudianpilihgambarlalusesuaikandenganslideryanginginandabuat.Setelahselesaipilih“Save”.

Isikansesuaikeinginanandaberapagambaryangdijadikanslider.Setelahselesaimakaakanmuncultampilansepertiini:

Setelahselesaicobacektokoonlineanda,makasliderakanberubah.

27

Dalammengaturtampilantoko,pemasanganlogojugapenting.Untukmemasanglogotoko,makaandadapatmemilihmenu“Preference”kemudianpilih“Themes”.Lalupilih“AddFile”kemudianpilihgambarlogo.

Setelahgambarlogoteruploadmakaklik“Save”.

Andadapatlihatdibrowser,logotokoandatelahberubah.

28

Menubarsudah,slidersudah, logosudahmakasekarangadalahmengelolagambar iklan.Sebagaitoko,tentunyaiklanmerupakanhalyangpenting.Entahitupromoprodukterbaru,jenis- jenis produk yang ditawarkan, promo diskon dan sebagainya. Di pretashop, untukmengelola gambar iklan ini sangat mudah. Anda hanya perlu memanfaatkan “ThemeConfigurator”. Anda dapat mengubah gambar- gambar tersebut menjadi spot iklan.Terdapat beberapa kolom yang dapat andamanfaatkan seperti, home, bagian kiri, kananatauatas.

Untukmerubahbagianatasmakaklik“Edit”.

Ubahsesuaikeinginanandadarimulaigambariklan,deskripsihinggalinkhtmlnya.Untukmemilihgambarklik“choosefile”lalupilihgambariklan.Andajugadapatmengaturlebardanpanjangdarigamabar.Setelahitupilih“Save”.

29

Cektokoonlineanda,makagambariklantelahberubah.

Selain gambar iklan, header dan footer merupakan hal yang tidak bisa dilupakan. Untukmenggantiheader,makaandadapatmemilihmenu“Preference”kemudianpilih“Themes”juga.Lalupilih“ThemeConfigurator”.

Anda dapat mengatur apa saja yang dapat ditampilkan pada toko online anda. Untukmenggantiheader/bannermakapilih“Displaytopbanner”kemudian“Configure”.

30

Uploadgambarbannerandausahakandenganukuran1170x65px.Dengancara“Addfile”setelahitu“Save”.

Kemudiancektokoonlineanda,makabannertelahterpasang.

31

Untukmengaturfooter,andamasihtetapberkutatpada“ThemeConfigurator”.

Pilih“Displayyourcontactinformation”kemudian“YES”laluconfigure.

Laluisisesuaialamatdannomortelepontokoanda.Kemudianpilih“Save”

Maka,informasitokoandatelahsesuai.

Dari kesekian banyak konfigurasi tersebut sepertinyamerubah temamerupakan hal yangpaling penting. anda dapat mengganti tema dengan cara pilih menu “Preferences”kemudianpilih“Themes”.Terdapatbermacam-macamtemayangdapatandabeli.

32

Apabilaandatelahmendownlaodtemplate/temamakapilih“Addnewtheme”.

Adabeberapacarauntukmengimportemplateyaitu“Importfromyourcomputer”,“Importfrom web”, “Import from ftp” dan “Create themes”. Karena anda telah mendownloadtemplatemakapilihkolom“Importfromyourcomputer”kemudianklik“AddFile”.

Lalupilihfiletemplateyangtelahdidownload.Andadapatmendapatkantemplateprestashopsecarafreeatauberbayar.

33

Kemudianpilihtemplateyangtadidiinstall.

Kemudianakanadapilhannuntukmenginstallmodulbawaantemplate,lalu“Save”.Kemudianklik“Finish”

Makatampilantokoonlineandaakanberubahsesuaitemplateyangandapilihtadi.

34

9. MengaturServiceTokoOnline

Untukmengelola service pada toko online, prestashop telahmemberi kemudahanpadapenggunanyadenganmemberikanmenu“AdvancedParameter”.Padamenuinandadapat menyesuaikan/ mengkonfigurasikan servis toko online anda dengan pihak hosting.Padamenu“AdvancedParameter”kemudian“ConfigurationInformation”makaandadapatmelihat detail server yang digunakan, detail database, detail prestashop dan detail mailserver.

Untukmengaturemail,makaandadapatmasukkemenu“AdvancedParameter”kemudianpilih“Email”.Lalupilih“SetmyownSMTP’lalu“Save”.

35

Setelah itu isikanemailSMTPanda.Mengapaharusdiisi?AgaremailSMTPdapatsinkron.Misalnyaadakomplaindaripelanggan,ataupun lupapasswordadminmakapihakhostingakanmengarahkankeemailyangtelahandaisitersebut.

36

TampilanTokoOnlineAkhir Setelahsemuatahapandiatassudahanda lalui,makatokoonlineandasudah jadi.Berikuttampilantokoonlineakhir:

37

38

39