Logika Bersyarat WooCommerce, Bidang Kustom & Opsi Produk dalam satu plugin!

Diterbitkan: 2018-03-28

Tahun lalu kami merilis plugin kami untuk menambahkan opsi produk, bidang khusus, dan menyesuaikan produk WooCommerce Anda. Banyak pelanggan meminta kami untuk menambahkan logika bersyarat ke bidang & opsi khusus produk WooCommerce. Saya dengan senang hati mengumumkan bahwa logika kondisional WooCommerce tersedia dalam plugin versi PRO baik untuk produk maupun variasi sederhana.

Apakah produk WooCommerce Anda kekurangan lebih banyak opsi dan bidang khusus ? Sudahkah Anda mencoba menambahkan lebih banyak informasi tentang produk Anda? Namun halaman terlihat terlalu panjang atau selalu sama .

Hari ini, saya akan menunjukkan kepada Anda cara menambahkan bidang khusus ke produk WooCommerce Anda untuk memperkaya opsi produk . Lihat cara memberi pelanggan manfaat dari bidang khusus, opsi produk, dan layanan tambahan secara dinamis menggunakan logika bersyarat . Mari sesuaikan produk sederhana dan tawarkan variasi produk cantik di WooCommerce dalam hitungan menit!

Daftar isi

  • Opsi produk WooCommerce dengan logika kondisional
  • Opsi produk WooCommerce dengan logika kondisional
  • Bidang produk khusus dengan logika kondisi - Panduan langkah demi langkah
  • Ringkasan & lebih lanjut tentang plugin

Opsi produk WooCommerce dengan logika kondisional

Produk paling populer yang dijual di toko online adalah produk fisik standar. WooCommerce dan platform e-niaga lainnya dibuat dengan baik untuk mereka. Ini tidak berarti mereka memenuhi semua kebutuhan. Terkadang toko membutuhkan sesuatu yang lebih dari ini!

Opsi produk memungkinkan pelanggan menyesuaikan produk. Add-on dapat berupa kotak centang, kotak pilih, atau area teks untuk menamai beberapa bidang produk khusus . Tentu saja, itu semua tergantung kebutuhan toko. Pengaya ini dapat digunakan untuk pengukiran produk , asuransi penjualan silang , atau fitur pembungkus kado .

Bagaimana dengan beberapa contoh?

Pemesanan katering WooCommerce

Makan sehat sedang tren akhir-akhir ini. Orang ingin makan enak, tetapi seringkali mereka tidak punya waktu untuk menyiapkan makanan sendiri. Menghitung kalori, membuat daftar makanan, berbelanja, dan memasak. Menjaga diet sendirian adalah tugas sehari-hari yang sulit.

Namun, ada solusi sederhana untuk masalah ini: kotak makanan atau katering pribadi .

Lihat halaman produk di bawah ini ↓ : bidang tanggal (tanggal mulai layanan katering), bidang pilih (tip), dan kotak centang untuk memasukkan atau mengecualikan beberapa bahan dari diet.

Sesuaikan produk dan variasi sederhana WooCommerce dengan bidang khusus, opsi produk, dan logika kondisional untuk menampilkan bidang secara dinamis
Sesuaikan produk dan variasi sederhana WooCommerce dengan bidang khusus, opsi produk, dan logika kondisional untuk menampilkan bidang secara dinamis
Semua add-on tambahan (bidang khusus) yang Anda lihat di halaman produk WooCommerce di bawah ditambahkan menggunakan plugin Flexible Product Fields . Plugin ini memungkinkan Anda untuk menyesuaikan desain dan pilihan produk baik untuk produk dan variasi sederhana WooCommerce .

Bidang Produk Fleksibel PRO WooCommerce $ 59

Logika kondisional variasi produk WooCommerce dibuat sederhana. Dapatkan plugin dan tambahkan 18 add-on produk, logika kondisional, dan harga yang berbeda.

Masukkan ke keranjang atau Lihat Detail
10.000+ Instalasi Aktif
Terakhir Diperbarui: 15-03-2023
Bekerja dengan WooCommerce 7.1 - 7.5.x
Anda juga dapat mengonfigurasi semua bidang khusus (opsi baru) menggunakan logika kondisional untuk produk WooCommerce (produk sederhana dan variabel). Saya akan menunjukkan caranya nanti di artikel ini.

Asuransi WooCommerce untuk produk

Contoh bagus lainnya adalah asuransi . Toko rela menjual asuransi untuk produk yang mereka tawarkan. Ini memberi toko keuntungan tambahan karena mereka adalah perantara perusahaan asuransi.

Logika bersyarat WooCommerce
Asuransi Produk WooCommerce - halaman produk

Seperti yang Anda lihat, semua yang Anda butuhkan dalam contoh ini adalah bidang tarik-turun sederhana (bidang Pilih) dengan opsi produk baru!

Opsi produk WooCommerce dengan logika kondisional

Logika bersyarat berarti satu pilihan produk tergantung pada yang lain . Jadi, Anda dapat membuat halaman produk dinamis dengan berbagai opsi, fitur, dan add-on berdasarkan pilihan pelanggan !

Misalnya, Anda menginginkan opsi pesan hadiah di toko Anda. Anda memerlukan bidang teks tempat pelanggan dapat memberikan pesan untuk ditambahkan ke produk yang ingin mereka berikan.

Bidang teks menghabiskan lebih banyak ruang pada halaman produk daripada bidang lainnya. Anda dapat menyembunyikannya di atas kotak centang. Bagaimana?

Lihatlah animasi di bawah ini:

Opsi produk bersyarat WooCommerce
Bidang pesan hadiah ditambahkan dengan Bidang Produk Fleksibel

Logika kondisional untuk bidang produk itu sederhana.

Saat pelanggan mencentang kotak pesan hadiah, bidang teks akan muncul.

Ini mungkin contoh termudah dari fitur opsi produk bersyarat WooCommerce. Tentu saja, Anda dapat melakukan lebih banyak lagi. Imajinasi adalah satu-satunya batasan Anda :)

Satu hal lagi! Anda dapat menggunakan logika bersyarat untuk opsi produk dan bidang khusus untuk produk dan variasi sederhana WooCommerce !

Ketentuan produk WooCommerce - bagaimana cara menggunakannya di toko Anda?

Mari kita gunakan contoh dari animasi di atas️. Saya akan menunjukkan cara mengonfigurasi bidang agar berfungsi seperti itu. Jangan khawatir, ini sangat mudah!

Plugin logika bersyarat WooCommerce

Hal pertama yang pertama. Anda memerlukan plugin yang saya sebutkan di atas. Anda juga dapat mulai dengan versi gratisnya ! Cukup klik tautan di atas!

Unduh plugin secara gratis di tautan di bawah ini

Bidang Produk Fleksibel WooCommerce

Logika kondisional variasi produk WooCommerce dibuat sederhana. Dapatkan plugin dan tambahkan 18 add-on produk, logika kondisional, dan harga yang berbeda.

Unduh gratis atau Buka WordPress.org
10.000+ Instalasi Aktif
Terakhir Diperbarui: 13-03-2023
Bekerja dengan WooCommerce 7.1 - 7.5.x
Perhatikan bahwa Anda memerlukan versi PRO jika Anda ingin mengonfigurasi opsi produk bersyarat WooCommerce . Versi gratisnya tidak mendukung logika bersyarat tetapi saya mendorong Anda untuk mencobanya sebelum membeli!

Mari kita kembali ke konfigurasi.

Bidang seperti ini dalam contoh sangat mudah diatur. Anda perlu menambahkan bidang kotak centang dan kemudian Anda perlu mengaktifkan logika bersyarat (PRO) di bidang pesan hadiah.

Bidang khusus - konfigurasi

  1. Tambahkan grup bidang baru

    Pertama, Anda harus menambahkan grup bidang baru dan menetapkannya ke produk, kategori, atau tag tertentu. Anda juga dapat memilih untuk menetapkannya ke semua produk, seperti yang saya lakukan.

  2. Pilih bidang khusus

    Kemudian, Anda harus memilih bidang yang ingin Anda tambahkan terlebih dahulu. Biarkan itu menjadi bidang kotak centang . Anda dapat menemukannya di antara bidang Opsi .

    Opsi produk bersyarat WooCommerce - menambahkan add-on tambahan
    Pertama, tambahkan bidang kotak centang
  3. Tambahkan bidang kotak centang

    Ini akan menjadi bidang yang akan meluncurkan logika kondisional . Tapi itu harus bekerja sama dengan bidang lain. Mari tambahkan field Textarea .

    Variasi logika bersyarat WooCommerce - menambahkan bidang textarea
    Sekarang tambahkan bidang Textarea untuk melanjutkan dengan logika kondisional

    Anda juga dapat mengatur batas karakter di tab Advanced .
  4. Logika bersyarat dan penetapan harga (PRO)

    Sekarang, kita dapat mengatur logika kondisional dan harga.

    Logika bersyarat dan harga tersedia dalam plugin versi PRO .

    Ikuti langkah ini:

    bidang kondisional WooCommerce
    Buka tab Logika bersyarat

    Saya juga menambahkan harga ekstra jika kolom kotak centang dicentang oleh pelanggan:

    Konfigurasi logika bersyarat add-on produk WooCommerce dengan harga tambahan
    Tambahkan harga tambahan
  5. Opsi produk kustom WooCommerce dengan logika kondisional

    Lihatlah efek akhirnya . Ini adalah bagaimana pelanggan Anda akan melihat logika kondisional yang baru saja kami atur:

    Opsi produk bersyarat WooCommerce
    Logika bersyarat dengan harga tambahan di halaman produk

Saya merangkum langkah-langkah konfigurasi untuk Anda:

  1. Anda perlu membuat bidang kotak centang.
  2. Bidang kotak centang tidak memiliki rangkaian pilihan logika bersyarat. Itu harus bekerja sama dengan bidang lain.
  3. Selanjutnya, Anda perlu membuat bidang area teks.
  4. Bidang ini harus memiliki rangkaian pilihan logika bersyarat.
  5. Aturannya adalah untuk menampilkan bidang ini jika bidang pesan hadiah dicentang.

Itu dia! Sederhana, bukan?

Harap diingat bahwa Anda dapat menggunakan opsi produk bersyarat WooCommerce dengan logika bersyarat baik untuk produk maupun variasi sederhana !

Ringkasan & lebih lanjut tentang plugin

Dalam artikel ini, Anda telah mempelajari cara mengonfigurasi opsi produk WooCommerce dan kolom kustom, serta menggunakan logika bersyarat untuk menampilkan kolom secara dinamis . Jika Anda memerlukan bantuan lebih lanjut, beri tahu saya di bagian komentar di bawah.

Apakah Anda siap menggunakan logika kondisional produk di toko Anda?

Lihat semua fitur versi PRO dan baca dokumentasi plugin !

Bidang Produk Fleksibel PRO WooCommerce $ 59

Logika kondisional variasi produk WooCommerce dibuat sederhana. Dapatkan plugin dan tambahkan 18 add-on produk, logika kondisional, dan harga yang berbeda.

Masukkan ke keranjang atau Lihat Detail
10.000+ Instalasi Aktif
Terakhir Diperbarui: 15-03-2023
Bekerja dengan WooCommerce 7.1 - 7.5.x
Anda juga dapat menyesuaikan bidang checkout WooCommerce dengan logika kondisional !