Cara Menambahkan Pilihan Warna di Woocommerce

Untuk menambahkan variasi warna pada website toko online berbasis woocommerce pada cms wordpress, pertama klik tab menu produk pada halaman dashboard, selanjutnya ikuti petunjuk gambar berikut ini:

Pengaturan Atribut

halaman dashboard admin

Keterangan gambar:

  1. Klik “Produk”
  2. Pilih “Atribut”

Keterangan gambar:

  1. Ketikkan judul “Warna” pada kolom warna
  2. Pada kolom “Type” pilih “Color”
  3. Bila telah selesai klik tombol “Add attribute”

Selanjutnya untuk menambahkan item warna seperti: merah, hijau, biru dan sebagainya klik “Atur item” seperti pada gambar di bawah ini. Setelah itu, Anda akan dialihkan ke halaman “Produk Warna”.

Pada halaman inilah kita akan menambahkan warna-warna yang akan dijadikan variasi/pilihan yang dapat dipilih pada saat pembelian.

Keterangan gambar:

  1. Ketikkan judul warna
  2. Pilih warna dengan cara menggeser slide
  3. Setelah selesai, klik “Add new Warna”
warna telah ditambahkan

Pengaturan di Halaman Produk

Selanjutnya kita akan belajar menambahkan variasi warna dan ukuran pada produk baru.

Pada halaman produk yang akan ditambahkan variasi warna, cari tab “Product data” dan pada menu dropdown pilih “Produk variabel”

Keterangan gambar:

  1. Pilih Size lalu klik “Add”
  2. Lalu klik “Add”

Selanjutnya Tab atribut akan menjadi seperti ini:

Selanjutnya kita akan menambahkan ukuran S, M, L, XL. Perhatikan gambar di bawah…

Keterangan gambar di atas:

  1. Centang kotak ini
  2. Klik “Select all” untuk menambahkan ukuran, bila ada ukuran yang tidak ingin ditampilkan, klik “x” pada ukuran.
  3. Tombol ini untuk menambahkan ukuran yang belum tertera di “Nilai Kolom”, misal: ukuran XXXL
  4. Klik “Save attributes” bila telah selesai.

Selanjutnya kita akan menambahkan atribut “Warna”…

  1. Pilih Warna lalu klik “Add”
  2. Lalu klik “Add”

Keterangan gambar di atas:

  1. Centang kotak ini
  2. Klik “Select all” untuk menambahkan ukuran, bila ada ukuran yang tidak ingin ditampilkan, klik “x” pada warna.
  3. Tombol ini untuk menambahkan warna yang belum tertera di “Nilai Kolom”.
  4. Klik “Save attributes” bila telah selesai.

Setelah melakukan pengaturan atribut, kita akan memasukkan gambar variasi produk. Perhatikan langkah-langkahnya pada gambar-gambar berikut ini:

Apabila setelah klik “Go” tampil dialog popup seperti gambar dibawah ini, klik “OK” saja

Ok, lanjut. Coba perhatikan gambar di bawah ini…

Tiap ukuran diberikan variasi warnanya, selanjutnya kita akan melakukan di tiap variasi produk…

Keterangan gambar:

  1. Klik untuk menambahkan gambar yang merepresentasikan variasi warna tersebut.
  2. Centang agar dapat mengatur stok produk.
  3. Isikan harga produk pada variasi ini.
  4. Isikan stok produk variasi ini.
  5. Isikan berat produk variasi ini.

Demikian, ulangi langkah yang sama untuk variasi warna lainnya.

Leave a Comment