Panduan WP Toko Lengkap Web

30
http:// www.jualtheme.com/ panduan-theme-id-toko- online/ Panduan Theme-ID Toko Online jtheme / October 1, 2014 / No Comments Selamat datang pelanggan jualtheme.com. paduan toko online ini saya copykan dari web theme-id.com . ini merupakan tutorial versi terbaru yang Update tanggal: 12-08-2014. 1-Setting pada bagian ini kita akan melakukan setting wordpress dan themes Upload Theme wp-admin >> appearance >> themes

description

panduan web, web panduan, panduan panduan web bantuan web ewer ojaodjad jakdnakj nkjbkjj sadkjank dnakjd bnakj dbkaj

Transcript of Panduan WP Toko Lengkap Web

Page 1: Panduan WP Toko Lengkap Web

http://www.jualtheme.com/panduan-theme-id-toko-online/

Panduan Theme-ID Toko Onlinejtheme / October 1, 2014 / No Comments

Selamat datang pelanggan jualtheme.com. paduan toko online ini saya copykan

dari web theme-id.com. ini merupakan tutorial versi terbaru yang Update

tanggal: 12-08-2014.

1-Setting

pada bagian ini kita akan melakukan setting wordpress dan themes

Upload Theme

wp-admin >> appearance >> themes

Page 2: Panduan WP Toko Lengkap Web

1.A Theme Option

pada bagian ini , kita bisa setting tampilan dan detail toko kita

wp-admin >> appearance >> theme option

Page 3: Panduan WP Toko Lengkap Web

1.a.1 Styling theme

pada bagian ini kita bisa melakukan custom warna , upload header , upload

favicon , dan memasukan code stat ( histat, google analityc ,etc )

wp-admin >> appearance >> theme option ( TAB Styling)

Page 4: Panduan WP Toko Lengkap Web

1.a.2 Banner Slider

silahkan anda upload gambar untuk banner slider anda, dan juga url permalink

wp-admin >> appearance >> theme option ( TAB Banner Slider)

Page 5: Panduan WP Toko Lengkap Web

1.a.3 Data Toko

pada bagian ini , silahkan isi data toko anda , mulai dari nama toko , telp ,

sms ,dll

wp-admin >> appearance >> theme option ( TAB Banner Slider)

 

1.a.4 Home

pada bagian ini adalah untuk mensetting tampilan pada halaman home atau

index

wp-admin >> appearance >> theme option ( TAB Home)

Page 6: Panduan WP Toko Lengkap Web

1.a.5 Single

pada bagian ini adalah untuk mensetting tampilan produk hoverzoom

wp-admin >> appearance >> theme option ( TAB Single)

1.a.6 Form Order

pada bagian ini adalah untuk mensetting Form order , mulai dari link ke halaman

cara belanja , email form order , tambahan kata pada email

Page 7: Panduan WP Toko Lengkap Web

wp-admin >> appearance >> theme option ( TAB Form Order)

1.a.7 Rekening Bank dan Logo Bank

pada bagian ini untuk mensetting nama dan nomer rekening bank yang anda

gunakan, yang nantinya akan di munculkan melalui widget

wp-admin >> appearance >> theme option ( TAB Bank)

 

1.a.8 Logo Ekspedisi

pada bagian ini anda bisa menampilkan logo ekspedisi apa saja yang anda

gunakan

wp-admin >> appearance >> theme option ( TAB Ekspedisi)

 

1.a.9 PoPUP

jika anda ingin menampilkan popup ( overlay yang muncul pada saat user masuk

ke web kita ) ada 3 pilihan

wp-admin >> appearance >> theme option ( TAB POP-UP)

 

1.B Membuat Menu

wp-admin >> appearance >> Menu

perhatikan gambar di bawah ini

Page 8: Panduan WP Toko Lengkap Web

lebih jelasnya bisa di lihat pada video ini

mau theme nya apa saja , membuat menunya sama saja ya , wokeh

1.C Cara Setting Permalink

wp-admin >> Setting >> Permalink

silahkan isi >> /%category%/%postname%

Page 9: Panduan WP Toko Lengkap Web

1.D Cara Setting Widget

Untuk tampilan di sidebar, anda cukup drag and drop ( geser widget yang

tersedia )

Wp-admin >> appearance >> widget

 

Page 10: Panduan WP Toko Lengkap Web

Dan untuk memudahkan , semua widget di awali dengan kata virtarich

1.E Cara Setting Media

Wp-admin >> Setting >> media

Setting seperti terlihat pada gambar di bawah ini

Page 11: Panduan WP Toko Lengkap Web

2-Posting

pada bagian ini menjelaskan bagimana cara posting , baik itu produk , blog

ataupun page ( halaman )

2.A Posting Produk

Untuk lebih jelas , bagaimana cara posting , ada bisa lihat video [HD] disini

Masuk ke wp-admin >> Post >> Add New Post

Page 12: Panduan WP Toko Lengkap Web

Keterangan

1- klik add new post

2- Tulis Judul Produk anda

3- Masukan gambar dan tulis detail produk anda , gambar produk bisa lebih dari

satu

Selanjutnya , aktifkan custom Meta box anda , masih di halaman add new post ,

Klik pada screen option pojok kanan atas , perhatikan pada gambar berikut ini

Page 13: Panduan WP Toko Lengkap Web

Selanjutnya scroll ke bawah sendiri , anda akan melihat tampilan seperti

dibawah ini

Perhatikan keterangan dan contoh pengisian di setiap form yang

tersedia

( perhatikan panah pada gambar di atas )

Keterangan:

Produk Habis : centang ini jika produk pada post ini habis

Stok barang : bisa disini jumlah barang , atau keterangan ready , kosong, inden ,

dll

Kode produk : isi kode untuk produk ini

Harga produk : isi harga produk , tanpa Rp, penulisan seperti ini 199.00

Harga diskon : jika ada harga diskon, penulisan tanpa Rp, contoh :149.000

Berat barang : contoh penulisan : 0.4 tanpa Kg >> muncul nya 0.4 Kg

2.a.1 Produk Memiliki Beberapa Pilihan size atau spec

Contoh untuk produk baju dan sepatu , yang setiap satu produk tersedia

beberapa size berbeda

Centang seperti pada gambar di bawah ini

Page 14: Panduan WP Toko Lengkap Web

2.a.2 Setting thumbnail

Theme ini sudah menggunakan featured image pada thumb setiap post nya

anda bisa memilih gambar thumb yang mau di tampilkan

Wp-admin>> post >> edit post >> lihat pojok kanan bawah , ada tulisan

featured image

Silahkan pilih gambar thumb yang anda inginkan ,

Page 15: Panduan WP Toko Lengkap Web

2.a.3 Produk dropship

Jika anda memasarkan produk dropship , maka pembelian Produk dropship tidak

bisa di masukan ke keranjang belanja , karena produk dropship belum tentu di

kirim dari kota yang sama dengan toko anda

Contoh : toko anda lokasi di surabaya, tapi produk yang anda jual dropship

dari jakarta , tentunya untuk ongkos kirim produk akan berbeda , untuk itu

produk dropship cara order nya di arahkan ke halaman cara pemesanan atau

sms saja , bukan melalui shopping cart

Page 16: Panduan WP Toko Lengkap Web

2.a.4 Setting Produk Habis

Jika produk yang anda jual habis, anda cukup centang pada bagian produk

habis , perhatikan gambar di bawah ini

2.a.5 Post produk dengan tampilan hoverzoom

Langsung saja lihat video nya disini

2.B Posting Blog

Masuk ke wp-admin >> Blog >categori

Silahkan anda buat dulu kategori blog ( perhatikan gambar dibawah

ini )

Page 17: Panduan WP Toko Lengkap Web

Selanjutnya silahkan anda klik add new blog

2.C Membuat Halaman

wp-admin >> page >> add new page

2.c.1 Cara Membuat Halaman Keranjang

Page 18: Panduan WP Toko Lengkap Web

Masuk ke wp-admin >> page >> add new page >>pilih template

( keranjang)

Pilih template posisi ada di pojok kanan bawah

Nama halaman dan url nya harus keranjang

(contoh http://wpgrosir.com/keranjang)

Untuk konten nya anda bisa tulis apapun , halaman ini adalah halaman terima

kasih , akan tampil setelah user selesai klik sent form order

Contoh

Page 19: Panduan WP Toko Lengkap Web

2.c.2 Cara Membuat halaman Testimoni

Wp-admin >> page >> add new page >> pilih template ( testimoni)

Page 20: Panduan WP Toko Lengkap Web

2.c.3 Cara Membuat Halaman Katalog

Masuk ke wp-admin >> page >> add new page ( pilih template katalog)

Page 21: Panduan WP Toko Lengkap Web

2.c.4 Cara Membuat Halaman Cek Resi pengiriman

Masuk ke wp-admin >> page >> add new page ( pilih template cek resi)

Halaman ini adalah iframe ke jne.co.id

2.c.5 Cara Membuat Halaman Cek Ongkos Kirim

Masuk ke wp-admin >> page >> add new page >> pilih template ( cek

ongkos kirim)

Page 22: Panduan WP Toko Lengkap Web

 

2.c.6 Cara Edit Ongkos kirim

Ongkos kirim default dari semua theme  adalah dari JAKARTA , anda harus edit ,

sesuaikan dari kota asal anda

Ongkos kirim dari lain bisa anda download di member area

langkah cepat merubah ongkos kirim

wp-admin >> appearance >> editor >> kecamatan.php

copy paste isi file kecamatan.php sesuai dari kota asal yang anda inginkan

Panduan versi video bisa dilihat disini

untuk ongkos kirim dari kota yang belum ada di member area , berarti saya

belum memiliki list excel nya , silahkan kirim list excel ongkos kirim jne

perkecamatan dari kota anda , saya akan bantu rubahkan jadi module

kecamatan.php yang selanjutnya tinggal anda copy paste sesuai panduan di atas

2.c.7 Cara menampilkan produk di post admin

Page 23: Panduan WP Toko Lengkap Web

2.c.8 Cara menampilkan virtarich quick edit

wp-admin >> post >> hover pada post yang akan di edit

maka akan tampil seperti di bawah ini

Page 24: Panduan WP Toko Lengkap Web

2.c.9 Cara membuat table no resi pengiriman

wp-admin >> Resi Pengiriman >> klik add new resi

Tulis judul adalah tanggal ( seperti contoh di bawah ini )

Page 25: Panduan WP Toko Lengkap Web

setelah anda isi semua data resi pengiriman silahkan klik publish

halaman default untuk lihat table resi pengiriman ini ada

di namadomainanda.com/resi

contoh seperti pada demo wptoko >> http://wptoko.virtarichtheme.com/resi

nah kalau anda ingin menambahkan url ini ke custom menu anda ( NAV )

wp-admin >> appearance >> menu >>Links

Page 26: Panduan WP Toko Lengkap Web

pada url isi dengan >> http://namadomainanda.com/resi

pada link text isi >> misal : No Resi

 

3-F.A.Q

berikut ini adalah pertanyaan pertanyaan yang sering saya terima di helpdesk

1- Kenapa Slider tidak berjalan dengan baik ?coba di matikan semua plugin , dan di aktifkan satu persatu , hal ini tujuan nya

untuk cek apakah ada crash Jquery

, kalau belum bisa juga , buatkan ane login wp-admin , ane bantu cek and repair

2- Email pesanan tidak masuk?cek di folder spam , silakan di whitelist dulu , alias pindah dari spam box ke

folder inbox

3- Muncul Pesan error jcart?coba cek di wp-admin >>setting >> general

Page 27: Panduan WP Toko Lengkap Web

nah pada bagian form WordPress Address (URL) dan Site Address (URL) isi nya

harus sama , jika satu tidak pakai www maka yang lain juga tidak pakai www

4- Kenapa gambar berantakan om?langsung saja baca disini

http://theme-id.com/panduan/cara-memperbaiki-thumbnail-gambar-wordpress

5- Sudah ane rubah setting nya , tapi kok , tampilan gak berubah ya ?baca disini

http://theme-id.com/panduan/cara-clear-cache

6- om keranjang nya kok gak berfungsi ya ?setelah clear cache masih saja gak berfungsi , coba kontak pihak hosting

tanyakan pakai php berapa dan sampaikan untuk enable session hosting

test lancar , hostgator, hawkhost, jogjahost ( pakai yang server IIX ) , idwebhost

7- om popup kok gak mau muncul ya ?popup ini ane setting muncul sekali dalam 24 jam , kalau anda mau melihat

tampilan popup lagi , silahkan clear cookies browser anda , dan reload lagi web

anda , wokeh

8- om plugin apa yang di rekomendasikan ?panduan lengkap sedang ane kerjakan , untuk plugin seo , bisa ALL in ONE SEO ,

atau wordpress seo by yoast

google xml sitemap, google image sitemap, stt2 , dll

9- om fanpage ane kok gak muncul ya ?

pastikan url fanpage anda sudah terisi , wp-admin >> appearance >> theme

option >> TAB data toko ( paling bawah sendiri)

Page 28: Panduan WP Toko Lengkap Web

10- om kenapa di wpgrosir muncul kategori nya 2 ya  ?

langsung saja lihat video ini    kategori yang atas itu adalah kategori hover , yang

bisa anda setting dari custom menu wordpress, nah categorie ke dua adalah

default , akan automatis hilang disaat anda menggeser widget apa saja ke

sidebar

11- om kenapa blog nya kalau di klik not found ya ?

pastikan sudah pasang plugin remove no categorie base

lihat lagi disini

nah kalau semua setting sudah , masih not found ,

silahkan ulangi lagi

wp-admin >> setting >> permalink >> SAVE ( tanpa merubah apapun )

12- om kenapa gagal instal theme ?

muncul keterangan seperti ini

Unpacking the package…

Installing the theme…

The package could not be installed. The theme is missing the

<code>style.css</code> stylesheet.

Theme install failed.

salah upload masbro , yang di upload hanya file theme saja , bukan file paket ,

jadi paket yang ada download di member area di extrac dulu , yang di upload

cuma namatheme.zip >> contoh wpgrosir.zip , wptoko.zip

13- Om bagaimana cara update theme?

hapus theme lama >> upload theme baru

setting di theme option tetap tersimpan , tinggal anda cek ulang saja

14- Om form testimoninya kok gak muncul ?

lakukan langkah berikut , pastikan template testimoni sudah ada pilih ya

http://theme-id.com/panduan-theme-toko-online#virtarichtestimoni

wp-admin >> page >> quick edit page ( page testimoni ) lihat gambar di bawah

ini

Page 29: Panduan WP Toko Lengkap Web

silahkan centang pada allow comment ( lihat gambar di bawah ini )

15 – Om , Theme install failed. ?

saya mau install themes WP-TOKO V3.2 kenapa gagal ya?

Page 30: Panduan WP Toko Lengkap Web

muncul tulisan

Unpacking the package…

Installing the theme…

Destination folder already exists.

/home/XXXXX/public_html/wp-content/themes/wptoko/

Theme install failed.

Hapus dulu theme lama , Baru upload theme baru

16- Om bagaimana merubah jumlah tampilan produk di home  ?

default jumlah tampilan produk wordpress adalah 10 , untu merubahnya

wp-admin>> setting >> reading >> Rubah 10 menjadi 12 atau sesuaikan ,

ada yang kelipatan 3 ada juga yang kelipatan 4