Di dalam sebuah website toko online, sering ditemui toko online yang memiliki menawarkan produk dengan banyak variasi, seperti ukuran, warna, motif, dll. Untuk membuat variasi tersebut, woocommerce sudah menyediakan fitur untuk melakukan setup kombinasi variasi yaitu variable product.
Variable product ini berfungsi untuk membuat variasi harga produk. Contoh kasus, produk hoodie yang mempunyai 3 warna dan masing-masing warna mempunyai harga yang berbeda, asumsi warna hoodie kuning, merah, dan putih.
pada variabel product ini, kita menggunakan 2 fungsi yaitu:
- Variasi – pilihan produk contohnya warna dan ukuran
- Attribute – pilihan dari variasi contohnya warna memiliki attribute merah, hijau atau variasi ukuran memiliki attribute S, M, L
Untuk menambah produk variasi, pada dasarnya menggunakan langkah-langkah yang sama dengan produk simple, yang membedakan adalah mengatur produk pada tab variations.
Untuk caranya, ikuti langkah-langkah berikut dibawah ini :
1. Setelah Anda berhasil login, pilih navigasi menu Product > Attributes.
2. Pada menu Attributes, Anda diharuskan untuk memasukkan nama Attributes yang akan digunakan. Ketik Color, karena akan menggunakan Color sebagi variasi. Setelah itu Pilih tombol Add Attribute.

3. Setelah berhasil melakukan penyimpanan, attributes yang akan digunakan, akan muncul pada list sebelah kanan (lihat gambar dibawah). Untuk menambahkan variasi warna (color) bisa pilih Configure terms.

4. Setelah itu, masukkan informasi variaisi warna yang akan ditampilkan. Pilih tombol Add new Color untuk menambahkan pada list variasi warna.

5. Setelah berhasil melakukan setting Attributes. Buat Produk Baru dengan cara pilih Product > Add New.
6. Tambahkan informasi produk, seperti judul, deskripsi, kategori produk, gambar utama, dan gambar gallery. Jika Anda belum mengetahui cara penambahan produk, silakan baca artikel Cara Setup Produk di Website Anda
7. Setelah berhasil menginputkan semua informasi dasar produk. pilih Variable product pada Product data.

8. Pilih Tab Attributes untuk menambahkan setting variable. Kemudian akan muncul attributes yang sudah disetting sebelumnya.

9. Pilih toogle untuk menampilkan informasi detail untuk setting warna apa saja yang akan ditampilkan.

10. Pilih Select All untuk menambahkan semua variasi warna (color) yang sudah disetting sebelumnya. Pastikan checklist untuk setting Visible on the product page dan User for variations agar variasi bisa digunakan untuk melakukan setting pada detail variasi produk. Kemudian pilih Save attributes.

11. Pilih tab Variations, kemudian pilih Create variations from all atributes. Pilih tombol Go untuk menampilkan list warna

12. Setelah itu akan muncul list warna yang akan dilakukan setting. Klik toggle untuk melakukan konfigurasi detail produk per variasi warna.

13. Pada Detail Produk Variasi, Anda bisa setting foto produk, SKU, harga produk, berat produk, dan deskripsi. Setelah semua variasi warna di setup simpan dan Update/Publish untuk melihat produk variasi yang sudah disetup.

14. Setelah berhasil disetup, akan muncul tampilan seperti gambar dibawah. Anda bisa melihat perbedaan variasi dengan cara memilih warna yang diinginkan.

