SlideShare a Scribd company logo
1 of 14
CANGELOG INDOSTORE VERSI 2.0

                            Menambah Logo Jasa Expedisi
                         Menambah Logo Bank & Ganti Grafis
                                Menambah fitur Slider
                                 Menambah fitur Blog
                           Menambah fungsi ganti icon YM
                           Menambah fungsi Follow Twitter
            Menambah fitur Custom Background menggunakan image sendiri
Menambah field tambahan "KETERANGAN" pada form pemesanan (ukuran/warna/pertanyaan)
          Perbaikan pada Fitur Tambahan Kode (Analitics,Webmaster & Histats)



                  Demo Website : http://indostore.oketheme.com

                        Copyright © 2012 – Oketheme.com




                            IndoStoreTheme V2                                        0
                                www.oketheme.com
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
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
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
        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
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
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
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
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
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
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
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
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
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

More Related Content

Featured

Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...DevGAMM Conference
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationErica Santiago
 
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellSaba Software
 

Featured (20)

Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
 
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
 

Tutorial indostore-theme-v2

  • 1. CANGELOG INDOSTORE VERSI 2.0 Menambah Logo Jasa Expedisi Menambah Logo Bank & Ganti Grafis Menambah fitur Slider Menambah fitur Blog Menambah fungsi ganti icon YM Menambah fungsi Follow Twitter Menambah fitur Custom Background menggunakan image sendiri Menambah field tambahan "KETERANGAN" pada form pemesanan (ukuran/warna/pertanyaan) Perbaikan pada Fitur Tambahan Kode (Analitics,Webmaster & Histats) Demo Website : http://indostore.oketheme.com Copyright © 2012 – Oketheme.com IndoStoreTheme V2 0 www.oketheme.com
  • 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