p a g e | 1 - openedu.com.my · penting: pastikan anda sudah mempunyai domain dan juga hosting....

P a g e | 1

Hakcipta terpelihara © Irfan Khairi Sdn Bhd

P a g e | 2


Panduan Setup Website - Jenis Shopping Cart

Penting:

Pastikan anda sudah mempunyai domain dan juga hosting.

Dalam contoh ini, kami akan menggunakan domain ikwebhosting.com

sebagai contoh. Anda perlu gunakan domain anda sendiri.

Panduan ini adalah untuk membina website jenis shopping cart. Untuk

panduan membina laman web jenis salesletter atau brochure, sila

download panduan yang telah disediakan diruangan material pembelajaran

modul2.

Lakukan langkah berikut berdasarkan projek bisnes anda.

PASTIKAN… Anda hanya lakukan apa yang ditunjukkan dalam panduan ini

sahaja.

P a g e | 3


Cara Install Website.

1. Buka browser anda dan taip URL Cpanel anda. Contoh:

http://ikwebhosting.com/cpanel

(gantikan ikwebhosting.com kepada nama domain anda sendiri)

2. Login ke Cpanel dengan memasukkan username dan password anda.

(Jika anda terlupa / hilang username & password cPanel, check semula dalam

email. Kebiasaannya, tajuk email tersebut adalah “cPanel Account Information”.)

P a g e | 4


3. Jika anda berjaya login, paparan seperti ini akan muncul.

P a g e | 5


4. Jika ada bahagian Welcome New User, Do you need help…? Abaikannya. Tick

pada Don’t show this again dan kemudian klik pada No, I’m fine. Thanks!

5. Sekarang, skoll ke bawah hingga ke bahagian Software. Klik pada Softaculous

Apps Installer.

P a g e | 6


6. Paparan seperti ini akan muncul.

7. Gerakkan cursor (mouse) pada gambar bernama Wordpress dan klik Install.

P a g e | 7


8. Anda akan mendapat paparan seperti berikut:

P a g e | 8


9. Dibahagian Software Setup ini, anda tidak perlu lakukan apa-apa.

Nota: Dibahagian Choose Domain, jika anda mempunyai beberapa domain dalam

hosting ini, pastikan anda memilih domain yang anda mahu gunakan untuk

website shopping cart ini. Jika mempunyai satu domain, biarkan sahaja.

Pada bahagian In Directory, jangan isi apa-apa. Jika ada perkataan secara

automatik (bukan anda yang masukkan), delete / buang perkataan tersebut.

Biarkan ianya kosong sahaja.

P a g e | 9


10. Kemudian pada bahagian Site Settings, masukkan Site Name dan juga Site

Description.

Pada Site Name, masukkan nama produk / bisnes anda. Pada Site Description,

masukkan keterangan ringkas produk (seperti slogan ringkas).

Kedua-dua bahagian ini boleh diubah nanti pada bila-bila masa walaupun website

sudah siap.

Contoh:

P a g e | 10


11. Kemudian pada bahagian Admin Account, masukkan username dan password

untuk website anda. Anda boleh letak mengikut pilihan anda.

Pastikan guna username dan password yang sukar diteka oleh orang lain. Untuk

username, perlu ditulis dalam satu perkataan.

Pastikan anda salin/ingat username dan password yang anda masukkan. Jika anda

lupa, anda tidak akan dapat akses ke ruangan editor website anda.

Pada bahagian Admin Email, masukkan emel personal anda (Yahoo, Gmail atau

sebagainya).

PASTIKAN ANDA SALIN USERNAME & PASSWORD AGAR ANDA TIDAK LUPA.

P a g e | 11


12. Jika sudah selesai memasukkan username, password dan email, skrol ke

bawah dan klik pada Install.

13. Proses installation akan berjalan dan hanya mengambil masa beberapa saat

sahaja.

P a g e | 12


14. Jika sudah berjaya, anda akan mendapat paparan seperti di bawah:

Terdapat dua link disitu. Link pertama adalah link laman web anda.

Link kedua pula adalah link untuk akses ke dalam editor laman web anda. Pastikan

anda salin (simpan) link tersebut kerana link ini akan anda gunakan untuk edit

kandungan laman web anda.

IANYA SANGAT PENTING UNTUK ANDA INGAT.

P a g e | 13


Cara Install Theme Website.

15. Sekarang, login ke sistem website anda dengan menaip /wp-admin pada

domain anda. Contoh: http://ikwebhosting.com/wp-admin

(gantikan ikwebhosting.com kepada nama domain anda sendiri)

16. Masukkan Username dan Password seperti yang anda sudah lakukan di

langkah 11 sebelum ini.

*Jika anda lupa, klik pada Lost your password? di bawah bahagian login tersebut.

P a g e | 14


17. Anda akan masuk ke bahagian Dashboard (admin) sistem website Wordpress:

Klik pada perkataan Dismiss untuk membuang bahagian Welcome:

P a g e | 15


18. Sekarang letakkan cursor pada menu Appearance dan klik pada Themes.

19. Kemudian klik pada Add New.

20. Didalam kotak carian, tulis Storefront.

P a g e | 16


21. Letakkan cursor (mouse) anda dibahagian Storefront, dan klik Install.

22. Kemudian klik Activate.

P a g e | 17


Cara Memasukkan Produk Ke Dalam Website.

23. Klik pada Install WooCommerce.

24. Klik Activate.

P a g e | 18


25. Disini, anda perlu isikan store based, address, city, post code, currency, dan

What type of product do you plan to sell?

Klik Let’s go! jika sudah selesai.

P a g e | 19


26. Tick pada jenis pembayaran yang anda mahu letakkan di laman web anda. Jika

anda pilih Bank Transfer sahaja, bermaksud pelanggan hanya boleh bayar

menggunakan Bank Transfer sahaja.

Jika sudah selesai, Klik Continue.

P a g e | 20


27. Di bahagian Shipping, anda boleh pilih cara dan caj penghantaran produk

anda.

Flat Rate bermaksud, anda kenakan caj dengan harga yang sama untuk kesemua

negeri di Semenanjung Malaysia. Free Shipping adalah penghantaran percuma

jika produk anda tiada caj penghantaran.

Masukkan Weight dan Dimension untuk produk anda.

Jika sudah selesai, klik Continue.

P a g e | 21


28. Kemudian, klik pada Skip this step.

P a g e | 22


29. Klik pada Create a product.

P a g e | 23


30. Disini, anda perlu masukkan nama produk anda. Kemudian, masukkan

maklumat tentang produk anda.

P a g e | 24


31. Jika sudah selesai, skrol ke bawah dan masukkan harga untuk produk tersebut.

Regular price adalah harga sebenar produk. Sale price pula adalah harga diskaun.

Masukkan harga diskaun disini. Jika tiada diskaun, kosongkan sahaja.

Sebagai contoh, harga sebenar adalah RM43. Tetapi anda ingin membuat promosi

dengan harga RM40 sahaja. Jadi, letakkan RM40 dibahagian Sale Price.

P a g e | 25


32. Kemudian klik Inventory dan tick pada Manage stock.

Disini, anda perlu masukkan berapa kuantiti produk yang masih tinggal. Masukkan

dibahagian Stock quantity.

33. Kemudian klik pada Shipping. Masukkan Weight atau Dimensions untuk

produk anda.

P a g e | 26


34. Sekarang, beralih pula kebahagian disebelah kanan.

Dibahagian Product Image, klik Set product image untuk masukkan gambar

produk anda.

Jika produk anda melebihi satu gambar, klik pada Add product gallery images

untuk menambah gambar.

35. Seterusnya, klik pada Select Files dan pilih gambar produk didalam

komputer/laptop anda.

P a g e | 27


36. Jika sudah selesai, klik Set product image.

P a g e | 28


37. Kemudian, skrol ke atas hingga ke bahagian Product Categories.

Klik pada + Add New Product Category. Masukkan kategori produk anda. Sebagai

contoh Buku Motivasi.

Seterusnya klik pada Add New Product Category.

P a g e | 29


38. Jika sudah selesai, klik Publish.

P a g e | 30


Cara Setting ‘Shipping’.

39. Klik pada WooCommerce, dan klik pada Settings.

P a g e | 31


40. Kemudian klik pada Shipping. Tujuan setup shipping ini adalah untuk

menentukan berapa caj penghantaran yang anda kenakan kepada pelanggan

mengikut kawasan.

P a g e | 32


41. Klik pada Add shipping zone.

P a g e | 33


42. Masukkan kawasan-kawasan penghantaran. Sebagai contoh, untuk Zone

Name, masukkan Semenanjung Malaysia. Kemudian masukkan negeri-negeri di

Semenanjung Malaysia dalam bahagian Region.

P a g e | 34


43. Sekarang, klik pada Add shipping method.

P a g e | 35


44. Anda boleh pilih cara dan caj penghantaran produk anda. Flat Rate

bermaksud, anda kenakan caj dengan harga yang sama untuk kesemua negeri di

Semenanjung Malaysia. Free Shipping adalah penghantaran percuma jika produk

anda tiada caj penghantaran. Pilih Local Pickup jika anda menghantar produk

secara direct kepada pembeli.

Klik Add shipping method jika sudah selesai.

P a g e | 36


45. Kemudian, klik Flat Rate.

46. Pilih status Tax produk anda jika ada.

Masukkan juga Cost untuk caj penghantaran. 7 bermaksud RM7.

Klik Save changes jika sudah selesai.

P a g e | 37


47. Kemudian, klik Add shipping zone dan buat pula untuk Sabah & Sarawak.

48. Sekarang, klik pada Add shipping method.

P a g e | 38


49. Anda boleh pilih cara dan caj penghantaran produk anda.

Klik Add shipping method jika sudah selesai.

P a g e | 39


50. Klik Flat Rate untuk set pada kawasan Sabah / Sarawak pula.

51. Sama juga seperti di langkah 46, pilih Tax Status jika ada, dan masukkan caj

penghantaran ke kawasan Sabah & Sarawak.

Klik Save changes jika sudah selesai.

P a g e | 40


Cara Setting Pembayaran.

52. Sekarang, klik pada tab Checkout.

P a g e | 41


53. Akan ada beberapa pilihan pembayaran. BACS bermaksud bank transfer. Untuk

contoh ini, klik pada BACS.

P a g e | 42


54. Masukkan keterangan akaun bank anda di bahagian Account Details.

Jika sudah selesai, klik Save changes.

P a g e | 43


Cara Hasilkan ‘Page’ Baru.

55. Klik pada Pages.

P a g e | 44


56. Di Sample Page, klik pada Trash.

(Gerakkan cursor (mouse) anda ke bahagian Sample Page untuk melihat menu

‘Trash’ tersebut.)

P a g e | 45


57. Kemudian klik pada Add New.

P a g e | 46


58. Anda boleh buat page baru iaitu page About Us / Tentang Kami.

Masukkan tajuk page, masukkan maklumat lanjut mengenai anda atau syarikat.

Kemudian, klik Publish.

59. Klik Add New untuk membuat page baru yang lain.

P a g e | 47


60. Untuk kali ini, hasilkan page Contact Us atau Hubungi Kami.

Klik Publish jika sudah selesai.

P a g e | 48


61. Kemudian klik pada icon Home.

P a g e | 49


62. Sekarang laman web shopping cart anda telah pun siap!

P a g e | 50


Cara Tambah Produk.

63. Sekarang, tugas anda adalah untuk menambah produk-produk yang lain.

Caranya, letakkan cursor (mouse) di ‘tajuk website anda’ dan dropdown akan

muncul seperti gambar dibawah. Klik pada Dashboard.

P a g e | 51


64. Klik pada Products dan klik Add Product.

Ulang sahaja langkah 32 sebelum ini, iaitu cara untuk memasukkan produk

kedalam laman web anda.

P a g e | 52


65. Ini adalah contoh laman web yang telah siap dengan beberapa produk

didalamnya.

P a g e | 53


Good luck and all the best!

p a g e | 1 - openedu.com.my · penting: pastikan anda sudah mempunyai domain dan juga hosting....

Documents