tokow theme
Post on 19-Feb-2018
248 Views
Preview:
TRANSCRIPT
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
7/23/2019 Tokow theme
http://slidepdf.com/reader/full/tokow-theme 2/20Tutorial Tokow Theme - Template Toko Online Wordpress | Copyright © 2015 Oketheme.com (Hal 2)
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.
7/23/2019 Tokow theme
http://slidepdf.com/reader/full/tokow-theme 3/20Tutorial Tokow Theme - Template Toko Online Wordpress | Copyright © 2015 Oketheme.com (Hal 3)
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
7/23/2019 Tokow theme
http://slidepdf.com/reader/full/tokow-theme 4/20Tutorial Tokow Theme - Template Toko Online Wordpress | Copyright © 2015 Oketheme.com (Hal 4)
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
7/23/2019 Tokow theme
http://slidepdf.com/reader/full/tokow-theme 5/20Tutorial Tokow Theme - Template Toko Online Wordpress | Copyright © 2015 Oketheme.com (Hal 5)
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.
7/23/2019 Tokow theme
http://slidepdf.com/reader/full/tokow-theme 6/20Tutorial Tokow Theme - Template Toko Online Wordpress | Copyright © 2015 Oketheme.com (Hal 6)
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.
7/23/2019 Tokow theme
http://slidepdf.com/reader/full/tokow-theme 7/20Tutorial Tokow Theme - Template Toko Online Wordpress | Copyright © 2015 Oketheme.com (Hal 7)
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.
7/23/2019 Tokow theme
http://slidepdf.com/reader/full/tokow-theme 8/20Tutorial Tokow Theme - Template Toko Online Wordpress | Copyright © 2015 Oketheme.com (Hal 8)
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.
7/23/2019 Tokow theme
http://slidepdf.com/reader/full/tokow-theme 9/20Tutorial Tokow Theme - Template Toko Online Wordpress | Copyright © 2015 Oketheme.com (Hal 9)
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.
7/23/2019 Tokow theme
http://slidepdf.com/reader/full/tokow-theme 10/20Tutorial Tokow Theme - Template Toko Online Wordpress | Copyright © 2015 Oketheme.com (Hal 10)
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 .
7/23/2019 Tokow theme
http://slidepdf.com/reader/full/tokow-theme 11/20Tutorial Tokow Theme - Template Toko Online Wordpress | Copyright © 2015 Oketheme.com (Hal 11)
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).
7/23/2019 Tokow theme
http://slidepdf.com/reader/full/tokow-theme 12/20Tutorial Tokow Theme - Template Toko Online Wordpress | Copyright © 2015 Oketheme.com (Hal 12)
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.
7/23/2019 Tokow theme
http://slidepdf.com/reader/full/tokow-theme 13/20Tutorial Tokow Theme - Template Toko Online Wordpress | Copyright © 2015 Oketheme.com (Hal 13)
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.
7/23/2019 Tokow theme
http://slidepdf.com/reader/full/tokow-theme 14/20Tutorial Tokow Theme - Template Toko Online Wordpress | Copyright © 2015 Oketheme.com (Hal 14)
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/23/2019 Tokow theme
http://slidepdf.com/reader/full/tokow-theme 15/20Tutorial Tokow Theme - Template Toko Online Wordpress | Copyright © 2015 Oketheme.com (Hal 15)
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.
7/23/2019 Tokow theme
http://slidepdf.com/reader/full/tokow-theme 16/20Tutorial Tokow Theme - Template Toko Online Wordpress | Copyright © 2015 Oketheme.com (Hal 16)
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.
7/23/2019 Tokow theme
http://slidepdf.com/reader/full/tokow-theme 17/20Tutorial Tokow Theme - Template Toko Online Wordpress | Copyright © 2015 Oketheme.com (Hal 17)
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
7/23/2019 Tokow theme
http://slidepdf.com/reader/full/tokow-theme 18/20Tutorial Tokow Theme - Template Toko Online Wordpress | Copyright © 2015 Oketheme.com (Hal 18)
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.
7/23/2019 Tokow theme
http://slidepdf.com/reader/full/tokow-theme 19/20Tutorial Tokow Theme - Template Toko Online Wordpress | Copyright © 2015 Oketheme.com (Hal 19)
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.
7/23/2019 Tokow 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
top related