TUTORIAL PENGGUNAAN APLIKASI HALO UKM 1. INTRODUCTION / PENGENALAN 1.1 Persiapan kebutuhan Aplikasi Sebelum kita masuk kedalam penggunaan aplikasi Halo UKM, sekilas ada beberapa hal yang perlu dipersiapkan untuk membangun sebuah toko online yaitu antara lain: (1) Nama Domain anda, contoh: Demo.haloukm.com (2) Identitas Pemilik toko : Nama, Alamat, No Tlp, Email. (3) Identitas Toko : Nama Toko, Logo / Banner, No. Tlp, Online support(chat/ym/sosmed). (4) Kategori dan Sampel Produk : Gambar-gambar produk yang telah di olah sehingga menampilkan produk anda dengan detail dan jelas. (5) Aturan-aturan yang jelas seperti : (a) Syarat dan Ketentuan yang berlaku (b) Bagaimana metode Pembayaran (c) Bagaimana cara menyampaikan klaim & komplain (d) Bagaimana metode Pengirimannya (6) Aplikasi Halo UKM. (7) Perangkat Komputer atau Smartphone untuk mengelola aplikasi. (8) Koneksi Internet yang stabil.
1.2 .Instalasi Aplikasi Halo UKM Instalasi Aplikasi Halo UKM cukup mudah, Bapak/Ibu hanya tinggal mendownload Aplikasi Halo UKM langsung dari Perangkat komputer atau gadgetnya masing-masing.
TUTORIAL PENGGUNAAN APLIKASI HALO UKM 1.3 Tampilan Halaman Pengguna
1.3.1. Header Pada bagian ini terdiri dari Logo perusahaan, Kolom Pencarian, Kontak, Menu panel, dan Keranjang belanja. 1.3.2. Sidebar Bagian ini terdiri dari Kategori produk, Daftar produk dengan harga istimewa , dan daftar produk yang paling laris 1.3.3. Body / Content Bagian ini terdiri dari produk-produk yang akan ditampilkan. 1.3.4. Footer Bagian ini terdiri dari Menu Informasi, Layanan Pelanggan, Menu Tambahan (Ekstensi), Kontrol akun, Media Sosial
TUTORIAL PENGGUNAAN APLIKASI HALO UKM 2. Modifikasi Aplikasi UKM 2.1. Modifikasi Header
Ada beberapa komponen yang dapat di-costumize atau dimodifikasi dari header sesuai dengan kebutuhan dari pemilik toko, antara lain : a.Logo Toko / Perusahaan b.Nama Toko & Favicon c.Kontak & Sosial media d.Slider / Banner
Ukuran Gambar yang direkomendasikan: Slider = 870 x 345 px, Format gambar PNG -Banner-2 = 420 x 213 px, PNG -Produk = 600 x 600 px, PNG -Logo = 225 x 66 px, PNG
TUTORIAL PENGGUNAAN APLIKASI HALO UKM 2.1.1 Cara menambahkan Informasi mengenai Toko Sebagai langkah awal, kita masuk terlebih dahulu ke halaman admin, contoh : demo.haloukm.com/admin
Isikan username dan password di kolom yang disediakan, lalu klik tombol login.
TUTORIAL PENGGUNAAN APLIKASI HALO UKM Sekarang kita masuk ke halaman Dashboard aplikasi Halo UKM. Kita dapat mengelola aplikasi Halo UKM dan melihat berbagai laporan aplikasi seperti laporan total pemesanan / order, total penjualan, jumlah konsumer, dll. Lalu dari halaman Dashboard pilih Setting untuk memulai mencostumize halaman toko anda.
Pilih Toko yang akan di modifikasi (asumsi pemilik punya lebih dari 1 toko), lalu klik Edit untuk melanjutkan.
TUTORIAL PENGGUNAAN APLIKASI HALO UKM
Di halaman “General” berisi informasi-informasi umum mengenai toko yang anda kelola. Catatan: Kolom dengan tanda *(bintang) wajib di isi Isikan sesuai dengan kondisi toko online anda. Untuk mengganti nama toko pada tab browser, kita beralih ke halaman “Store”
Pada kolom Meta Title, Isikan sesuai dengan nama toko anda yang akan di tampilkan pada Address tab pada browser. Klik Tombol Save untuk menyimpan.
TUTORIAL PENGGUNAAN APLIKASI HALO UKM 2.1.2 Cara mengganti Logo Perusahaan Untuk mengganti logo perusahan , caranya sama dengan sebelumnya, yaitu kita kembali ke menu System >> Setting >> Pilih Toko >> Edit Lalu Navigasikan ke halaman “Image” pada menu bar.
Klik pada gambar dengan label Logo Toko, lalu Upload gambar, untuk mengganti Favicon pada address bar klik gambar pada label Icon. Klik Save untuk menyimpan.
TUTORIAL PENGGUNAAN APLIKASI HALO UKM 3. Menambahkan Kategori dan Produk
3.1. Menambahkan Kategori Untuk memulai menambahkan Kategori produk, kita beralih ke bagian “Catalog” yang berada pada menu bar pada bagian kiri halaman, Lalu masuk ke sub-menu kategori dengan mengklik Catalog >> Lalu pilih Categories Klik tombol “+” untuk menambahkan kategori baru
TUTORIAL PENGGUNAAN APLIKASI HALO UKM
Pada Tab “General”, ada beberapa data yang bisa kita isi sesuai dengan kebutuhan dengan catatan setiap field / kolom yang memiliki tanda bintang(*) wajib untuk diisi. Setelah selesai mengisi “Nama Kategori” dan “Meta Tag Title”, sekarang kita berpindah ke tab “Data”
TUTORIAL PENGGUNAAN APLIKASI HALO UKM
Semua Field / Kolom pada tab “Data” merupakan isian opsional, namun ada baiknya kita isikan “Gambar” dan “SEO Keyword” sebagai pelengkap. Pilih tombol dengan icon disket “Save” untuk menyimpan kategori. 3.2. Menambahkan Merek / Manufaktur Untuk menambahkan Merek dagang/ manufaktur, masih pada menu yang sama dengan kategori, pilih Catalog >> Manufacturers
TUTORIAL PENGGUNAAN APLIKASI HALO UKM
Terdapat berbagai “Merek” yang telah terdaftar pada aplikasi. Untuk menambahkan merek baru, pilih tombol dengan icon “+”
TUTORIAL PENGGUNAAN APLIKASI HALO UKM 3.3. Menambahkan Produk Baru Pilih Catalog>> Products untuk melihat list/daftar produk yang telah diinputkan sebelumnya ke dalam sistem.
Pada halaman ini dilengkapi pula dengan fitur pencarian untuk memudahkan Owner / Pemilik untuk mengelola inventorinya. Kita dapat secara mudah dan cepat mengelompokkan barang dengan memasukkan nilai pada salah satu kolom pencarian, lalu pilih tombol “Filter” untuk memulai Pencarian. Untuk menambahkan Produk baru, pilih icon “+”.
TUTORIAL PENGGUNAAN APLIKASI HALO UKM
Pada tab “General”, isikan Nama Produk, Deskripsi (keterangan pelengkap yang berkaitan dengan produk), dan Meta Tag Title (Judul yang akan muncul pada tab browser). Lalu kita beralih ke tab “Data” untuk memasukkan data-data dari produk seperti gambar,harga, berat dan data lainnya.
TUTORIAL PENGGUNAAN APLIKASI HALO UKM
TUTORIAL PENGGUNAAN APLIKASI HALO UKM Untuk memberi Kategori dan Merek untuk produk yang akan kita daftarkan, kita beralih ke halaman “Links”.
Klik 2 kali pada kolom isian Merek untuk memilih pilihan merek yang ada, lakukan hal yang sama untuk Kategori. Klik tombol “Save” untuk menyimpan.
TUTORIAL PENGGUNAAN APLIKASI HALO UKM 4. Bonus Course 4.1. Menambahkan Harga Khusus/ Promo untuk Jangka waktu tertentu
Cara menambahkan harga khusus / promo : Catalog>>Products>>Special lalu pilih tombol “+” untuk mengaktifkan 1 Form / kolom isian, lalu tentukan Harga dan tanggal berapa masa berlaku harga tersebut. Pilih “Save” untuk menyimpan.
TUTORIAL PENGGUNAAN APLIKASI HALO UKM 4.2. Menambahkan Gambar Produk
Catalog>>Products>>Image, klik pada gambar, lalu browse file gambar yang akan diupload. Untuk menambahkan gambar lain cukup klik icon “+”.
