2. DAFTAR ISI
# DAFTAR ISI ……………………………………………………………………………………………………………………….... 1
1. Cara Install IndoStore Theme V2……………………………………………………………………………………………... 2
2. IndoStore Options ……….………………………………………………………………………………………... 3
3. Setting Permalink …………..…………………………………………………………..……………..………….. 5
4. Cara Posting Produk ………………………………………………….………………………….….…………… 6
5. Cara Posting Artikel Blog ...………………………………………….………………………….….…………… 8
6. Setting Sidebar & Widget ………………………………………………………………………………………… 9
7. Custom Menu ……………………………………………………………………………………………………… 10
8. Mengatur Jumlah Produk Terbaru di halaman depan …………………………………………………………. 11
9. FAQ / Pertanyaan …………………………………………………………………………………………………. 12
• Theme ini tidak untuk dijual kembali atau dibagikan gratis, tetapi Anda dapat menjadi
Affiliasi kami dan mendapatkan komisi setiap penjualan dari link Anda.
• Pergunakanlah theme ini sesuai dengan Licence yang Anda beli : Term of Use
• Semoga Bermanfaat dan Berkah!
IndoStoreTheme V2 1
www.oketheme.com
3. 1. CARA INSTALL INDOSTORE THEME V2
Install dan aktifkan IndoStore Theme. Lihat pada gambar :
1. Login pada WP Dashboard, klik Appearance kemudian klik Themes
2. Klik “Install Themes”
3. Klik “Upload”
4. Klik Browse dan pilih file .zip IndoStore theme.
5. Klik tombol “Install Now”
6. Tunggu sampai proses install selesai. Klik Activate
7. Pada tahap ini theme sudah terinstall tetapi tampilan masih acak2an karena Anda belum memilih syle pada IndoStore
Options. Oleh karena itu saya sarankan untuk menuju IndoStore Options ( lihat gambar dibawah )
IndoStoreTheme V2 2
www.oketheme.com
4. 2. INDOSTORE OPTIONS
Lanjutkan untuk mengkonfigurasi IndoStore pada theme option yang telah disediakan :
Klik Appearance kemudian klik IndoStore Options
Isi data-data Toko Online Anda, setelah selesai jangan lupa klik Save Option
Ada 6 Box Option. Berikut penjelasan fungsi dari masing-masing Box :
BOX 1 : Tentang Toko
- Setting Kalimat / paragraph pembuka untuk Toko Online Anda. Anda bisa menggunakan kode HTML ( <br>, <b> dll )
- Setting Jam kerja Toko Online Anda
- Setting Facebook Fanpage Toko Anda
- Setting Twitter Toko Anda
- Setting kategori yang dijadikan produk Terlaris (ada badge Terlaris)
- On/Off random produk di sidebar kanan (halaman single)
BOX 2 : Kontak Toko Anda
- Setting email tujuan formulir pemesanan (email Anda)
- Setting Hotline, SMS Center, Blackberry Messenger dan Yahoo Messenger
- Setting jenis icon yang digunakan untuk Yahoo Messenger Anda. Saran saya, gunakan no.2 atau 14, soalnya bagus
BOX 3 : Desain Tema
- Setting warna style
- Background Option : Pilih background Toko online Anda, apabila memilih Texture, Anda bisa melanjutkan memilih texture
yang telah disediakan. Apabila Anda memilih opsi Gambar, Anda bisa menggunakan gambar Anda sendiri untuk dijadikan
sebagai background dengan cara memasukkan url gambar Anda. *Cara mendapatkan url gambar akan saya jelaskan di
bawah.
- Logo Option : Hampir sama dengan background, disini terdiri dari 2 pilihan : Text dan Gambar. Apabila Anda memilih text,
logo yang ditampilkan hanya berupa text Nama Toko Online Anda. Apabila Anda memilih Gambar, Anda bisa memasukkan
url gambar/logo Anda di kolom yang sudah disediakan.
- Untuk Header dan favicon hampir sama penjelasannya dengan logo.
IndoStoreTheme V2 3
www.oketheme.com
5. BOX 4 : Bank Support
- Anda bisa mengatur logo bank apa saja yang mensupport toko online Anda untuk transaksi keuangan.
BOX 5 : Expedisi Support
- Anda bisa mengatur logo jasa expedisi/pengiriman apa saja yang digunakan toko online Anda sebagai kurir pengiriman.
- Pada fitur tambahan di box 5 ini, Anda dapat memasukkan kode Google Analytics & Webmaster Tool (optional) atau Kode
Histats ( histats berfungsi untuk mengetahui berapa traffic pengunjung toko online Anda setiap harinya )
BOX 6 : Iklan, Banner & Slider
- Anda dapat memilih menampilkan Slider atau gambar Banner di halaman depan Toko online Anda. Apabila Anda memilih
Slider, Anda dapat mengatur produk kategori apa dan berapa jumlah produk yang akan ditampilkan di Slider nantinya.
Apabila Anda memilih Banner, Anda dapat memasukkan url gambar banner Anda di kolom yang sudah disediakan. (ukuran
688x290 pixel)
- Setting iklan 234x60 dan 160x600 pixel
Mendapatkan URL Gambar / Upload gambar
Untuk mendapatkan URL gambar logo, header, banner dan favicon Anda harus menguploadnya terlebih dahulu. Caranya :
1. Klik Media > Add New > Select Files
2. Setelah terupload, copy url gambarnya. Lalu paste di kolom yang sudah disediakan di IndoStore Option.
IndoStoreTheme V2 4
www.oketheme.com
6. 3. SETTING PERMALINK
Sebelum setting permalink, install dulu plugin tambahan berikut ini (plugin ini berfungsi menghilangkan kategori pada permalink):
http://wordpress.org/extend/plugins/no-category-base-wpml/
Cara menginstall plugin tersebut adalah :
1. Download plugin tersebut dari link diatas
2. Setelah didownload, silahkan Anda kembali ke Wordpress Dashboard Toko online Anda.
Klik Plugins > Add New > Upload > Choose File > Install Now
3. Setelah terupload, kemudian Aktifkan / Activate (Cukup diaktifkan tanpa settingan apapun)
Barulah kemudian Anda setting permalinknya, caranya :
Klik Settings > Permalinks
Pilih settingan Custom Structure kemudian isi dengan /%postname%.html atau /%category%/%postname%.html
Klik Save Changes
Lihat pada contoh gambar berikut ini :
IndoStoreTheme V2 5
www.oketheme.com
7. 4. CARA POSTING PRODUK / MENAMBAHKAN PRODUK
Pada bagian ini saya akan menjelaskan bagaimana cara menambah produk di toko online Anda.
1. Buka Dashboard Wordpress Anda :
2. Klik Post Add New
3. Buatlah postingan tentang produk Anda, tampilannya seperti gambar di bawah ini :
Insert gambar produk dan deskripsi tentang produk Anda.
Klik ini untuk menambah gambar produk
4. Sesudah detail produk siap. Anda harus membuat 2 Custom Fields untuk memasukkan 2 point penting yaitu :
Customfield untuk harga produk : harga
Customfield untuk kode produk : kode
5. Apabila Custom Fields tidak muncul/ tidak ada, Anda dapat menampilkannya dengan cara klik Screen Option di pojok kanan
atas, kemudian centang pada Custom Fields.
6. Maka Custom Fields akan muncul seperti gambar dibawah ini.
IndoStoreTheme V2 6
www.oketheme.com
8. PENTING! ANDA HARUS TEPAT DALAM PENULISAN TEXT PADA CUSTOM FIELD! Lihat gambar di bawah
Penulisan harus sama tanpa ada penambahan spasi atau pengguna’an huruf besar ( huruf kecil semua )
1. Customfield 1 = harga Value = harga produk beserta mata uangnya (contoh : Rp. 150.000)
2. Customfield 2 = kode Value = kode produk (ex : AA-001)
7. Setelah Custom Field terisi dengan benar, Anda bisa menambahkan Category, Tags dsb kemudian klik Publish
8. Untuk posting produk berikutnya Anda cukup menambahkan Custom Field yang sudah ada setiap akan melakukan posting.
Lihat gambar :
IndoStoreTheme V2 7
www.oketheme.com
9. 5. CARA POSTING ARTIKEL BLOG
Artikel blog biasanya digunakan untuk keperluan SEO, supaya website toko online kita mempunyai nilai lebih di mata Search
Engine seperti Google, Yahoo dsb. Artikel ini nanti akan muncul dibawah produk pada halaman depan website toko online Anda. (
lihat contoh dibawah ini )
ARTIKEL BLOG
Sebelumnya, Anda harus membuat category khusus untuk artikel blog Toko Online Anda terlebih dahulu :
Buatlah Category baru dengan Name Blog dan Slug blog kemudian klik tombol Add New Category
Setelah membuat category, Anda dapat langsung membuat artikel blog untuk Toko Online Anda. Caranya :
1. Klik Add New Blog pada Blog
2. Tulis Judul Artikel blog Anda, lakukan posting seperti biasa.Tetapi pada artikel blog ini, Anda harus memilih / mencentang
category Blog yang sudah Anda buat tadi. Lalu klik Publish. Lihat gambar dibawah ini
IndoStoreTheme V2 8
www.oketheme.com
10. 6. SETTING SIDEBAR & WIDGET
IndoStore Theme mempunyai 2 sidebar di sisi kiri dan kanan, untuk mengatur widget apa saja yang ingin Anda tampilkan di
sidebar Toko Online Anda, Anda dapat mengaturnya di sini :
1. Klik Appearance > Widgets
2. Anda tinggal menyeret widget yang tersedia ke Sidebar Kiri atau Kanan.
3. Untuk menghilangkan widget dari Sidebar, Anda cukup menyeret widget tersebut keluar dari Sidebar.
4. Kalau untuk Yahoo Chat, Facebook Fanpage, Twitter, Logo Bank dan Jasa Pengiriman, Anda dapat mengaturnya di
IndoStore Options
IndoStoreTheme V2 9
www.oketheme.com
11. 7. CUSTOM MENU
Custom menu tidak wajib Anda lakukan, karena saya yakin default menu navigasi IndoStore theme sangat mudah dipahami oleh
pengunjung toko online Anda.
Secara default, navigasi IndoStore theme seperti ini : Gambar 1 : Menu Default
Baris pertama : Halaman Website
Baris kedua : Kategori Website
Gambar 2 : Menu Custom
Bagaimana bila Anda menginginkan susunan
navigasi sesuai keinginan Anda?
Caranya mudah.
4. Klik Appearance kemudian klik Menu
5. Buatlah menu dengan nama terserah Anda
6. Setelah menu dibuat, Anda dapat memilih
Kategori dan Pages mana saja yang ingin
Anda tampilkan di menu Anda ini. (add to menu)
7. Simpan menu yang Anda buat.
8. Kemudian masukkan menu Anda tersebut ke
navigasi IndoStore Theme.
9. Simpan / Save
Navigasi telah selesai dimodifikasi Mudah bukan?
IndoStoreTheme V2 10
www.oketheme.com
12. 8. MENGATUR JUMLAH PRODUK TERBARU DI HALAMAN DEPAN
Produk terbaru yang ditampilkan IndoStore Theme adalah berjumlah 9 sedangkan default wordpress adalah 10. Hasilnya, tampilan
toko online Anda jadi kurang menarik seperti pada contoh gambar no 1 dan akan proporsional dan bagus apabila jumlah produknya
disetting 9 buah seperti pada gambar no 2 :
Gambar 1 ( 10 postingan ) Gambar 2 ( 9 postingan )
Kelebihan 1 postingan,
menjadi tidak bagus.
Cara settingnya adalah :
1. Klik Setting > Reading
2. Ganti angka 10 dengan angka 9
3. Klik Save Changes
IndoStoreTheme V2 11
www.oketheme.com
13. 9. FAQ / PERTANYAAN
A. Kenapa gambar thumbnail tidak muncul?
Catatan : IndoStore Ttheme menggunakan script timthumb untuk gambar thumbnail.
1. Hosting Anda tidak support.
Kebanyakan hosting support script ini, tapi ada juga yang tidak support. Kalau hosting Anda tidak support, gambar thumbnail tidak
keluar
Cara mengatasinya adalah :
1. Masuk ke Cpanel Anda.
2. Masuk ke folder cache pada folder indostore pada blog Anda (wpcontent/themes/indostore2/scripts/cache)
Apabila Anda tidak menemukan folder cache, buatlah secara manual. Menggunakan huruf kecil semua : cache
3. Delete/hapus semua isi dalam cache
4. Kemudian ganti folder permissions pada folder cache menjadi 777
5. Selesai
Kalau cara ini masih tidak bisa, hubungi CS hosting Anda agar mengaktifkan fitur Thumbnail di Website Anda.
2. Gambar postingan tidak disimpan di server Anda ( dari blog lain )
Adalagi kemungkinan kenapa thumbnail tidak muncul, yaitu dikarenakan Anda tidak menyimpan gambar postingan Anda di server
Anda / main comot dari blog lain. Untuk mengambil gambar dari blog lain dan menyimpannya di server Anda, Anda bisa
menggunakan plugin Grab & Save
B. Setelah install IndoStore Theme, blog saya tidak beraturan bentuknya?
Itu dikarenakan tidak memilih style warna pada Theme Option
Cara penyelesaiannya :
1. Masuk ke Appearance > IndoStore Option
2. Kemudian klik Save Option
Karena sebab inilah kenapa saya merekomendasikan Anda untuk langsung menuju IndoStore Option terlebih dahulu setelah theme
terinstall, karena Anda harus memilih terlebih dahulu warna style theme yang akan Anda gunakan untuk blog Anda nantinya.
Dan jangan lupa klik tombol SAVE OPTION .
Support : HelpDesk di Member Area
IndoStoreTheme V2 12
www.oketheme.com
14. Demikian cara setting IndoStore Theme , cara posting artikel blog dan cara
posting produk di toko online Anda.
Semoga tutorial ini dapat membantu Anda sekalian.
Saya mohon maaf apabila ada bug atau error ketika Anda menggunakan IndoStore Theme, namanya juga manusia, tidak
luput dari salah dan dosa. Tapi saya akan berusaha memberikan yang terbaik untuk member OkeTheme.com
Apabila ada pertanyaan atau pemberitahuan bug silahkan hubungi saya.
Support : HelpDesk di Member Area
Like FB OkeTheme
http://www.facebook.com/oketheme
Terima Kasih & Salam Sukses!
IndoStoreTheme V2 13
www.oketheme.com