SETTING TAMPILAN DAN DESAIN TOKO ONLINE

KELAS WEBDESIGN IKMI 2016

KELAS

WEBDESIBN IKMI | 2016

SETTING TAMPILAN DAN DESAIN TOKO ONLINE

BAGIAN 3

1 http://www.ikmi.org

[email protected]

+82 010 5943 4920


KELAS


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 :


[email protected]

+82 010 5943 4920


KELAS


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.


[email protected]

+82 010 5943 4920


KELAS


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


[email protected]

+82 010 5943 4920


KELAS


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 2) Konten 3) Tempat Media 4) Publikasi tombol terbitkan

: Judul Postingan Anda : Konten yang akan anda masukan berupa text : Tempat anda bisa memasukan gambar pada postingan anda : Bila anda selesai bisa melakukan publikasi dengan menekan


[email protected]

+82 010 5943 4920


KELAS


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 :


[email protected]

+82 010 5943 4920


KELAS


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


[email protected]

+82 010 5943 4920


KELAS


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


KELAS


1) 2) 3) 4)

Judul : Tempat membuat judul halaman Konten: Tempat mengelola konten pada sebuah halaman Media : Tempat menambahkan media berupa gambar,video atau suara. 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 2) Sunting Konten

: Tempat sunting judul halaman : Tempat sunting konten halaman.

11


KELAS


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


KELAS


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) 2) 3) 4)

Halaman Sudah masuk ke menu Centang Tambahkan laman tingkat-atas baru ke menu ini secara otomatis. Centang Primary Menu Klik Simpan Menu , Maka Akan Tampil Di halaman depan

13


KELAS


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 2. Deskripsi Produk

: Tempat Untuk mengisi nama produk. : Tempat Memasukan Deskripsi produk yang akan dijual

14

KELAS

KELAS WEBDESIGN IKMI 2016 WEBDESIBN IKMI | 2016

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

KELAS


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

KELAS


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


KELAS


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

KELAS


4.b. Kupon Cara Menambah dan mengelola kupon adalah sebagai berikut :

1) Pilih menu WooCommerce 2) Pilih menu Kupon 3) Tambah Kupon

19


KELAS


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

KELAS


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


KELAS


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


KELAS


Aktifkan Pratinjau Langsung

2.

: Mengaktifkan tema yang dipilih : Pratinjau, melihat template tetapi tidak diterapkan.

Mengganti Mini Logo Dan Nama Mengganti mini logo adalah sebagai berikut :

1. Pilih Mennu Tampilan 2. Pilih Menu Sesuaikan.

23


KELAS


3. Pilih Menu Identitas situs Kemudian silahkan sesuaikan

4.

Kemudian pilih simpan & Terbitkan.

24


KELAS


3.

Mengganti Alamat Mengganti alamat adalah dengan cara sebagai berikut:

1) 2) 3) 4)

Pilih menu Tampilan Pilih menu Sesuaikan Pilih Footer 1 Pilih Alamat

5) Kemudian Simpan Dan Terbitkan

25


KELAS


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

SETTING TAMPILAN DAN DESAIN TOKO ONLINE

Recommend Documents