Download Now Download Themes Gratis WordPress Responsive!

Tutorial Membuat Toko Online dengan WordPress #3

Melanjutkan tutorial yang kedua sebelumnya yaitu Tutorial Membuat Toko Online dengan WordPress #2 yang membahas tentang cara settings plugins woocommerce, sekarang lanjut ke tutorial bagian ke tiga tentang cara menambah produk pada woocommerce.

Dalam tutorial lanjutan ini saya akan memberikan tutorial tentang pembahasan lengkap menu products dari woocommerce yang berisikan product, add product, categories, tags, shipping classes, dan attributes. seperti gambar berikut :

menu product woocommerce

Products : Berisikan semua produk yang sudah anda tambahkan ke dalam wordpress. anda bisa mengedit produk juga disini.

Add Product : Menu yang berfungsi untuk menambahkan produk baru.

Categories : Menu yang berfungsi untuk menambahkan kategori produk, atau pengelompokan produk.

Attributes : Menu ini digunakan untuk membuat atribut produk

Cara Tambah Produk di Woocommerce

1. Untuk menambahkan produk baru pertama kali buat kategori produk terlebih dahulu, dalam contoh ini saya membuat kategori T-shirt, untuk penambahan kategori sama seperti anda membuat kategori konten artikel, jadi saya anggap anda sudah bisa.

2. Buat Attributes baru untuk untuk memberikan ukuran pada produk seperti Tshirt dengan nama Size, Type Text. pada menu Product -> Attributes.

attribute add3. Setelah anda membuat kategori baru klik Add Product, anda akan dibawa kehalaman yang banyak sekali hal yang harus anda lakukan. Hal umum yang anda Isi adalah nama produk, Deskripsi, short deskripsi, pilih kategori dan isi tag.

4. Dibawah area Deskripsi anda akan menemukan settings produk, jika anda menjual produk tanpa adanya ukuran anda bisa memilih Product Data -> Simple Data. Karena dalam tutorial ini saya membuat Produk yang dijual Tshirt dan ada ukuran maka saya menggunakan Product Data -> Variable product. Pada Tab general anda bisa mengisi SKU, atau kode produk disini.

general product woocommerce5.Tab Inventory : anda bisa memberikan jumlah stok produk disini, dengan melakukan centang pada Manage Stock dan mengisi berapa jumlah stok produk anda.

inventory settings

6. Tab Shipping : Pada settings berikut anda bisa menambahkan berat dan dimesi pada produk.

shippings settings7. Tab Attributes : Menu ini digunakan untuk memberikan ukuran, karena saya sebelumnya sudah membuat attributes dengan nama Size Maka pilih Size dan klik Add.

attribute settingsSetelah anda pilih Size dan Add, akan muncul tampilan seperti dibawah ini, tambahkan ukuran Small, Medium dan Large dengan di pisahkan tanda ” | ” dan centang Used For Variations -> Save attributes.

attribute settings woocommerce8. Tab Variations : Pada settings ini, anda bisa membuat perbedaan pada setiap ukuran, anda bisa memberikan jumlah stok berbeda, dan harga berbeda di setiap ukuran. Silahkan klik Add Variations dan lakukan settings seperti gambar dibawah ini. pada setting ini saya membuat harga yang sama pada setiap ukuran.variations9. Beralih ke setting images, anda bisa menambahkan lebih dari satu gambar pada produk gallery, dan jika hanya punya satu maka cukup masukkan gambar pada product image, product image juga merupakan gambar utama yang ditampilkan.

product images gallery

ย Jika semua hal diatas sudah anda lakukan, maka lakukan publish pada produk baru anda, dan sekarang anda mempunyai produk baru yang sudah di tambahkan. anda bisa melihat hasilnya. ๐Ÿ™‚

Baca : Tutorial Membuat Toko Online Dengan WordPress #4

Anda Terbantu artikel ini? Silahkan bergabung dengan centerklik di Twitter dan Google+.

Daftar isi Tutorial Wordpress Terlengkap Gratis
10 top hosting!

Register Now: TOP 10 Hosting

Dapatkan Hosting Murah dengan Kualitas Terbaik. For Serious Blogger! View Deals

Bluehost Hosting

$2.95/Month Free Domain, Unlimited Space & Bandwidth Get Host

iPage Hosting

$1.99/Month Free Domain, Unlimited Space & Bandwidth Get Host

SiteGround Hosting

$3.45/Month Free Domain, Unlimited Space & Bandwidth Get Host

WebHostingPad

$1.99/Month Free Domain, Unlimited Space & Bandwidth Get Host

Hostgator

$3.95/Month Free Domain, Unlimited Space & Bandwidth Get Host

  • Michael

    gan, punya ku kok sizenya gak mau muncull yak? di optionnya kosong

    • di isi dulu gan size nya seperti gambar diatas, teliti lagi langkah-langkahnya dengan benar.

      • Michael

        sudah kak, sudah sama persis, kka alamat emailnya apa? biar aku kirimin SS hasil nya

        • email : admin@centerklik.com

          • Michael

            kak, mohon cek emailnya ๐Ÿ™‚ butuh pencerahan ๐Ÿ™

  • Bagaimana cara menampilkan produk di homepage seperti di demo virtue gan ?

    • pada demo theme virtue tersebut tidak menampilkan product di homepage gan, itu berada di menu shop. tapi kalo agan pengen nampilin di depan. masuk ke menu setting terus pilih static page. terus front page pilih shop.

      • Ane pake virtue gan.
        Bisa ko gan menampilkan product di homepage. Kebetulan di Homepage ane (lobby) ane cuma pasang untuk satu line aja. Virtue punya beberapa line untuk menampilkan produk untuk di homepage. Tapi yaaahh memang kita harus mengakali sendiri atau diskusi sama developernya (selalu dijawab ko). Misal produk Tas kita jejer dengan tas saja. Row di bawahnya produk boneka saja. Tapi asik ko pake virtue (tapi yang premium)

        • iya gan semuanya pasti bisa mau di taruh dimana aja, cuman kan yang bikin susah tu penjelasanya. Tiap orang yang mau belajar bikin toko online kan belum tentu ngerti dimana file yang harus di edit. Kadang cara install theme aja juga masih bingung. jadi ane jelasin yang sesuai dengan standart dari theme virtue aja. ๐Ÿ™‚

  • gan mau tanya nih, kalo misalnya kita punya produk terus produk itu adalah milik pihak ketiga. Jadi setiap produk yang di miliki pihak ketiga akan ada notifikasi “new order” setiap pembelian pihak ketiga tsb. contohnya produk 01 adl milik A jadi notif nya masuk ke email si A dan produk 02 milik B jadi notifikasinya masuk ke email B. itu gimana caranya min?
    makasih banyak sebelumnya. Salam ๐Ÿ™‚

    • Woocommerce itu untuk toko online b2c gan, bisnis to customer jadi produk milik pemilik situs jadi semua notifikasi tentunya ke pemilik situs dan pembeli. Kalo model email notifikasi ke pemilik barang berbeda-beda itu kayak olx dong c2c. tapi kalo agan bisa bikin y silahkan, ntar di share disini kalo udah jadi. ๐Ÿ™‚

  • dedy

    gan ada iklan tak di undang setelah membuat Woocommerce?????

    • iklan apa gan? jangan” tu browser ente yang ada kena virus dan munculin iklan”.

  • Tya

    gan,saya tambahkn size malah add to cart nya hilang berganti jd memilih pilihan size nya

    • Coba di lihat lagi tutorial nya gan, apakah sudah sesuai apa belum. soalnya ane tidak mengalami hal yang sama.

Must Read...!
Tutorial Membuat Toko Online dengan WordPress #2

Lanjut ke Tutorial membuat toko online wordpress dengan plugins Woocommerce bagian 2, silahkan baca...

Tutorial Membuat Toko Online dengan WordPress #1

Pada artikel kali ini saya akan membuat artikel yang lengkap buat anda semua yang...

Close