Modul Pelatihan Website UKM

13
Modul Pelatihan UKM Grobogan Pengelolaan Website secara Mandiri Tim Pelatihan Lab Ansis Fakultas Teknologi Pertanian Universitas Gadjah Mada Yogyakarta

description

Modul Pelatihan Website UKM

Transcript of Modul Pelatihan Website UKM

Page 1: Modul Pelatihan Website UKM

Modul Pelatihan UKM Grobogan | Pengelolaan Website secara Mandiri

Tim Laboratorium ANSIS FTP UGM

Modul Pelatihan UKM Grobogan

Pengelolaan Website secara Mandiri

Tim Pelatihan Lab Ansis

Fakultas Teknologi Pertanian

Universitas Gadjah Mada

Yogyakarta

Page 2: Modul Pelatihan Website UKM

Modul Pelatihan UKM Grobogan | Pengelolaan Website secara Mandiri

Tim Laboratorium ANSIS FTP UGM

1. Persiapan

Setelah mendapatkan website subdomain dari www.ukm-grobogan.org, akses ke website

anda ke www.namasubdomainanda.ukm-grobogan.org. Buka browser dan ketikan alamat

url website anda. Contoh dibawah ini mengakses website sule.ukm-grobogan.org

2. Login Menjadi Administrator website

Akan diberikan username dan password untuk login, setelah mendapatkan username dan

password. Buka browser dan buka

www.namasubdomainanda.ukm-grobogan.org/wp-admin

Akan muncul jendela baru seperti gambar dibawah ini.

Page 3: Modul Pelatihan Website UKM

Modul Pelatihan UKM Grobogan | Pengelolaan Website secara Mandiri

Tim Laboratorium ANSIS FTP UGM

Masukan username dan password anda, kemudian klik login. Akan muncul jendela baru seperti Nampak dibawah ini ;

3. Mengubah tampilan dalam menu

Menu yang sudah disediakan terdiri atas 1. Home 2. Profil 3. Produk 4. Cara Pemesanan 5. Galeri 6. Kontak

Page 4: Modul Pelatihan Website UKM

Modul Pelatihan UKM Grobogan | Pengelolaan Website secara Mandiri

Tim Laboratorium ANSIS FTP UGM

a. Mengubah isi profil Login terlebeih dahulu ke Dashboard wordpress selanjutnya dibagian kiri terdapat menu, Nampak seperti gambar dibawah ini.

Bagian page ini gunakan untuk membuat page baru. Klik menu “page” tersebut

Page 5: Modul Pelatihan Website UKM

Modul Pelatihan UKM Grobogan | Pengelolaan Website secara Mandiri

Tim Laboratorium ANSIS FTP UGM

Kemudian edit secukupnya bagian profil tersebut sesuai kebutuhan anda. Kalau sudah selesai klik “update” pada bagian kanan artikel

Langkah yang sama digunakan untuk mengedit menu “Cara Pemesanan dan Kontak”

b. Memasukkan gambar dalam artikel

Klik icon “add Media” Maka akan muncul jendela baru, kemudian klik upload files

Klik “Profil”

Page 6: Modul Pelatihan Website UKM

Modul Pelatihan UKM Grobogan | Pengelolaan Website secara Mandiri

Tim Laboratorium ANSIS FTP UGM

Klik select files, cari gambar yang di inginkan. Kemudian klik “open” beri tanda centang gambar yang dipilih selanjutnya sorot ke kanan bawah klik “insert into page”

Setelah selesai memasukkan gambar, lihat bagian kanan artikel. Klik tombol “update” yang berwana biru.

4. Pengaturan Produk

a. Tahap persiapan

Pada tahapan ini, untuk melengkapi catalog produk pada website ukm anda maka diperlukan foto produk agar tampak menarik. Siapkan foto produk yang ingin anda tambahkan.

Page 7: Modul Pelatihan Website UKM

Modul Pelatihan UKM Grobogan | Pengelolaan Website secara Mandiri

Tim Laboratorium ANSIS FTP UGM

b. Membuat kategori produk Pembuatan kategori ini bertujuan agar memudahkan anda dalam mengelola

produk yang cukup banyak. Dalam topic ini sebagai contoh produk sule grobogan, dikelompokkan dalam 2 kategori produk yaitu “kemasan box” dan “kemasan ekonomis”. Untuk membuat kategori tersebut ikuti langkah dibawah ini :

Klik icon produk kemudian arahkan ke bawah pilih Categories

1

Isikan nama kategori sesuai keinginan anda. Pada bagian 4 isi keterangan tentang kategori produk tersebut

2 3

4

Tahapan selanjutnya menambah gambar pada kategori, scroll ke bawah lihat icon “choose file” tahapan no 5. Kemudian klik “Open”

Selanjutnya beri dimensi gambar

Contoh disini

width : 50 dan Height 75.

5

6

Page 8: Modul Pelatihan Website UKM

Modul Pelatihan UKM Grobogan | Pengelolaan Website secara Mandiri

Tim Laboratorium ANSIS FTP UGM

Scroll ke bawah klik “add New Product Category”

c. Menampilkan Kategori Setelah membuat kategori produk, langkah selanjutnya adalah menampilkan produk di bagian sidebar kanan website. Seperti gambar dibawah ini.

Tahapan yang dilakukan adalah sebagai berkut.

Masih didalam dashboard administrator,

Kemudian geser krusor kearah kanan, pilih Product Categories

7

Klik icon Appearance kemudian arahkan ke bawah pilih Widget

1

2

Page 9: Modul Pelatihan Website UKM

Modul Pelatihan UKM Grobogan | Pengelolaan Website secara Mandiri

Tim Laboratorium ANSIS FTP UGM

d. Menambah produk baru Seperti langkah pada pembuatan kategori, dalam menambah produk ini juga dibutuhkan foto produk yang diinginkan

Maka akan muncul jendela baru seperti dibawah ini.. Tahapan yang dilakukan yaitu 1) Membuat nama produk 2) Memberi keterangan produk 3) Mengelompokkan sesuai kategori 4) Menambah gambar produk 5) Memberi harga

Beri tanda centang pada kategori produk yang ingin ditampilkan

Setelah selesai, klik save

Klik icon Products kemudian arahkan ke bawah pilih Add New

1

2

Page 10: Modul Pelatihan Website UKM

Modul Pelatihan UKM Grobogan | Pengelolaan Website secara Mandiri

Tim Laboratorium ANSIS FTP UGM

6) Kemudian klik save

Skrol kebawah lihat ke sebelah kanan, untuk memasukan produk sesuai kategori dan memasukan harga produk

Tuliskan keterangan produk disini, misalnya bentuk kemasan dalam (gram) ukuran yang tersedia dll

1

2

5

Centang salah satu sesuai kategori produk

Masukkan harga produk, bagian kolom Price

3

4 Masukkan gambar produk

Page 11: Modul Pelatihan Website UKM

Modul Pelatihan UKM Grobogan | Pengelolaan Website secara Mandiri

Tim Laboratorium ANSIS FTP UGM

Tahap terakhir, scroll kearah atas lihat bagian kanan. Klik publish

e. Merubah harga / keterangan produk dengan cepat Masuk ke dashboard lihat bagian icon seperti dibawah ini.

6

Klik icon Products kemudian arahkan ke bawah pilih Products

1

2

Klik Quick edit

Page 12: Modul Pelatihan Website UKM

Modul Pelatihan UKM Grobogan | Pengelolaan Website secara Mandiri

Tim Laboratorium ANSIS FTP UGM

Bagian 1 untuk mengubah nama produk

Bagian 2 untuk mengubah kategori

Bagian 3 untuk mengubah harga produk

5. Mengontrol pembelian dari konsumen

Lihat bagian atas kiri, menu dashboard pilih store sales

1 2

3

Klik icon dashboard kemudian arahkan ke bawah pilih store sales

1

2

Contoh saat terjadi transaksi pembelian klik untuk mengetahui data pembelian lebih lanjut

Page 13: Modul Pelatihan Website UKM

Modul Pelatihan UKM Grobogan | Pengelolaan Website secara Mandiri

Tim Laboratorium ANSIS FTP UGM

Akan muncul data pembelian dari konsumen seperti contoh diatas,

Untuk meninjaklanjuti silahkan buka email anda/ atau langsung sms konsumen di nomor yang sudah tertera diatas.