EBOOK TUTORIAL (PANDUAN) PAKET BEGINNER
JASA PEMBUATAN WEBSITE
TOKO ONLINE Butuh bantuan? Hubungi ipuipuweb.co.id !
Perhatian! Sebagai pengguna jasa pembuatan website, Anda dilarang membagikan template dan tutorial ini kepada orang lain. Terima kasih atas pengertiannya.
Warm Regards, Penyedia Jasa Pembuatan Website Toko Online
Copyright ipuipuweb desain © 2016
(Hal 1)
DAFTAR ISI DAFTAR ISI
02
BAB 1 KONFIGURASI INDOSTORE OPTIONS
03
BAB 2 CARA MENAMBAHKAN PRODUK
04
2.a
Judul Produk
05
2.b Deskripsi Produk
05
2.c
06
Detail Produk
2.d Gambar Produk
2.e
07
Cara 1: Upload gambar per produk
08
Cara 2: Upload gambar lebih dari 1 produk secara bersamaan (masal)
09
Kategori & Tags
10
BAB 6 CARA MENAMBAHKAN ARTIKEL BLOG
11
BAB 7 CUSTOM MENUS (OPTIONAL)
12
BAB 8 WIDGET AREA (FOOTER)
13
(Hal 2)
1. KONFIGURASI INDOSTORE OPTIONS Selanjutnya, Anda dapat melakukan konfigurasi theme options yang telah disediakan:
Pada theme option, Anda dapat merubah logo, banner dan beberapa tab pengaturan fitur-fitur yang tersedia pada template ini. Perhatikan teks instruksi pada setiap pengaturan, ini dapat membantu Anda agar lebih mudah melakukan konfigurasi pada theme options.
PERHATIAN: Penting untuk diperhatikan bahwa Anda harus membaca dan mengecek setiap pengaturan dari masing-masing Tab Pengaturan agar Anda memahami theme options template ini.
(Hal 3)
2. CARA MENAMBAHKAN PRODUK OK, selanjutnya adalah bab/bagian yang paling penting dalam ebook tutorial ini, yaitu cara menambahkan produk. 1. Arahkan kursor pada Produk > Tambahkan Produk
2. Muncul halaman editor dimana Anda dapat menambahkan 5 point penting produk Anda: a. Judul Produk b. Deskripsi Produk (penjelasan tentang produk Anda) c. Detail Produk / IndoStore Panel (detail seperti harga, kode produk dsb) d. Gambar Produk e. Kategori & Tags 3. Apabila semua point diatas telah terisi, klik tombol Publish
PERHATIAN: Setelah ini kami akan menjelaskan lebih detail dari masing-masing ke5 point tersebut. Lanjutkan membaca tutorial setelah ini.
(Hal 4)
2.a) Judul Produk Masukkan judul produk Anda pada kolom yang telah tersedia. Saran kami gunakan judul produk yang jelas dan mengandung kata kunci yang ditargetkan untuk keperluan SEO. Jangan terlalu pendek dan terlalu panjang.
2.b) Deskripsi Produk Masukkan deskripsi produk agar lebih informatif dan customer mendapatkan informasi yang jelas tentang produk yang Anda jual. Anda juga dapat menambahkan list spesifikasi seperti dalam gambar berikut ini. Kesalahan yang sering dilakukan oleh kebanyakan member adalah tidak membuat deskripsi produk yang jelas dan kurang informatif, biasanya hanya menampilkan gambar produk saja. Hal ini kurang bagus untuk SEO (search engine optimation) dan customer kurang mendapatkan penjelasan tentang produk yang ditawarkan.
Jadi, buatlah deskripsi produk yang baik dan informatif bagi customer Anda. *Gunakan Bulleted List seperti gambar dibawah ini untuk membuat list spesifikasi produk Anda.
(Hal 5)
2.c) Detail Produk Pada bagian ini Anda harusnya lebih teliti, karena lebih banyak kolom yang perlu diisi. Dan sekali lagi, jangan lupa perhatikan instruksi yang ada di setiap kolom isian agar tidak terjadi kesalahan.
*Kosongkan kolom pilihan warna apabila tidak ingin menampilkan pilihan warna pada produk ini. Apabila Anda mengisinya, pengunjung diharuskan memilih warna sebelum dapat ditambahkan ke dalam keranjang.
*Anda dapat memberikan pilihan harga/ukuran/model pada produk dengan cara mencentang “Pilihan Harga/Ukuran” dan menambahkan pilihan 1, pilihan 2 dan seterusnya.
(Hal 6)
2.d) Gambar Produk Untuk menambahkan gambar ada 2 cara yaitu: 1. Upload gambar per produk Upload beberapa gambar per produk. Jadi, 1 produk memiliki gambar lebih dari 1 view. Cocok apabila Anda memiliki gambar produk dari berbagai versi atau sisi, misal tampak depan, belakang, dll. 2. Upload gambar tidak per produk (masal) Upload gambar semua produk secara bersamaan pada Media. Lalu pada saat input/menambahkan produk, Anda hanya tinggal setting salah satu gambar yang telah diupload sebelumnya sebagai featured image. Cara nomor 2 lebih mudah, karena upload gambar tidak perlu per produk. Namun memiliki kekurangan, yaitu hanya dapat menampilkan 1 gambar pada display produk. (hanya menampilkan gambar yang disetting sebagai featured image)
Display Produk dengan Cara 1 ---- VS ---- Display Produk dengan Cara 2 Apabila tiap produk Anda memiliki lebih dari 1 gambar, misal tampak depan, belakang, samping dll, gunakan cara 1. Apabila tiap produk Anda hanya memiliki 1 gambar, gunakan cara 2 karena lebih cepat. PERHATIAN! Gunakan gambar yang mempunyai lebar minimal 500px (tinggi mengikuti) agar mendapatkan tampilan yang bagus. Setelah ini kami akan menjelaskan detail dari masing-masing cara menambahkan gambar produk (Cara 1 dan Cara 2). Lanjutkan membaca tutorial ini ya . (Hal 7)
Cara 1: Upload gambar per produk Upload gambar lebih dari satu untuk 1 produk (per produk). 1. Pastinya Anda sudah menyiapkan beberapa gambar untuk produk ini. Misalkan 4 gambar 2. Klik Tombol Add Media
3. Klik Upload Files > Select Files dan pilih gambar dari komputer Anda. 4. Seleksi beberapa gambar untuk produk ini. Contoh pada gambar, seleksi 4 gambar.
5. Maka, gambar tersebut akan diupload dan masuk ke dalam Media Library. 6. Tentukan gambar utama/featured image produk ini. a. Klik Set Featured Image b. Ubah select menu pada posisi Uploaded to this post, yang artinya menampilkan gambar yang diupload hanya pada produk ini saja. Nah, 4 gambar ini yang akan muncul pada display produk sebagai gambar mini dan dapat di hover zoom. c. Pilih salah satu sebagai gambar utama/featured image. d. Klik tombol Set featured image. e. Selesai, lanjutkan point berikutnya (Setting Kategori & Tags Produk).
(Hal 8)
Cara 2: Upload gambar lebih dari 1 produk secara bersamaan (masal) Upload gambar semua produk secara masal. 1. Pastinya Anda sudah menyiapkan semua gambar untuk beberapa produk atau semua produk. 2. Arahkan kursor pada Media > Add New > Select Files *Hal ini dilakukan sebelum Anda mulai input produk pada editor produk. Gambar diupload terlebih dahulu.
3. Pilih semua gambar produk yang akan diupload. Tunggu sampai dengan proses upload selesai. *Maka Anda dapat mulai menambahkan produk melalui Produk > Tambah Produk
4. Pada halaman editor produk, Anda hanya perlu menentukan gambar utama/featured image dari produk ini. Lihat pada pojok kanan bawah, pada kotak Featured Image. Klik pada link Set featured image
5. Pilih gambar yang sebelumnya sudah diupload, klik tombol Set Featured Image, maka gambar tersebut sudah menjadi gambar utama dari produk ini. Selesai, lanjutkan point berikutnya (Setting Kategori & Tags Produk).
(Hal 9)
2.e) Kategori & Tags Untuk mengelompokkan produk, Anda dapat menggunakan Category. Anda dapat membuat kategori terlebih dahulu sebelum mulai menambahkan produk. Klik Produk > Categories Berikut ini cara membuat kategori baru. *Ulangi untuk membuat lagi kategori baru
Pada saat menambahkan produk (editor produk), pilih kategori dan tags pada seperti dalam gambar berikut: *Anda juga dapat menambahkan kategori baru pada box kategori tersebut.
Apabila ke-5 point sudah dilengkapi, Anda dapat mempublikasikan produk Anda dengan cara klik tombol PUBLISH pada halaman editor produk Anda. (Hal 10)
3. CARA MENAMBAHKAN ARTIKEL BLOG Agar website Anda semakin SEO atau lebih disukai oleh mesin pencari, buatlah artikel terkait produk yang Anda jual, tips & trik, cara penggunaan, dan informasi lainnya yang bermanfaat bagi pengunjung website Anda. Nah, itulah fungsi dari fitur Blog pada template ini. PERHATIAN: Artikel blog harus menggunakan kategori BLOG yang sudah otomatis dibuat ketika template ini di-install. Menambahkan/memposting Artikel Blog 1. Arahkan kursor pada Blog > Tulis Artikel Baru
2. Caranya hampir sama seperti ketika Anda manambahkan produk, cuma bedanya tanpa ada panel detail produk. 1. Ketik Judul Artikel Blog 2. Tulis Artikel Blog. Anda dapat menambahkan gambar ke dalam artikel dengan cara klik tombol Add Media > Pilih Gambarnya > Pilih Tata Letak, Ukuran gambar > Insert to Post 3. Pilih Kategori artikel ini. *Harus pilih kategori BLOG 4. Ketik keyword Tags. 5. Publikasikan artikel dengan cara klik tombol PUBLISH
(Hal 11)
4. CUSTOM MENUS (OPTIONAL) Custom menus hanya tersedia pada bagian Navigasi Atas. Anda dapat mengatur isi dari navigasi tersebut dengan membuat menu baru. Secara default, navigasi atas menampilkan halaman(page) yang ada di website Anda dan Anda tidak diharuskan membuat menu baru, ini hanya optional saja. Langkah-langkah membuat custom menu:
Menu IndoStore
1. Klik Appereance > Menus > Cari tombol create a new menu *lihat gambar diatas (no.1) 2. Beri nama menu yang Anda buat, contoh: Menu Contoh *lihat gambar diatas (no.2) 3. Apabila sudah dibuat menunya, isi komponen menu dari sisi A dan tambahkan ke sisi B menggunakan tombol Add to Menu. *lihat gambar diatas (no.3) 4. Aturlah posisi atau urutan komponen custom menu pada sisi B. Apabila sudah OK, centang pada Menu IndoStore untuk menampilkan menu yang Anda buat pada menu navigasi atas website. *lihat gambar diatas (no.4 dan kotak B) 5. Klik tombol Save Menu *Geser item sedikit ke kanan untuk menjadikannya sub menu dari item diatasnya.
(Hal 12)
5. WIDGET AREA (FOOTER) IndoStore Theme mempunyai 5 (lima) widget area yaitu: Sidebar kiri, Sidebar Kanan, Footer bagian kiri, tengah dan kanan. Anda dapat menambahkan widget pada tiap-tiap widget area yang tersedia di halaman Widgets. 1. Klik Appereance > Widgets 2. Anda dapat menambahkan available widgets yang tersedia di sebelah kiri (sisi A) ke widget area yang ada di sebelah kanan (sisi B)
IndoStore
3. Klik salah satu widget yang ingi Anda tambahkan (sisi A), lalu pilih widget area tempat Anda ingin meletakkan widget tersebut. Contoh: Menambahkan widget Categories 1. Klik Widget Categories 2. Pilih Widget Area-nya (contoh: Sidebar) 3. Klik tombol Add Widget
4. Atur dan setting sesuai kebutuhan Anda. (Hal 13)
