Prestashop

Tutorial - Creating an Online

Shop in just 30 minutes
Version 1.6

DAFTAR ISI

Tahap Persiapan ................................................................................................................... 3
Memulai pembuatan Toko Online ....................................................................................... 4
1.Login ...................................................................................................................... 4
2.Menambah Produk ............................................................................................... 5
3.Mengelola Customer ............................................................................................. 10
4. Mengelola Pesanan .............................................................................................. 12
5.Membuat Diskon ................................................................................................... 15
6.Mengatur Pengiriman Barang (Shipping) .............................................................. 18
7.Mengatur Metode Pembayaran ............................................................................ 20
8.Mengatur Tampilan Toko Online ........................................................................... 23
9.Mengatur Service Toko Online .............................................................................. 33
Tampilan Toko Online Akhir ................................................................................................. 35

Tahap Persiapan
Sebelum anda memutuskan untuk membuat toko online, pastinya ada beberapa
hal yang perlu anda pikirkan. Adapun hal- hal tersebut yaitu :

1. Tentukan barang apa yang akan dijual di toko online

Sebelum membuat toko online maka tentukan barang yang akan anda jual.
Misalnya anda ingin menjual produk gadget seperti laptop, komputer, smartphone
beserta aksesorisnya. Maka, anda harus menyesuaikan tema tampilan dengan toko
anda.
2. Tentukan pasar toko online anda
Setelah menentukan barang yang akan dijual maka tentukan pasar yang anda tuju.
Misalnya pasar yang anda tuju adalah mahasiswa atau masyarakat biasa. Pasar
dalam negeri atau pasar luar negeri. Hal ini berkaitan dengan metode pembayaran
dan pengiriman paket.

Memulai Pembuatan Toko Online

Setelah menentukan barang dan pasar yang dituju, maka sekaranglah waktunya
untuk membuat toko online. Untuk kali ini, barang yang akan dijual yaitu peralatan seperti
laptop, komputer, smartphone beserta aksesorisnya. Sehingga toko online ini bergerak
dibidang ecommerce gadget. Adapun pasar yang dituju yaitu mahasiswa dan masyarakat
biasa dalam negeri. Untuk tahapan- tahapan dalam membuat toko online yaitu sebagai
berikut :

1. Login
Untuk membuat toko online, yang perlu anda lakukan yaitu login. Untuk login, anda dapat
langsung mengetikkan http://domain-anda.com/admin123 pada browser. Maka akan
muncul gambar seperti di bawah ini. Kemudian masukkan username dan password anda.

Setelah itu, masukkan username dan password anda kemudian pilih “Login”. Maka anda akan masuk
ke dalam admin panel dari Prestashop.

2. Menambah Produk
Setelah masuk ke halaman admin panel, maka anda dapat menambahkan produk/ barang
yang ingin anda jual. Kali ini kita akan membuat toko online mengenai gadget, maka produk
yang dijual yaitu laptop, komputer, smartphone beserta aksesorisnya. Untuk menambah
produk, anda dapat memilih menu “Catalog” pada sidebar kemudian pilih “Products”.

Maka akan muncul tampilan seperti berikut :

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

Pada bagian kiri terdapat detail produk dari mulai informasi produk, harga, pemesanan,
kuantitas dan lain- lain. Isikan sesuai dengan detail produk yang akan anda jual.

1. Information

Berisi mengenai detail produk yang ingin anda jual. Adapun keterangannya yaitu :

a. Nama/Name
Berguna untuk mengisi nama produk anda.
b. Referensi / Kode Produk
Berguna untuk mengisi Kode produk anda supaya mempermudah pemesanan produk
anda.
c. Pemasok referensi/ Manufacture Reference
Berguna untuk memberikan Kode pada pemasok produk tersebut.
d. EAN13 atau JAN
Berguna untuk memasukkan Kode pajak *tidak perlu diisi
e. UPC
Berguna untuk memasukkan kode Jasa Urir UPC *tidak perlu diisi
f. Short Description
Deskripsi singkat mengenai produk.
g. Description
Deskripsi mengenai produk secara lengkap.

h. Tags
Merupakan tags/ label dari beberapa produk yang dijual.
Setelah diisi sesuai dengan detail produk, maka anda dapat menyimpannya dengan cara
memilih “Save”.

2. Price

Untuk menambahkan harga produk, maka anda dapat memilih “Price”. Kemudian pada
bagian “Product Price” tuliskan harga dari produk anda. Kemudian “Save”.

3. Images

Untuk menambahkan gambar pada produk yang ingin anda jual, maka pilih “Images”

Setelah itu, pilih “Add files”. Pilih gambar produk yang ingin ditambahkan.

Kemudian, klik “Upload Files”

Maka gambar produk akan muncul. Setelah gambar produk di upload maka klik “Save”.

Detail produk telah ditambah, harga produk beserta gambar produk juga telah di
tambahkan, maka untuk selanjutnya silahkan cek toko online yang anda buat dengan cara
menuliskan domain website anda di browser. Selain itu, anda bisa cek dengan cara klik “My
Shop” pada toolbar.

Maka, produk yang anda tambahkan tadi telah muncul.

Setelah produk ditambahkan, untuk mempermudah customer dalam memilih produk maka
anda harus membagi produk dalam beberapa kategori. Adapun kategori dari toko online ini
yaitu Handphone, Laptop, dan Aksesoris. Untuk menambah kategori produk, maka anda
dapat memilih menu “Catalog” kemudian pilih “Categories”

Pilih “Add new category”

Setelah itu isikan kategori dari produk- produk anda. Kemudian “Save”.

Untuk mengatur kategori dalam produk, anda bisa pilih menu “Catalog” kemudian
“Product”. Edit produk yang ingin diberikan jenis kategorinya. Setelah itu, beri tanda
centang pada “Associated categories”. Pilih kategori yang anda inginkan misalnya produk
Xiaomi Mi3 masuk dalam kategori Handphone. Setelah itu klik “Save”.

Maka, produk anda telah terbagi dalam beberapa kategori.

3. Mengelola Customer
Selain produk, tentu saja anda bisa memantau customer yang mengakses website anda.
Anda dapat mengelolanya dengan memilih menu “Customer” kemudian klik “Customer”.
Dengan memilih menu ini maka anda dapat mengetahui siapa saja yang menjadi customer
dari toko anda, alamat customer, email dan umur customer serta produk apa saja yang
dibeli. Dengan data ini, maka toko online dapat menghitung statistik data pemasukan dan
10



data customer pertahun. Sebagai admin, anda dapat mengubah customer dengan cara
berikan tanda centang pada nama customer yang ingin diubah, kemudian pilih “Edit”.

Anda juga dapat menambah customer dengan memilih “Add new customer”. Setelah itu
tambahkan detail customer kemudian “Save”

Anda juga dapat mengelola alamat customer dengan cara memilih “Customers” kemudian
pilih “Address”. Maka anda dapat melihat alamat customer. Apabila ingin anda ubah, maka
pilih “Edit”.

11



Apabila anda ingin menambah alamat customer maka pilih “Add new address”. Isikan sesuai
dengan data customer kemudian pilih “Save”. Maka alamat customer telah ditambahkan.

4. Mengelola Pesanan (Order)

Setelah menambahkan detail produk, foto produk dan harga produk, maka toko online siap
untuk go publik. Namun anda perlu rule atau bantuan untuk mengelola pesanan dari
customer. Untuk mengelola pesanan dari customer, anda dapat memilih menu “Orders”
kemudian pilih “Orders”. Didalam halaman order ini, anda dapat mengelola pesanan dari
pada customer.

Untuk melihat pesanan dari customer, maka anda dapat memilih “View” kemudian
mengecek pesanan customer. Apakah ada yang salah atau tidak.

12



Anda dapat mengganti status barang yang sudah dipilih customer. Apakah sudah dibayar
ataukah dicancel oleh customer.

Anda juga dapat mengetahui detail customer. Dari mulai alamat email, tanggal registrasi, dan
sebagainya.

Selain itu, anda dapat mengelola paket produk seperti berat paket, harga paket, serta alamat
pengiriman paket

13



Selain melihat paket, dan pesanan anda juga dapat mengelola pembayaran yang dilakukan
oleh customer. Apabila dari pihak toko online ingin memberikan pesan terhadap customer,
anda dapat menambahkan pesan pada kolom message.

Tentunya, anda juga dapat mengetahui produk apa saja yang dibeli oleh customer. Dari
mulai jumlah, warna dan sebagainya. Pada halaman ini anda dapat mengetahui total
pembayaran yang harus dibayarkan oleh customer.

Setelah mengatur pesanan customer, anda juga harus mengatur invoice atau faktur
penjualan yang digunakan sebagai bukti pembelian yang berisi informasi jumlah, metode
pembayaran, dan alamat yang diberikan kepada customer agar mereka segera melakukan
pembayaran, sehingga order dapat diproses oleh pemilik toko online. Anda bisa
melakukannya dengan cara memilih menu “Orders” kemudian pilih “Invoices”

14



Lalu anda akan masuk ke halaman invoice. Pada halaman ini terdapat tanggal untuk
pengiriman invoice kepada customer, status order hingga pengaturan invoice. Setelah
selesai pengaturan invoice maka pilih “Save”

Adapun keterangannya adalah sebagai berikut,

a. Enable Invoice: pilih opsi "YES" agar customer bisa menerima invoice dari pembelian
mereka.
b. Enable the breakdown of taxes on the invoice: pilih opsi "No" jika anda tidak
menerapkan pajak pembelian terhadap customer anda.
c. Invoice Prefix: untuk mensetting awalan invoice misal anda bisa isikan dengan "INV".
Ini berarti nantinya invoice anda akan terbuat dengan nama INV001 dst.
d. Invoice Number: dari nilai berapa anda akan memulai membuat invoice.
e. Footer Text: untuk menuliskan teks footer dalam invoice yang dikirimkan.

15



5. Membuat Diskon
Selayaknya toko biasa, maka tentu ada diskon atau voucher belanja. Hal ini bukan saja
menarik para cutomer untuk berbelanja di toko anda, namun sebagai strategi agar tetap
eksis di dunia ecommerce. Untuk itu, untuk mengatur diskon mana anda dapat
menggunakan menu “Cart rules”. Untuk mengatur cart rules anda dapat memilih “Price
Rules” kemudian klik “Cart Rules”. Untuk menambahkan voucher maka pilih “Add new cart
rule”

Maka akan muncul form yang berisi information, condition dan actions. Information berisi
nama voucher/ rules price.

Conditions akan berisikan barang apa saja yang akan didiskon/ diberi voucher. Disini
terdapat total minimum amount yang berarti harga minimum produk yang didiskon. Total
available merupakan banyaknya produk yang didiskon. Anda dapat memberikan tanda
centang pada “Product selection” kemudian pilih produk yang akan didiskon.

16



Actions berisi keterangan diskon yang diberikan berapa persen, diskonnya hanya untuk
produk apa saja. Pilih Percent jika model voucher/ diskon yang diinginkan berupa persen.
Pilih amount jika berupa potongan harga. Tulis potongan yang akan anda berikan. Kemudian
tuliskan diskon ini berlaku untuk barang tertentu atau semua barang. Apabila telah selesai,
maka anda dapat memilih “Save”

Pengaturan diskon juga dapat langsung dilakukan lewat menu “Catalog” kemudian pilh
“Product”. Beberapa barang yang akan dijual tadi misalnya akan anda beri harga diskon.
Maka, yang anda harus lakukan yaitu pilih barang kemudian klik “Edit”

17



Kemudian pilih “Prices”

Setelah itu pilih “Add a new specific price” kemudian akan muncul pop Up editor untuk
diskon, anda bisa mengisi data untuk diskon yang akan diterapkan.

Adapun ketentuan mengatur diskon yaitu :

a. Untuk mengatur diskon ke hanya group pelanggan tertentu, setting pada "Semua group"

b. Seting tanggal sejak kapan diskon dimulai dan berakhir.

c. Untuk memberikan harga lama dicoret dengan perhitungan jumlah, set " Mulai " dengan
angka 1 ( jika dimulai selain angka 1, maka harga sale di system akan berlaku jika
pengunjung membeli dari jumlah yang dicantumkan atau lebih).

d. Pada " terapkan diskon dari " , masukkan jumlah diskon yang ingin diterapkan dan set ke
Jumlah.

18



e. Pengaturan diskon dalam "Jumlah" digunakan untuk membuat diskon dalam bentuk
jumlah kedalam produk.

Setelah diatur, maka perubahannya dapat dilihat pada toko online anda. Terdapat garis
miring pada harga produk.

6. Mengatur Pengiriman Barang (Shipping)

Karena sifatnya adalah toko online, maka tentu saja proses pengiriman barang kepada
pembeli menggunakan penyedia jasa paket. Namun, anda tidak boleh langsung
menyerahkannya dengan jasa paket. Toko online dengan penyedia jasa paket harus sinkron
dalam urusan pengiriman barang. Misalnya dalam urusan status pengiriman. Hal ini
dikarenakan toko online bertanggung jawab penuh terhadap barang yang dibeli customer.

19



Untuk mengatur pengiriman barang, anda dapat memilih menu “Shipping” kemudian pilih
“Carrier”. Untuk menambah pengiriman paket anda dapat memilih “Add new carrier”.

Setelah itu, pilih “Add new carrier”.

Kemudian agar shipping dapat berjalan lengkapi semua konfigurasinya. Pada General Setting
lengkapi semua informasi masukkan juga gambar paket shipping jika diperlukan. Lalu pilih
next.

Kemudian masuk ke tahap Shipping Location & Costs kemudian lengkapi form tersebut.
Isikan lokasi mana saja yang dapat dijangkau oleh penyedia paket. Kemudian pajak serta
berat produk yang akan diangkut. Setelah itu pilih next.

20



Lalu tentukan maksimum lebar, tinggi, berat dari barang yang dikirim. Kemudian pilih
“next”.

Maka akan muncul resume dari semua yang diisikan kemudian pilih finish.

Maka, penyedia jasa pengiriman paket yang anda inginkan sudah ditambahkan.

7. Mengatur Metode Pembayaran

Selain mengelola pesanan, mengatur pengiriman barang, mengatur metode pembayaran
juga sangat penting. Karena inti dari pembuatan toko online ini yaitu transaksi jual beli.
Untuk itu, anda harus mengatur metode pembayaran apakah transfer langsung melalui
bank, lewat paypal, kartu kredit atau COD. Adapun caranya yaitu, anda dapat memilih menu
“Modules and Service” kemudian pilih “Payment”.

21



Secara default, Prestashop telah memberikan metode pembayaran seperti gambar di bawah
ini. Pada kolom “Currency Restrictions” anda dapat melihat mata uang yang digunakan serta
cara pembayaran melalui bank dan cek.

Secara default, Prestashop telah memberikan metode pembayaran menggunakan “Bank

Wire” dan “Payment by Check”. Namun jangan khawatir, anda dapat menambahkan cara
pembayaran melalui suatu modules.

Untuk menambah modules, maka anda dapat menginstall modules sesuai kebutuhan. Untuk
mengetahui modules apa saja yang digunakan dalam urusan pembayaran maka anda dapat
klik pada “View all available payments solutions”.

22



Anda dapat memilih modules sesuai kebutuhan. Ada beberapa modules yang free dapat
dengan gratis anda install dan beberapa modules yang berbayar.

Misalnya, anda ingin menambahkan metode pembayaran melalui “Cash on Delivery” maka
beri tanda centang pada “Cash on Delivery” kemudian klik “Install”.

Tunggu hingga proses penginstallan selesai. Apabila telah muncul tulisan “Modules installed
succesfully” maka modules telah terinstall.

Setelah beberapa modules terinstall maka anda perlu mengaturnya terlebih dahulu dengan
cara klik “Configure” pada modules. Misalnya anda ingin mengatur transfer (Bank wire).

Tuliskan nama pemilk rekening, nomor rekening dan alamat bank. Karena disini Prestashop
merupakan CMS ecommerce yang sifatnya general. Maka, untuk konfigurasi dengan bank
lokal, anda perlu menginstall modules bank wire sendiri.

23



8. Mengatur Tampilan Toko Online
Tampilan berkaitan dengan modules dan tema pada toko anda. Silahkan pilih menu
“Modules and Services”. Pada bagian kolom “Modules list” anda dapat mengetahui module-
module yang terpasang pada e-commerce anda. Misalnya anda ingin merubah menu bar,
maka anda harus merubah konfigurasi modules “Top Horizontal Menu”. Untuk merubah
konfigurasi ini anda dapat memilih “Configure”.

Kemudian pilih kategori apa saja yang ingin anda tambahkan pada menu bar. Pilih “Add”
kemudian “Save”.

Maka cek pada browser, menu bar telah berubah.

24



Selain merubah menu bar, anda juga dapat memberikan slider pada toko anda. Slider
merupakan gambar berjalan yang ada pada tampilan awal toko anda. Biasanya berisi
gambar promo diskon atau produk terbaru.

Pengaturan slider di sini biasanya menggunakan modules. Untuk mencari modules apa yang
mengatur slder maka pilih menu “Modules and Services” kemudian klik “Modules and
Services”. Tuliskan “slider” pada kolom search. Maka akan muncul modules yang digunakan.
Untuk mengaturnya maka klik “Configure”.

Untuk menambah gambar pada slider maka klik “Add New”.

25



Kemudian pilih gambar lalu sesuaikan dengan slider yang ingin anda buat. Setelah selesai
pilih “Save”.

Isikan sesuai keinginan anda berapa gambar yang dijadikan slider. Setelah selesai maka
akan muncul tampilan seperti ini :

Setelah selesai coba cek toko online anda, maka slider akan berubah.

26



Dalam mengatur tampilan toko, pemasangan logo juga penting. Untuk memasang logo toko,
maka anda dapat memilih menu “Preference” kemudian pilih “Themes”. Lalu pilih “Add File”
kemudian pilih gambar logo.

Setelah gambar logo terupload maka klik “Save”.

Anda dapat lihat di browser, logo toko anda telah berubah.

27



Menu bar sudah, slider sudah, logo sudah maka sekarang adalah mengelola gambar iklan.
Sebagai toko, tentunya iklan merupakan hal yang penting. Entah itu promo produk terbaru,
jenis- jenis produk yang ditawarkan, promo diskon dan sebagainya. Di pretashop, untuk
mengelola gambar iklan ini sangat mudah. Anda hanya perlu memanfaatkan “Theme
Configurator”. Anda dapat mengubah gambar- gambar tersebut menjadi spot iklan.
Terdapat beberapa kolom yang dapat anda manfaatkan seperti, home, bagian kiri, kanan
atau atas.

Untuk merubah bagian atas maka klik “Edit”.

Ubah sesuai keinginan anda dari mulai gambar iklan, deskripsi hingga link htmlnya. Untuk
memilih gambar klik “choose file” lalu pilih gambar iklan. Anda juga dapat mengatur lebar
dan panjang dari gamabar. Setelah itu pilih “Save”.

28



Cek toko online anda, maka gambar iklan telah berubah.

Selain gambar iklan, header dan footer merupakan hal yang tidak bisa dilupakan. Untuk
mengganti header, maka anda dapat memilih menu “Preference” kemudian pilih “Themes”
juga. Lalu pilih “Theme Configurator”.

Anda dapat mengatur apa saja yang dapat ditampilkan pada toko online anda. Untuk
mengganti header/ banner maka pilih “Display top banner” kemudian “Configure”.

29



Upload gambar banner anda usahakan dengan ukuran 1170 x 65px. Dengan cara “Add file”
setelah itu “Save”.

Kemudian cek toko online anda, maka banner telah terpasang.

30



Untuk mengatur footer, anda masih tetap berkutat pada “Theme Configurator”.

Pilih “Display your contact information” kemudian “YES” lalu configure.

Lalu isi sesuai alamat dan nomor telepon toko anda. Kemudian pilih “Save”

Maka, informasi toko anda telah sesuai.

Dari kesekian banyak konfigurasi tersebut sepertinya merubah tema merupakan hal yang
paling penting. anda dapat mengganti tema dengan cara pilih menu “Preferences”
kemudian pilih “Themes”. Terdapat bermacam- macam tema yang dapat anda beli.

31



Apabila anda telah mendownlaod template/ tema maka pilih “Add new theme”.

Ada beberapa cara untuk mengimpor template yaitu “Import from your computer”, “Import
from web”, “Import from ftp” dan “Create themes”. Karena anda telah mendownload
template maka pilih kolom “Import from your computer” kemudian klik “Add File”.

Lalu pilih file template yang telah didownload. Anda dapat mendapatkan template
prestashop secara free atau berbayar.

32



Kemudian pilih template yang tadi diinstall.

Kemudian akan ada pilhann untuk menginstall modul bawaan template, lalu “Save”.
Kemudian klik “Finish”

Maka tampilan toko online anda akan berubah sesuai template yang anda pilih tadi.

33



9. Mengatur Service Toko Online
Untuk mengelola service pada toko online, prestashop telah memberi kemudahan
pada penggunanya dengan memberikan menu “Advanced Parameter”. Pada menu in anda
dapat menyesuaikan/ mengkonfigurasikan servis toko online anda dengan pihak hosting.
Pada menu “Advanced Parameter” kemudian “Configuration Information” maka anda dapat
melihat detail server yang digunakan, detail database, detail prestashop dan detail mail
server.

Untuk mengatur email, maka anda dapat masuk ke menu “Advanced Parameter” kemudian
pilih “Email”. Lalu pilih “Set my own SMTP’ lalu “Save”.

34



Setelah itu isikan email SMTP anda. Mengapa harus diisi? Agar email SMTP dapat sinkron.
Misalnya ada komplain dari pelanggan, ataupun lupa password admin maka pihak hosting
akan mengarahkan ke email yang telah anda isi tersebut.

35



Tampilan Toko Online Akhir

Setelah semua tahapan diatas sudah anda lalui, maka toko online anda sudah jadi.
Berikut tampilan toko online akhir :

36



37



38



39