Tokow theme

7/23/2019 Tokow theme

http://slidepdf.com/reader/full/tokow-theme 1/20Tutorial Tokow Theme - Template Toko Online Wordpress | Copyright © 2015 Oketheme.com (Hal 1)

EBOOK TUTORIAL (PANDUAN)

Tokow Theme

TEMPLATE TOKO ONLINE WORDPRESS INDONESIA

VERSI 1.0

Rilis Perdana – 05 Mei 2015

Demo: http://tokow.oketheme.com

Beberapa bab tutorial pada ebook ini dapat Anda lihat dalam bentuk video pada Saluran

Youtube kami. Jangan lupa subscribe ya

Klik! Playlist Bizniz Theme Video Tutorial

Copyright © 2015

www.oketheme.com

http://tokow.oketheme.com/



https://www.youtube.com/playlist?list=PLrT2zk4YRZA1wER6Qn1vVJqHMsIA1glGN


http://www.oketheme.com/

http://www.oketheme.com/





DAFTAR ISI

DAFTAR ISI 02

BAB 1 SEKILAS TENTANG TOKOW THEME 03

BAB 2 CARA INSTALL TOKOW THEME 04

BAB 3 KONFIGURASI TOKOW OPTIONS 05

BAB 4 SETTING PERMALINK 06

BAB 5 CARA MENAMBAHKAN PRODUK 07

5.a Judul Produk 08

5.b Deskripsi Produk 08

5.c Detail Produk 09

5.d Gambar Produk 10

Cara 1: Upload gambar per produk 11

Cara 2: Upload gambar lebih dari 1 produk secara bersamaan (masal) 12

5.e Kategori & Tags 13

BAB 6 CARA MENAMBAHKAN ARTIKEL BLOG 14

BAB 7 CUSTOM MENUS (OPTIONAL) 15

BAB 8 WIDGET AREA (FOOTER) 16

BAB 9 OPTIMASI KECEPATAN WEBSITE 17

BAB 10 PERPINDAHAN DARI INDOSTORE/OKESTORE KE TOKOW THEME 19

BAB 11 RECOMMENDED HOSTINGS 20

PELUANG BISNIS: Manfaatkan peluang membuka jasa pembuatan website, upgrade lisensi

menjadi developer license untuk mendapatkan hak install template ini di website orang

lain/client Anda. Pastikan Anda telah menguasai materi pembuatan website!

Upgrade ke Tokow Theme developer license , mulai bisnis jasa pembuatan website Anda!

Client Anda order website

toko online kepada Anda

dengan harga yang sudah

Anda tentukan.

Minimal harga jasa Rp.300rb

Anda mengerjakan orderan

Menyiapkan domain &

hosting + install wordpress +

install theme + konfigurasi.

Website selesai dan Anda

memberikan detail website

kepada client.

Berikan support terbaik

kepada client Anda.

http://www.oketheme.com/members/signup/upgrade





1. SEKILAS TENTANG TOKOW THEME

Tokow Theme adalah template toko online Indonesia berbasis wordpress yang sangat fleksibel,

mudah, desain profesional dan kaya akan fitur.

Melihat perkembangan transaksi belanja online yang saat ini meningkat dan menjadi sebuah

kebiasaan baru di kalangan masyarakat Indonesia, suatu keharusan bagi Anda yang mempunyai usaha

toko ataupun biasa berjualan untuk terjun ke dunia pertokoan online (jual online) yang biasa disebut

dengan toko online. Jadi, segera bangung website toko online Anda sendiri, sekarang juga.

Dengan Tokow Theme, membangun sebuah website toko online menjadi sangat mudah dan

menyenangkan. Tidak membutuhkan skill coding yang rumit, tidak perlu membayar seorang ahli

pembuat website dengan bayaran yang mahal, semuanya dapat Anda lakukan sendiri.

YA..! Anda tidak perlu bayar mahal untuk membuat website toko online Anda sendiri.

Yang Anda butuhkan adalah domain, hosting, cms wordpress (free) + Tokow Theme yang relatifterjangkau ini.

Fitur ini juga dilengkapi 2 metode order yang sangat mudah Anda atur sesuai kebutuhan, yaitu:

Shopping Cart > Formulir Pemesanan (send to email)

Orderan dari customer akan dikirimkan ke email Anda sebagai admin website. (seller)

Direct Page (diarahkan ke halaman cara order)

Tombol order tidak menambahkan barang pesanan, melainkan diarahkan ke halaman cara

order yang telah dibuat sebelumnya.

Jadi, sangat mudah sekali pengaturannya! Semoga bermanfaat dan berkah untuk kita semua

Salam Sukses!

Tri Yuli Kurniawan

Admin Oketheme.com



2. CARA INSTALL TOKOW THEME

Berikut adalah langkah-langkah melakukan instalasi template melalui wordpress dashboard:

1.

Pastikan Anda sudah login wp-admin website Anda.

namadomain.com/wp-login.php

2.

Klik Appereance > Themes > Klik tombol Add New

3.

Setelah itu, tombol Add New akan berubah menjadi tombol Upload Theme, klik tombol

tersebut lalu klik tombol Choose File, pilih file template (.zip) yang akan Anda install.

4.

Tunggu sampai proses install selesai, kemudian klik Activate

5.

Selesai. Ikuti tutorial pada bab selanjutnya. Cara mengkonfigurasi theme options



3. KONFIGURASI TOKOW 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.



4. SETTING PERMALINK

Agar website Anda lebih seo friendly dan fungsi dari template ini berfungsi dengan baik, Anda perlu

mengganti settingan permalink seperti langkah-langkah berikut ini:

1.

Arahkan kursor pada Settings

2.

Pilih Permalinks

3.

Lalu pilih pada Custom Stucture

4.

Tambahkan kode /%postname%.html

Selanjutnya, Anda perlu menginstall plugin tambahan berikut ini:

http://wordpress.org/extend/plugins/no-category-base-wpml/

*tersedia juga pada halaman download member area Oketheme.com

*Cukup diinstall dan diaktifkan tanpa setingan apapun.

Cara install paling mudah adalah langsung cari dari list plugin di Wordpress:

1.

Arahkan kursor pada Plugins > Add New 2.

Isi kolom Search, ketik no-category-base-wpml

3.

Klik Install Now pada WP No Category Base – WPML compatible

Fungsinya: Menghilangkan text category pada permalink website Anda, karena kategori blog tidak dapat tampil/tidak

berfungsi apabia terdapat text category pada permalink website.






5. 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 / Tokow Panel (detail seperti harga, warna 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.



5.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.

5.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.



5.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.



5.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. Dapat

nenampilkan hover zoom seperti pada demo.

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. Kekurangannya:

a.

Tidak dapat menampilkan gambar lebih dari 1 pada display produk.

b.

Tidak dapat menampilkan hover zoom.

Display Produk dengan Cara 1 ---- VS ---- Display Produk dengan Cara 2

Apabila tiap produk Anda memiliki lebih dari 1 gambar, misal tampak depan, belakang, atas 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 .



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).



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, lihat pada pojok kanan bawah. Klik Set featured image

5.

Pilih gambar yang sebelumnya sudah diupload, maka gambar tersebut sudah menjadi gambar

utama dari produk ini. Selesai, lanjutkan point berikutnya (Setting Kategori & Tags Produk).

PERHATIAN: Apabila Anda menggunakan cara 2, fitur hover zoom tidak dapat berfungsi. Maka Anda

harus menonaktifkan fitur ini pada Tokow options > Desain Tema > Hover Zoom.



5.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.



6. 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



7. 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:

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 Tokow 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.



8. WIDGET AREA (FOOTER)

Tokow Theme mempunyai 3 (tiga) widget area yaitu: 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 areayang ada di sebelah kanan (sisi B)

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.



9. OPTIMASI KECEPATAN WEBSITE

Tips agar website Anda semakin lebih cepat ketika diakses oleh pengunjung website Anda. Dengan

cara menambahkan beberapa baris kode tambahan pada file htaccess website Anda. Klik link berikut

ini: http://oketheme.com/free-download/extra-htaccess.txt

Blok semua kode atau tekan Ctrl + A pada keyboard, lalu COPY.

Untuk mengedit file htaccess Anda perlu masuk ke File Manager hosting Anda. Namun dengan

adanya plugin WPHtaccess Editor, Anda dapat mengedit langsung dari WP dashboard Anda.

1.

Download file plugin WP Htaccess Editor dari halaman member area (Plugin Tambahan).

2.

Install plugin tersebut. Caranya: klik Plugins > Add New > Upload Plugin

http://oketheme.com/free-download/extra-htaccess.txt






3.

Klik tombol Choose File, pilih file plugin yang sebelumnya sudah didownload, kemudian klik

Install Now

4.

Setelah terinstall, Activate (aktifkan)

5.

Maka, akan ada menu Htaccess pada sidebar WP dashboard Anda. Klik menu Htaccess

6.

Pada Content of the Htaccess File, PASTE kode tambahan di lokasi no.2 pada gambar berikut:

7.

Hasilnya akan seperti gambar berikut ini, jangan lupa klik tombol Save file

PERHATIAN: Tidak semua penyedia hosting memberikan akses untuk edit file .htaccess, text error

akan muncul ketika Anda klik tombol Save file apabila penyedia hosting membatasi hal ini.



10. PERPINDAHAN DARI INDOSTORE/OKESTORE KE TOKOW THEME

Apabila Anda install Tokow Theme pada website yang sebelumnya menggunakan template toko

online kami yang lainnya yaitu IndoStore & OkeStore, maka thumbnail pada website Anda tidak akan

pas atau berantakan karena settingan ukuran thumbnail masing-masing template berbeda. Untuk

menanggulanginya Anda perlu mereset semua thumbnail website Anda. Ikuti langkah berikut ini

melalui Wordpress dashboard (wp-admin):

Arahkan kursor pada Plugins > Add New > Ketik Force Regenerate Thumbnails > Enter

Lalu klik Install Now, lalu apabila sudah terinstall, klik Activate Plugin.

Arahkan kursor pada Tools > Force Regenerate Thumbnails

Klik tombol Regenerate All Thumbnails dan tunggu sampai dengan proses selesai 100%.

Dengan begitu, thumbnail telah diperbarui dan sesuai dengan ukuran thumbnail Tokow Theme.

http://www.oketheme.com/themes/indostore-theme


http://www.oketheme.com/themes/okestore-theme






http://slidepdf.com/reader/full/tokow-theme 20/20

11. RECOMMENDED HOSTINGS

Pilihlah penyedia hosting yang tepat untuk website Anda, berikut ini beberapa penyedia hosting yang

kami rekomendasikan:

1.

HAWKHOST Untuk kode diskon terbaru, silahkan hubungi kami.

Penyedia hosting yang satu ini sangat bagus. Jarang sekali maintenance dan supportnya juga tidakmengecewakan. Order disini

Payment : Paypal & Credit Card

2.

WUZZHOST Harga Murah Tanpa Diskon

Kami hanya menawarkan hosting kami kepada member Oketheme saja. Server handal dan

Terjangkau! Order disini

Payment : Transfer Bank Indonesia

NEED SUPPORT? SUBMIT HERE!

Like Facebook OKETHEME

http://www.facebook.com/oketheme

Informasi Update dan kupon diskon tersedia, jangan sampai ketinggalan!

Warm Regards,

Tri Yuli Kurniawan

Admin Oketheme.com

http://www.oketheme.com/gohawkhost



http://www.wuzzhost.com/client/cart.php?gid=1



http://www.oketheme.com/support








Tokow theme

Documents

Transcript of Tokow theme