Anda di halaman 1dari 19

EBOOK TUTORIAL (PANDUAN)

Template Toko Online Wordpress


History:
Last Edit: 14 Desember 2019
Ditulis: 14 September 2019

Perhatian!

 Tutorial ini tidak membahas tentang cara instalasi wordpress atau membahas apa itu domain & hosting.
 Untuk mulai mempraktekan tutorial ini, Anda harus memiliki domain dan hosting yang sudah terinstall CMS
Wordpress.
 Apabila Anda belum memiliki domain & hosting, silahkan hubungi kami untuk konsultasi.
https://www.oketheme.com/contact
 Apabila Anda sudah memiliki domain & hosting namun belum terinstall CMS Wordpress, silahkan install
terlebih dahulu. Tutorial video telah kami sediakan: https://youtu.be/eyFlD_e6j6M

Demo: https://olzhop.oketheme.com

Copyright © 2019
www.oketheme.com

Tutorial Olzhop Theme - Template Toko Online WordPress | Copyright © 2019 Oketheme.com (Hal 1)
FAQ (Pertanyaan Populer) # PENTING DIBACA!
Berikut ini mungkin beberapa pertanyaan yang sering sekali ditanyakan oleh pengguna template ini:

1. Ketika diinstall (proses upload), muncul error seperti ini:


“The uploaded file exceeds the upload_max_filesize directive in php.ini”
Jawab 1:
Hubungi penyedia hosting untuk menaikkan setingan "upload_max_filesize" menjadi diatas
2MB.
Jawab 2:
Anda bisa lakukan sendiri dengan cara:
Login Cpanel > Pilih Select PHP Version > Switch to PHP Settings (kanan atas) > scroll kebawah
cari upload_max_filesize kemudian ubah menjadi 10 MB.

2. Setelah sukses terinstall dan hendak diaktifkan, website menjadi blank (kosong) atau muncul
text error seperti ini:
Site error: the file /home3/root/public_html/toko/wp-content/themes/olzhop/functions/en/locked.php requires the ionCube
PHP Loader ioncube_loader_lin_5.2.so to be installed by the website operator. If you are the website operator please use
the ionCube Loader Wizard to assist with installation.
Jawab:
Hubungi penyedia hosting untuk dapat mengaktifkan Ioncube Loader pada server dimana
website Anda terinstall.

3. Setelah sukses terinstall dan diaktifkan, website menjadi error HTTP ERROR 500
Jawab:
Ubah versi PHP pada server hosting Anda menjadi PHP versi 7.2 keatas.

4. Ongkos kirim tidak dapat menampilkan harga.


Jawab 1:
Pastikan setiap produk memiliki berat, satuan berat adalah menggunakan gram.
Jawab 2:
Apabila produk sudah memiliki berat dan masih error, kemungkinan server database ongkir
sedang maintenance. Anda bisa menghubungi kami terkait masalah ini (via helpdesk).

5. Kenapa tidak bisa seperti pada demo? Fitur ini dan itu bagaimana menampilkannya?
Bagaimana menambahkan logo toko? Bagaimana mengganti kontak toko? DLL
Jawab:
Pertanyaan seperti ini biasanya ditanyakan ketika pengguna tersebut tidak/belum membaca
setiap instruksi yang dijelaskan pada ebook dan theme options. Di setiap menu setingan fitur
template, telah kami berikan instruksi bagaimana menggunakan fitur dalam template ini agar
dapat berfungsi dengan baik dan benar.

Apabila Anda mengalami kendala lainnya, silahkan hubungi kami di


layanan bantuan: www.oketheme.com/support
Tutorial Olzhop Theme - Template Toko Online WordPress | Copyright © 2019 Oketheme.com (Hal 2)
1. SEKILAS TENTANG OLZHOP THEME

Terima kasih telah menggunakan Olzhop Theme. Template premium toko online yang dirancang
dengan desain yang menawan dan fitur yang sangat lengkap. Website toko online Anda menjadi lebih
powerful di pencarian Search Engine seperti Google, Yahoo dll karena sudah otomatis terdapat H1,
H2, H3 dan Breadcrumb yang sangat menunjang kualitas SEO Onpage suatu website.

Mohon untuk diperhatikan :

Template ini dibuat dan dikembangkan oleh anak negeri, jadi kami mohon kiranya untuk Anda
sebagai pengguna template premium ini agar tidak membajak ataupun membagikan file template ini
kepada orang lain. Dan apabila Anda mendapatkan file template ini secara gratis, alangkah baiknya
bila Anda membeli lisensi template ini di Oketheme. Lebih aman dan berkah pastinya. Anda juga
mendapatkan Full Support dan Free update!

Template kami hanya dijual di website oketheme.com, jika ada yang menjual di marketplace seperti Tokopedia,
Bukalapak dan website lainnya 100% itu bajakan dan tidak akan mendapatkan support dan update dari Oketheme.

Semoga bermanfaat dan berkah untuk kita semua 

Salam Sukses!
Oketheme Team

Tutorial Olzhop Theme - Template Toko Online WordPress | Copyright © 2019 Oketheme.com (Hal 3)
2. CARA INSTALL OLZHOP 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. Anda akan diarahkan ke halaman VERIFIKASI dimana Anda harus menvalidasi lisensi
penggunaan template ini. Setelah melakukan proses verifikasi, template telah aktif secara
sempurna dan silahkan lakukan konfigurasi pada pengaturan OLZHOP.

Tutorial Olzhop Theme - Template Toko Online WordPress | Copyright © 2019 Oketheme.com (Hal 4)
3. KONFIGURASI OLZHOP OPTIONS
Selanjutnya, Anda dapat melakukan konfigurasi theme options yang telah disediakan:

Pada theme options, 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.
Pada ebook tutorial tidak dibahas cara melakukan setingan pada masing-masing tab pengaturan pada OLZHOP Options.
Kenapa? Karena kami sudah memberikan instruksi yang lengkap pada masing-masing tab pengaturan.

Setiap INSTRUKSI wajib DIBACA. Pelajari tiap Tab Pengaturan agar lebih paham masing2 fiturnya.

PERHATIAN: Penting untuk diperhatikan bahwa Anda harus membaca dan mengecek setiap pengaturan dari
masing-masing Tab Pengaturan agar Anda memahami theme options template ini.

Tutorial Olzhop Theme - Template Toko Online WordPress | Copyright © 2019 Oketheme.com (Hal 5)
4. CARA MENAMBAHKAN PRODUK
OK, selanjutnya adalah bab/bagian yang paling penting dalam ebook tutorial ini, yaitu cara
menambahkan produk.

Perhatikan langkah-langkah berikut ini:


a. Arahkan kursor pada Produk > Tambah Produk
b. Tulis Judul Produk
c. Tulis Deskripsi Produk (penjelasan tentang produk Anda)
d. Lengkapi Informasi Produk (detail seperti harga, kode produk, gambar produk dsb)
e. Tentukan Kategori
f. Tentukan Tags
g. Pilih Gambar Utama untuk Thumbnail *otomatis ditentukan secara random apabila lupa
h. Klik tombol Update/Publish apabila sudah.

Olzhop

PERHATIAN: Setelah ini kami akan menjelaskan lebih detail dari masing-masing point tersebut.
Lanjutkan membaca tutorial setelah ini.

Tutorial Olzhop Theme - Template Toko Online WordPress | Copyright © 2019 Oketheme.com (Hal 6)
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.

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.

Tutorial Olzhop Theme - Template Toko Online WordPress | Copyright © 2019 Oketheme.com (Hal 7)
Informasi 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. Nantinya
akan muncul pilihan warna seperti gambar dibawah ini:

*Anda dapat memberikan pilihan ukuran/model pada produk dengan cara mencentang:

 “Multi Pilihan” untuk harga yang sama pada tiap pilihannya


 “Multi Harga” untuk harga yang berbeda pada tiap pilihannya.

Dan Anda dapat menambahkan pilihan 1, pilihan 2 dan seterusnya. Nantinya akan muncul pilihan seperti
gambar dibawah ini:

Opsi lainnya dapat Anda setting disesuaikan dengan kebutuhan.

Tutorial Olzhop Theme - Template Toko Online WordPress | Copyright © 2019 Oketheme.com (Hal 8)
Gambar Produk

Tombol Add Media pada


gambar disamping adalah untuk
menambahkan gambar pada
artikel/deskripsi produk. Dapat
dilihat contohnya, ada gambar
kamera pada artikel/deskripsi
produk.

Tidak diharuskan ada gambar/foto


yang ditambahkan pada
artikel/deskripsi produk. Ini hanya
contoh.

Pada bagian Informasi Produk, ada


opsi dimana Anda dapat mengatur
galeri foto produk.

Anda dapat menampilkan galeri foto produk dari setingan Informasi Produk > Gambar/Foto seperti
gambar dibawah ini. Dan di sisi kanan adalah preview galeri produk yang dihasilkan dari setingan di
gambar sisi kiri.

Tentukan gambar utama/featured image produk ini (pojok kanan bawah


editor) *gambar ini yang akan dijadikan thumbnail

a. Klik Set Featured Image


b. Pilih salah satu sebagai gambar utama/featured image.
c. Klik tombol Set featured image.
d. Selesai, lanjutkan point berikutnya (Setting Kategori & Tags Produk).

Tutorial Olzhop Theme - Template Toko Online WordPress | Copyright © 2019 Oketheme.com (Hal 9)
Kategori & Tags

Untuk mengelompokkan produk, Anda dapat menggunakan Category. Anda dapat membuat kategori
terlebih dahulu sebelum mulai menambahkan produk. Klik Produk > Kategori

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 semua point sudah dilengkapi, Anda dapat mempublikasikan produk Anda dengan cara klik
tombol PUBLISH pada halaman editor produk Anda.

Tutorial Olzhop Theme - Template Toko Online WordPress | Copyright © 2019 Oketheme.com (Hal 10)
5. CARA MENAMBAHKAN ARTIKEL BLOG
Agar website Anda semakin SEO friendly 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.

Menambahkan/memposting Artikel Blog

1. Caranya hampir sama seperti ketika Anda manambahkan produk, cuma bedanya tanpa ada
panel detail/informasi produk.
1. Arahkan kursor pada Blog > Tulis Artikel Baru
2. Ketik Judul Artikel Blog
3. 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
4. Tentukan Kategori blog untuk artikel ini
5. Ketik keyword pada Tags. (optional)
6. Pilih gambar yang ingin dijadikan thumbnail *Featured Image
7. Publikasikan artikel dengan cara klik tombol PUBLISH

Tutorial Olzhop Theme - Template Toko Online WordPress | Copyright © 2019 Oketheme.com (Hal 11)
6. 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
Menu Olzhop

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

Tutorial Olzhop Theme - Template Toko Online WordPress | Copyright © 2019 Oketheme.com (Hal 12)
7. WIDGET AREA
Olzhop Theme mempunyai 3 (empat) 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 area
yang ada di sebelah kanan (sisi B)

Olzhop

3. Klik salah satu widget yang ingin 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.

Tutorial Olzhop Theme - Template Toko Online WordPress | Copyright © 2019 Oketheme.com (Hal 13)
8. RECOMMENDED PLUGIN
Ada beberapa plugin yang kami rekomendasikan agar website Anda dapat lebih optimal. Plugin ini
tidak wajib untuk diinstall namun sangat direkomendasikan.

Untuk mulai proses install plugin, lakukan langkah berikut:

1. Klik menu Plugins


2. Klik Recommendation
3. Centang semua plugin atau pilih seperlunya
4. Ubah dropdown bulk actions menjadi Install
5. Klik tombol Apply
6. Tunggu sampai proses install dan aktivasi plugin selesai

Untuk fungsi masing-masing plugin dijelaskan pada bab selanjutnya.

Tutorial Olzhop Theme - Template Toko Online WordPress | Copyright © 2019 Oketheme.com (Hal 14)
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, 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. Plugin ini
sudah tersedia pada list plugin yang direkomendasikan seperti yang dijelaskan pada bab 8.

1. Klik menu Setting > WP Htaccess Editor


2. PASTE kode tambahan pada akhir kode lainnya:
3. 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.
Tutorial Olzhop Theme - Template Toko Online WordPress | Copyright © 2019 Oketheme.com (Hal 15)
10. PERPINDAHAN DARI TEMPLATE LAIN KE OLZHOP THEME
Apabila Anda install Olzhop Theme pada website yang sebelumnya menggunakan template toko online
kami yang lainnya (lihat koleksi template toko online), 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 menggunakan plugin Force
Regenerate Thumbnail. Plugin ini sudah tersedia pada list plugin yang direkomendasikan seperti yang
dijelaskan pada bab 8.

1. Klik menu Tools > Force Regenerate Thumbnails

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

Dengan begitu, thumbnail telah diperbarui & sesuai dengan ukuran thumbnail Olzhop Theme.

Tutorial Olzhop Theme - Template Toko Online WordPress | Copyright © 2019 Oketheme.com (Hal 16)
11. IMPORT DEMO CONTENT
Apabila website Anda masih baru (fresh install WordPress), tentu saja konten pada website Anda
masih belum ada. Anda dapat mulai mengisi produk, artikel, kategori dan lain sebagainya sesuai
dengan tutorial yang dijelaskan pada bab-bab sebelumnya.

Namun, bila ingin website Anda langsung ada konten supaya tidak terlihat kosong, Anda dapat
melakukan import demo content dengan 1 klik saja menggunakan plugin One Click Demo Import.
Plugin ini sudah tersedia pada list plugin yang direkomendasikan seperti yang dijelaskan pada bab 8.

1. Klik menu Appereance > Import Demo Data


2. Klik tombol Import Demo Data
3. Proses ini membutuhkan beberapa menit, tunggu sampai proses import selesai.

Proses ini akan meng-import: post, pages, custom post type, gambar, widget, menu dan pengaturan
template (konten demo).

Tutorial Olzhop Theme - Template Toko Online WordPress | Copyright © 2019 Oketheme.com (Hal 17)
12. RECOMMENDED HOSTINGS
Pilihlah penyedia hosting yang tepat untuk website Anda, berikut ini beberapa penyedia hosting yang
kami rekomendasikan:

1. HAWKHOST  Order disini

Payment : Paypal & Credit Card

2. WUZZHOST  Harga Murah

Server handal dan Terjangkau! Order disini

Payment : Transfer Bank

Tutorial Olzhop Theme - Template Toko Online WordPress | Copyright © 2019 Oketheme.com (Hal 18)
NEED SUPPORT? SUBMIT HERE!
Like Facebook OKETHEME
https://www.facebook.com/oketheme

Join Telegram
https://t.me/myoketheme
Informasi update dan kupon diskon tersedia, jangan sampai ketinggalan!

Warm Regards,

Tri Yuli Kurniawan


Owner Oketheme.com
https://www.facebook.com/triyulik

Tutorial Olzhop Theme - Template Toko Online WordPress | Copyright © 2019 Oketheme.com (Hal 19)

Anda mungkin juga menyukai