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 modul 2. Lakukan langkah berikut berdasarkan projek bisnes anda. PASTIKAN Anda hanya lakukan apa yang ditunjukkan dalam panduan ini sahaja.
Langkah-Langkah: 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.)
3. Jika anda berjaya login, paparan seperti ini akan muncul. 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, scroll ke bahagian bawah sehingga anda jumpa bahagian Software. Klik pada Softaculous Apps Installer. 6. Paparan ini akan muncul.
7. Gerakkan cursor (mouse) pada gambar bernama Wordpress di situ dan klik Install. 8. Anda akan mendapat paparan seperti berikut:
9. Dibahagian Software Setup ini, anda tidak perlu usik 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.
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:
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 tersebut. Jika anda lupa, anda tidak akan dapat akses kedalam ruangan editor website anda nanti. Pada bahagian Admin Email, masukkan emel personal anda (Yahoo, Gmail atau sebagainya). PASTIKAN ANDA SALIN USERNAME & PASSWORD AGAR ANDA TIDAK LUPA. 12. Jika sudah selesai memasukkan username, password dan email, scroll sahaja sehingga kebawah, dan klik Install.
13. Proses install akan berjalan dan biarkan sahaja. Ianya mengambil masa hanya beberapa saat sahaja. (Bergantung pada connection internet anda) 14. Jika anda berjaya, anda akan dapat paparan seperti ini: 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.
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 yang anda masukkan pada proses pemasangan sebelum ini iaitu pada langkah nombor 11 sebelum ini. *Jika anda lupa, klik pada Lost your password? di bawah bahagian login tersebut.
17. Anda akan masuk ke bahagian Dashboard (admin) sistem website Wordpress: Klik pada perkataan Dismiss untuk membuang bahagian Welcome:
18. Sekarang letak kursor pada menu Appearance dan kemudian klik pada Themes. 19. Kemudian klik pada Add New. 20. Didalam kotak carian, tulis Storefront. 21. Letakkan cursor (mouse) anda dibahagian Storefront, dan klik Install.
22. Klik Activate.
23. Sekarang klik pada Install WooCommerce. 24. Klik Activate.
25. Disini, anda perlu isikan store based, address, city, postcode, currency, dan What type of product do you plan to sell? Klik Let s go! jika sudah selesai.
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.
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.
28. Kemudian, klik pada Skip this step.
29. Klik pada Create a product.
30. Disini, anda perlu masukkan nama produk anda. Kemudian, masukkan maklumat tentang produk anda.
31. Jika sudah selesai, anda scroll kebawah sedikit, 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.
32. Selepas itu, klik Inventory, tick pada Manage stock. Disini, anda perlu masukkan berapa kuantiti produk yang tinggal. Masukkan dibahagian Stock quantity. 33. Kemudian klik pada Shipping. Masukkan Weight ataupun Dimensions untuk produk anda.
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 lagi. 35. Seterusnya, klik pada Select Files dan pilih gambar produk didalam computer / laptop anda.
36. Jika sudah selesai, klik Set product image.
37. Kemudian, anda scroll keatas sedikit, iaitu dibahagian Product Categories. Klik pada + Add New Product Category. Masukkan kategori produk anda. Contohnya, Baju Lelaki. Dan klik pada Add New Product Category. 38. Jika sudah selesai, klik Publish.
39. Kemudian, klik pada WooCommerce, dan Settings.
40. Sekarang, klik pada Shipping. Tujuan setup shipping ini adalah untuk menentukan berapa caj penghantaran yang anda kenakan kepada pelanggan mengikut kawasan mereka.
41. Selepas klik pada Shipping, klik pula Add shipping zone.
42. Masukkan kawasan-kawasan penghantaran. Sebagai contoh, untuk Zone Name, masukkan Semenanjung Malaysia. Kemudian masukkan negeri-negeri di Semenanjung Malaysia dalam bahagian Region.
43. Sekarang, klik pada Add shipping method.
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 produk dihantar secara berjumpa antara penjual dengan pembeli. Klik Add shipping method jika sudah selesai.
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.
47. Kemudian, klik Add shipping zone dan buat pula untuk Sabah & Sarawak. 48. Sekarang, klik pada Add shipping method.
49. Anda boleh pilih cara dan caj penghantaran produk anda. Klik Add shipping method jika sudah selesai.
50. Klik Flat Rate untuk set pada kawasan Sabah / Sarawak pula. 51. Sama juga seperti tadi, pilih Tax Status jika ada, dan masukkan caj penghantaran ke kawasan Sabah & Sarawak. Klik Save changes jika sudah selesai.
52. Sekarang, klik pada tab Checkout. 53. Akan ada beberapa pilihan pembayaran. BACS bermaksud bank transfer. Untuk contoh ini, klik pada BACS.
54. Dibahagian ini, anda boleh biarkan sahaja ayat-ayat yang telah tersedia. Anda boleh menukarnya dengan ayat sendiri, jika mahu. Yang paling penting adalah dengan memasukkan info anda didalam ruangan Account Details. Jika sudah selesai, klik Save changes.
55. Sekarang, pergi ke Settings dan klik Reading.
56. Disini, pilih A static page. Dibahagian Front page pula pilih Shop. Klik Save Changes, jika sudah selesai.
57. Sekarang, pergi pula ke Appearance dan klik Widgets.
58. Kemudian, klik pada Manage with Live Preview. 59. Kemudian, klik Sidebar.
60. Klik + Add a Widget. 61. Klik Cart.
62. Anda boleh tukar perkataan dibahagian Title jika mahu. Sekarang, klik + Add a Widget.
63. Sekarang, klik pada Product Categories.
Di bahagian Title, anda boleh tukarkan dengan perkataan yang anda mahu. Sebagai contoh, tukar kepada Product.
64. Sekarang, klik Publish.
65. Jika button tersebut bertukar menjadi Published, klik pada icon x (pangkah)
66. Sekarang anda dapat lihat ada widget baru dibahagian Sidebar yang anda kosongkan tadi. Anda boleh menambah widget-widget lain jika mahu. Tetapi disarankan jangan letak terlalu banyak oleh kerana akan menyebabkan laman web anda menjadi serabut.
67. Sekarang, klik pula pada Pages.
68. Di Sample Page, klik Trash. (Gerakkan cursor (mouse) anda ke bahagian Sample Page tersebut untuk lihat menu Trash tersebut.)
69. Sekarang, klik pada Add New. 70. Anda boleh buat page baru iaitu page About Us / Tentang Kami. Masukkan tajuk page, masukkan maklumat lanjut mengenai anda atau syarikat. Kemudian, klik Publish.
71. Klik Add New untuk membuat page baru lagi. 72. Kali ini, buat page untuk Contact Us atau Hubungi Kami. Klik Publish jika sudah selesai.
73. Sekarang, anda klik pada icon Home. 74. Tadaaaaaaa. Sekarang laman web shopping cart anda telah pun siap! Sekarang, tugas anda adalah untuk menambah lagi produk-produk anda yang lain.
75. Caranya, letakkan cursor (mouse) di bar atas dan dropdown akan muncul seperti gambar dibawah. Klik Dashboard.
76. Klik pada Products dan klik Add Product. Anda ulang semula step seperti yang telah anda lakukan pada nombor 30 iaitu cara untuk memasukkan produk kedalam laman web anda.
77. Ini adalah contoh laman web yang telah siap dengan beberapa produk didalamnya.
----------------------TAMAT----------------------