hakciptaterpelihara © irfan khairi sdn bhd

HakciptaTerpelihara © Irfan Khairi Sdn Bhd


P a g e | 1

Panduan Setup Website Jenis Salesletter.

Penting:

Pastikan anda sudah mempunyai domain dan juga hosting.

Dalam tutorial ini, contoh yang akan digunakan adalah ikwebhosting.com. Anda perlu gunakan domain sendiri yang telah didaftarkan.

Panduan ini adalah untuk membina website jenis Salesletter. Untuk panduan membina website jenis Shopping Cart dan 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.


P a g e | 2

Cara Install Website

1. Buka browser anda dan taip URL Cpanel anda. Sebagai 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, boleh check semula dalam email. Tajuk email tersebut adalah “cpanel information”.)


P a g e | 3

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

4. Skrol ke bahagian bawah sehingga anda jumpa bahagian Software. Klik pada

Softaculous Apps Installer.


P a g e | 4

5. Paparan seperti ini akan muncul.

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

P a g e | 5


7. Anda akan mendapati paparan seperti yang berikut:

8. Dibahagian Software Setup ini, anda tidak perlu ubah apa-apa. Nota: Dibahagian Choose Domain, jika anda mempunyai beberapa domain dalam hosting ini, pastikan anda memilih domain yang anda mahu gunakan untuk website sales letter. 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 | 6

9. 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).

Nota : Kedua-dua bahagian ini boleh diubah pada bila-bila masa walaupun website sudah siap.

10. Kemudian di bahagian Admin Account, masukkan username dan password untuk website anda. Anda boleh tentukan sendiri mengikut pilihan anda.


P a g e | 7

Pastikan guna username dan password yang sukar diteka oleh orang lain. Untuk username, perlu ditulis dalam satu perkataan sahaja.

Pastikan anda salin dan ingat username dan password yang sudah dimasukkan.

Jika anda lupa, anda tidak akan dapat akses kedalam ruangan editor website anda.

Di bahagian Admin Email, gantikan dengan emel personal anda (Yahoo, Gmail dan sebagainya).

11. Jika sudah selesai memasukkan username, password dan email, skrol ke bawah dan klik pada Install.


P a g e | 8

12. Proses installation akan berjalan seperti biasa.

13. Jika anda 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.

IANYA SANGAT PENTING UNTUK ANDA INGAT/SALIN.


P a g e | 9

Cara Setting Website

14. 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)

15. Masukkan Username dan Password yang sudah anda masukkan pada proses pemasangan sebelum ini iaitu pada langkah ke 10.

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


P a g e | 10

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

17. Klik pada perkataan Dismiss untuk membuang bahagian Welcome.


P a g e | 11

18. Gerakkan cursor (mouse) pada Plugins dan klik pada Add New.

19 . Masukkan perkataan Elementor di bahagian Keyword.

P a g e | 12


P a g e | 12

20. Klik pada Install Now.

21. Kemudian klik pada Activate.


P a g e | 13

22. Kemudian paparan seperti dibawah ini anda akan terima :

23. Kemudian gerakkan cursor (mouse) pada Pages dan klik pada Add New.


P a g e | 14

24.Kemudian gerakkan cursor (mouse) pada Pages dan klik pada Add New.

25.Selepas anda klik pada Add New. Paparan berikut anda akan terima


P a g e | 15

26.Ada perlu klik ( x ) “ close dialog” seperti gambar dibawah ini :

27.Namakan Page anda di bahagian Enter title here. Sebagai contoh: Homepage.


P a g e | 16

28. Kemudian di bahagian Template, pilih Elementor Canvas.

29.Kemudian di bahagian Template, pilih Elementor Canvas

.


P a g e | 17

30.Kemudian klik pada Publish.

31.Kemudian klik sekali lagi pada Publish.


P a g e | 18

32.Kemudian klik pada logo ( w) seperti gambar dibawah

33.Kemudian anda akan kembali kepada dashboard :


P a g e | 19

34.Kemudian gerakkan cursor (mouse) pada Settings dan klik pada Reading.

35.Pastikan anda tick pada a static page.


P a g e | 20

36.Kemudian di bahagian Homepage, pilih page yang anda sudah hasilkan . Sebagai contoh: Homepage.

37.Skrol ke bawah dan klik pada Save Changes.


P a g e | 21

38.Untuk melihat paparan semasa website anda, gerakkan cursor (mouse) pada tajuk website anda dan klik pada Visit Site.

39.Paparan seperti di bawah anda akan terima iaitu kosong atau blank


P a g e | 22

Cara Memasukkan Content Ke Dalam Website

40.Kembali semula ke paparan dashboard anda. Caranya adalah gerakkan cursor (mouse) pada tajuk website dan klik pada Dashboard 41.Gerakkan cursor (mouse) pada Pages dan klik pada All Pages.


P a g e | 23

42.Gerakkan cursor (mouse) pada Edit With Elementor

43.Di bahagian sebelah kiri anda adalah modul-modul yang Elementor berikan untuk dimasukkan ke dalam website anda.

Bahagian sebelah kanan pula adalah paparan website anda.


P a g e | 24

44.Untuk proses memasukkan content ke dalam website, pertama sekali anda perlu klik pada Add New Section.

45.Kemudian pilih satu structure.


P a g e | 25

46.Kemudian anda perlu klik pada icon seperti di bawah untuk kembali semula ke paparan modul-modul Elementor.

47. Seterusnya pilih Text Editor untuk memasukkan ayat ke dalam website. Caranya adalah, anda perlu klik pada Text Editor, dan tanpa perlu melepaskan mouse, drag modul tersebut ke dalam structure di bahagian kanan anda.


P a g e | 26

48. Untuk memasukkan ayat anda yang tersendiri, anda perlu edit di bahagian kiri.

Gantikan ayat default yang sedia ada kepada ayat anda yang tersendiri.


P a g e | 27

49. Untuk mengubah Font dan warna tulisan, klik pada Style.

50. Pilih warna tulisan di bahagian Text Color.

Pilih font tulisan di bahagian Typography.


P a g e | 28

51.Jika sudah selesai memasukkan text, klik pada UPDATE untuk save content website anda.


P a g e | 29

52. Seterusnya adalah cara untuk masukkan gambar ke dalam website. Klik pada

Add New Section di bahagian kanan anda.

53. Kemudian pilih satu structure.


P a g e | 30

54.Klik pada icon seperti gambar di bawah untuk kembali semula ke paparan modul-modul Elementor.


P a g e | 31

55.Seterusnya pilih Image dan masukkannya ke dalam structure di bahagian kanan.

Cara yang sama juga. Anda perlu klik pada Image, dan tanpa perlu lepaskan mouse, drag modul Image tersebut ke dalam structure di bahagian kanan.

56 . Kemudian klik pada Choose Your Image.


P a g e | 32

57.Klik pada Select Files.

58.Pilih file gambar dari laptop anda dan klik pada Open.


P a g e | 33

59.Kemudian klik pada Insert Media.


P a g e | 34

60.Hasil semasa adalah seperti berikut:

61.Jangan lupa klik pada UPDATE setiap kali anda selesai memasukkan content ke dalam website anda.


P a g e | 35

62.Seterusnya adalah cara memasukkan video ke dalam website.

Caranya adalah Add New Section dan pilih struture. Sama sahaja seperti di langkah diatas.

63.Klik pada icon seperti gambar di bawah untuk kembali semula ke paparan modul-modul Elementor.


P a g e | 36

64.Cara yang sama juga. Anda perlu klik pada Video, dan tanpa perlu lepaskan mouse, drag modul Video tersebut ke dalam structure di bahagian kanan.

65.Di bahagian Source, klik pada Self Hosted untuk memasukkan video dari laptop anda.


P a g e | 37

66.Klik pada URL untuk memasukkan video.

67.Klik pada Select Files.


P a g e | 38

68.Pilih file video dari laptop anda dan klik pada Open.

69.Kemudian klik pada Insert Media.


P a g e | 39

70.Klik pada UPDATE jika anda sudah selesai memasukkan video ke dalam website.

68.Anda sudah pun berjaya memasukkan text, gambar, dan video ke dalam website.

Untuk melihat hasil website, klik pada Preview Changes.


P a g e | 40

71.Paparan semasa website anda akan jadi seperti ini:


P a g e | 41

72.Untuk kembali ke edit anda perlu klik nama web anda kemudian pilih dashboard

73. Paparan seperti dibawah ini anda akan terima dan untuk edit website anda , anda boleh klik

P a g e | 42


74. all pages - edit with elementor dan anda boleh edit semula website anda .

Gambar 1

Gambar 2

P a g e | 43


Gambar 3


P a g e | 44

Tutorial untuk mendapatkan template yang sedia untuk digunakan

75 . Pastikan anda berada di dalam edit elementor seperti gambar dibawah

76. Kemudian klik icon file seperti gambar dibawah :


P a g e | 45

77 . Kemudian paparan seperti dibawah ini akan muncul :

78. Pilih template yang tiada perkataan Pro , Pro adalah versi berbayar


P a g e | 46

79. Kemudian klik pada Insert

80 . Kemudian akan keluar paparan seperti di bawah ini :


P a g e | 47

81 . Kemudian klik Get Started:

82. Selepas klik Get started satu page baru akan dibuka seperti gambar dibawah :


P a g e | 48

83 . Kemudian klik pada Create An Account :

84 . Anda perlu Sign Up dengan memasukkan email dan password anda sendiri dan klik pada CREATE ACCOUNT:


P a g e | 49

85 . Paparan seperti dibawah ini akan muncul dan hanya perlu klik CONNET :

86. Template yang anda pilih secara automatic akan dimasukkan seperti gambar dibawah :


P a g e | 50

87. Anda boleh ubah dan edit menggunakan tutorial yang diawal tadi untuk anda ubah gambar warna dan tulisan yang anda inginkan.

88. Setiap perubahan yang anda lakukan perlu klik pada UPDATE supaya setiap perubahan yang anda lakukan disimpan.


P a g e | 51

89 . Untuk kembali ke Dashboard klik pada icon seperti dibawah ini :


P a g e | 52

90 . Kemudian paparan seperti dibawah akan muncul dan klik pada Exit to dashboard:

91. Kemudian klik pada icon (w) seperti gambar dibawah ini :


P a g e | 53

92. Setelah klik paparan dashboard seperti dibawah ini akan muncul :

93. Gerakkan cursor (mouse) anda ke Howdy dan klik pada logout untuk anda keluar daripada

website anda.

94. untuk masuk ke website anda hanya perlu masukkan domain anda .com/wp-admin, sebagai

contoh ikwebhosting.com/wp-admin

95. Terima Kasih


Sekian, terima kasih dan All The Best

hakciptaterpelihara © irfan khairi sdn bhd

Documents