SETTING TAMPILAN DAN DESAIN TOKO ONLINE

Transkripsi

1 SETTING TAMPILAN DAN DESAIN TOKO ONLINE BAGIAN Ikmi.korea@gmail.com

2 BAB 1 AKSES HALAMAN ADMIN WEBSITE Pada bagian ini akan menerangkan cara mengakses web mulai dari awal hingga masuk halaman beranda. 1. Buka Browser anda 2. Ketik nama domain anda pada bagian URL browser, contohnya seperti berikut : nama-domain-ukm.com/wp-admin.php [tld] Sesuai domain yang tersedia (co.id, web.id, biz.id, or.id, my.id) Contoh pada gambar berikut kemudian tekan enter pada keyboard anda: 3. Setelah itu anda akan diarahkan ke sebuah halaman login, disana anda harus memasukan nama pengguna dan password yang diberikan koordinator atau yang pernah anda buat sebelumnya pada pemesanan website. Berikut contoh halaman login yang dimaksud : 2 Ikmi.korea@gmail.com

3 Pada bagian bawah form tersebut terdapat sebuah checkbox yang bertuliskan ingat saya, yang berfungsi untuk membuat anda tetap login saat meninggalkan website. Anda tetap bisa login walaupun tidak checkbox tida di centang. Setelah anda memasukan nama pengguna dan password, silahkan tekan Masuk Log. (tombol berwarna biru di bawah form). 4. Jika benar anda akan diarahkan ke halaman utama website anda dengan tampilan berikut 5. Pengetahuan Dasbor Berikut penjelasan mengenai dasbor dan menu yang ada di dalamnya. 3 Ikmi.korea@gmail.com

4 1. Menu Navigasi Menu navigasi adalah sebuah menu yang menampung daftar menu utama yang dapat digunakan untuk mengelola sebuah website. 2. Sunting Halaman Depan. Menu yang digunakan untuk mengganti tampilan awal website. 3. Tambahkan halaman lainnya Menu yang digunakan untuk menambah halaman website anda. 4. Tambahkan sebuah pos Menu yang digunakan untuk membuat postingan atau berita pada website anda. 5. Sesuaikan Situs Anda 6. p i l i h. Menu yang digunakan untuk mengganti tampilan website dalam tema yang anda 4 Ikmi.korea@gmail.com

5 BAB 2. MANAGEMENT BERITA DAN POSTING 1. Berita (Posting/Pos) 1.a. Membuat Berita Berikut adalah langkah langkah yang digunakan untuk membuat sebuah berita 1) Membuka halaman posting 1) Pilih menu Pos 2) Pilih Tambah Baru 2) Membuat Postingan 1) Judul : Judul Postingan Anda 2) Konten : Konten yang akan anda masukan berupa text 3) Tempat Media : Tempat anda bisa memasukan gambar pada postingan anda 4) Publikasi : Bila anda selesai bisa melakukan publikasi dengan menekan tombol terbitkan 5 Ikmi.korea@gmail.com

6 3) Memasukan Media Memasukan media cukup tekan tambah media pada saat membuat postingan pada point sebelumnya adalah nomor 3. 4) Publikasi Tombol yang digunakan untuk melakukan publikasi alias penerbitan postingan sehingga bisa di lihat oleh dunia luar. Cukup klik terbitkan bila postingan sudah selesai 1.b. Melakukan Sunting Melakukan penyuntingan postingan yang sudah dibuat caranya adalah sebagai berikut 1. Pilih Pos 2. Pilih Semua Pos 3. Tujuk postingan yang akan di sunting kemudian klik Sunting Maka anda akan diarahkan ke halaman postingan sebagai berikut : 6 Ikmi.korea@gmail.com

7 1. Tempat untuk menyunting 2. Tempat Untuk melakukan sunting 3. Tombol Yang digunakan untuk memperbarui postingan yang telah dibuat sebelumnya. 1.c. Menghapus Berita Cara Menghapus berita adalah sebagai berikut : 1. Pilih Pos 2. Pilih Semua Pos 3. Tujuk postingan yang akan anda hapus kemudian klik tong sampah. Barikut contoh hasil bila terlah terhapus akan masuk ke tong sampah 7 Ikmi.korea@gmail.com

8 2. Halaman 2.a. Membuat Halaman Cara membuat sebuah halaman adalah sebagai berikut: 1) Pilih Laman 2) Pilih Tambah Baru Kemudian masuk ke editor pembuat halaman sebagai berikut: 10

9 1) Judul : Tempat membuat judul halaman 2) Konten: Tempat mengelola konten pada sebuah halaman 3) Media : Tempat menambahkan media berupa gambar,video atau suara. 4) Terbit : Tempat untuk melakukan penerbitan halaman ke publik jika konten telah selesai. 2.b. Melakukan Sunting Halaman 1) Pilih Laman 2) Pilih Semua Laman 3) Tunjuk Halaman Yang ingin di sunting, kemudian klik Sunting Kemudian anda akan diarahkan pada tampilan pengelola halaman, seperti berikut: 1) Sunting Judul : Tempat sunting judul halaman 2) Sunting Konten : Tempat sunting konten halaman. 11

10 3) Perbarui : Jika sudah selesai anda bisa menerbitkan halaman dengan isi konten atau judul baru dengan melakukan klik pada tombol ini. 2.c. Menghapus Halaman 1) Pilih Laman 2) Pilih Semua Laman 3) Klik Tong Sampah 2.d. Menampilkan Menu Pada Halaman Untuk menampilkan halaman pada menu utama caranya adalah sebagai berikut: 1) Klik menu Tampilan 2) Klik Menu 12

11 Kemudian untuk melakukan penambahan link adalah sebagai berikut : 1) Centang halaman yang akan dipilih 2) Klik tambahkan menu Menu secara otomatis akan berpindah ke halaman struktur menu sebagai berikut: 1) Halaman Sudah masuk ke menu 2) Centang Tambahkan laman tingkat-atas baru ke menu ini secara otomatis. 3) Centang Primary Menu 4) Klik Simpan Menu, Maka Akan Tampil Di halaman depan 13

12 3. Produk 3.a. Membuat produk Membuat sebuah display produk langkahnya adalah sebagai berikut : 1) Pilih Menu Produk 2) Tambah Produk Pada bagian produk akan ada beberapa panel yang harus diketahui. 1. Bagian utama 1. Nama Produk : Tempat Untuk mengisi nama produk. 2. Deskripsi Produk : Tempat Memasukan Deskripsi produk yang akan dijual 14

13 2. Bagian Data Produk Pada bagian ini anda dapat mengisi produk anda sepeti jumlah cara pengiriman dan catatan pembelian. 3. Gambar Produk Pada bagian ini anda bisa memasukan gambar produk atau menghapus gambar produk. Dengan melakukan klik hapus gambar produk atau tambah gambar produk. 4. Galeri Produk Pada bagian ini anda bisa menambahkan gambar produk jika lebih dari satu, misal produk tampah samping depan, atas bawah. 15

14 5. Kategori Produk Pada bagian ini anda bisa menambahkan kategori produk, jika kategori produk tidak ada dalam list kategori anda bisa menambah kategori dengan melakukan klik pada + Tambah Kategori Produk 6. Terbitkan Jika data produk sudah sesesai diisi anda bisa menerbitkan produk dengan melakukan klik pada tombol Terbitkan 16

15 3.b. Sunting Produk Untuk melakukan sunting produk caranya adalah sebagai berikut : 1) Pilih menu Produk 2) Pilih Sunting Tampilan dasar dari sunting sama dengan tampilan pada saat penambahan artikel, perbedaannya sudah ada isinya, dengan pada bagian terbitkan tombol berubah menjadi Perbarui. 17

16 3.c. Menghapus Produk Mengghapus produk, caranya adalah sebagai berikut. 1) Pilih menu Produk 2) Pilih produk. 3) Tunjuk produk yang akan dihapus, kemudian pilih tong sampah 4. Kelola Toko 4.a. Melihat Pesanan 1. Pilih menu WooCommerce 2. Klik Menu Pesanan Akan tampil list pesanan dari pelanggan seperti contoh sebagai berikut 18

17 4.b. Kupon Cara Menambah dan mengelola kupon adalah sebagai berikut : 1) Pilih menu WooCommerce 2) Pilih menu Kupon 3) Tambah Kupon 19

18 Kemudian bisa melakukan penambahan kode kupon pada halaman berikut 1) Kode Kupon Kolom kode kupon adalah kolom kode kupon yang akan di buat 2) Deskripsi Kupon Kolom deskripsi dalah kolom keterangan kode kupon 3) Data Kupon Data Kupon adalah panel untuk setting kupon, mulai dari masa aktif jumlah pengguna kode maksimal dll. 4) Terbitkan Domain Terbitkan Domain adalah menu penerbitan kode kupon, dengan cara melakukan klik pada tombol terbitkan. 4.c. Laporan 1) Pilih menu WooCommerce 2) Pilih menu Laporan 3) Tampilan Menu Laporan 20

19 4.d. Pengaturan Toko 1) Pilih Menu WooCommerce 2) Pilih Pengaturan Pengaturan 3) Akan Tampil Halaman Pengaturan Toko Pada tampilan akan ada setting untuk fasilitas utama. 1) General (Umum) Untuk setting dasar lokasi, lokasi penjualan dll. 2) Produk Pengaturan bentuk produk, misal dalam satuan kg, dan cm. 3) Pajak Pajak adalah,pengaturan pajak pada setiap produk. 4) Checkout Pengaturan dasar untuk penempatan kupon dan metode pembayaran 5) Pengiriman Pengiriman, adalah menu untuk pengaturan pengiriman misalkan menggunakan tarif flat atau tarif pengiriman gratis. 21

20 BAB 4. PENYESUAIAN TEMPLATE 1. Mengganti Template Cara mengganti template adalah sebagai berikut : 1) Pilih menu Tampilan 2) Pilih Menu Tema Tampilan halaman utama pilihan menu Kemudian cara mengaktifkan tema adalah sebagai berikut 1) Pilih Tema 2) Pilih Tema yang akan digunakan kemudian klik 3) Pilih Aktifkan 22

21 Aktifkan Pratinjau Langsung : Mengaktifkan tema yang dipilih : Pratinjau, melihat template tetapi tidak diterapkan. 2. Mengganti Mini Logo Dan Nama Mengganti mini logo adalah sebagai berikut : 1. Pilih Mennu Tampilan 2. Pilih Menu Sesuaikan. 23

22 3. Pilih Menu Identitas situs Kemudian silahkan sesuaikan 4. Kemudian pilih simpan & Terbitkan. 24

23 3. Mengganti Alamat Mengganti alamat adalah dengan cara sebagai berikut: 1) Pilih menu Tampilan 2) Pilih menu Sesuaikan 3) Pilih Footer 1 4) Pilih Alamat 5) Kemudian Simpan Dan Terbitkan 25

24 4. Mengganti No Kontak 1) Pilih menu Tampilan 2) Pilih menu Sesuaikan 3) Pilih Footer 2 4) Pilih Kontak 5) Kemudian Simpan Dan Terbitkan 26