Gunakan pembuat halaman produk kustom WooCommerce (plugin gratis)!
Diterbitkan: 2018-07-23Apakah Anda memerlukan konfigurator produk WooCommerce dan pembuat halaman produk khusus? Pada artikel ini, saya akan menunjukkan cara menggunakan plugin gratis untuk menyesuaikan desain halaman produk WooCommerce & menambahkan bidang khusus. Saya akan menggunakan Bidang Produk Fleksibel - plugin WooCommerce gratis. Baca lebih lanjut dan ikuti saya langkah demi langkah melalui konfigurasi!
Apakah Anda terkadang kekurangan cara mudah untuk menyesuaikan desain atau menambahkan lebih banyak bidang ke produk WooCommerce Anda ?
Biarkan saya menunjukkan kepada Anda plugin gratis untuk WooCommerce untuk menambahkan bidang khusus dan mengelola satu halaman produk !
Daftar isi
- Pembuat gratis halaman produk WooCommerce
- Sesuaikan produk WooCommerce dengan Bidang Produk Fleksibel
- Konfigurasi Produk Khusus - panduan langkah demi langkah
Pembuat gratis halaman produk WooCommerce
Bidang Produk Fleksibel adalah plugin yang sangat kuat. Pembuat produk WooCommerce ini memungkinkan Anda menambahkan beragam jenis bidang, yang akan memperkaya halaman produk Anda dengan mudah.
Anda mungkin ingin menambahkan jenis bidang berikut:
- Teks
- Textarea
- Nomor
- Surel
- URL
- Kotak centang
- Multi-kotak centang
- Pilih
- Radio
- Multi-pilih
- Radio dengan warna
- Waktu
- Warna
- Menuju
- Gugus kalimat
- Gambar
- HTML
- Tanggal
- Unggah File
- Radio dengan gambar
Saya akan menunjukkan cara menginstal dan mengkonfigurasi plugin ini nanti di artikel ini.
Buat produk kustom WooCommerce - sebuah cincin
Dalam panduan ini, saya akan menggunakan cincin sebagai contoh. Pada akhirnya, saya akan menunjukkan contoh kasus penggunaan lainnya.
Lihat kembali halaman produk kami yang dipersonalisasi dengan kolom baru:
Ini adalah pengaturan dasar dan penataan bidang dalam tema default WooCommerce: etalase
Sekarang, saya memutuskan untuk menambahkan opsi tambahan berikut ke cincin saya:
- Pertanggungan
- Ukuran
- Ukiran
- dan Pembungkusan Kado
Anda dapat menambahkan milik Anda, tentu saja.
Pertanggungan
Bidang asuransi adalah kotak pilih:
Pelanggan dapat menambahkan asuransi. 'Asuransi Dasar' adalah opsi default pertama. Pelanggan dapat mengundurkan diri dari asuransi (opsi 'Saya tidak perlu asuransi').
Harga asuransi dihitung sebagai persentase dari harga cincin:
- Asuransi Dasar - 5% dari harga produk
- Asuransi Lanjutan - 10% dari harga produk
- Asuransi Ultimate - 20% dari harga produk
Anda juga dapat menetapkan harga tetap untuk opsi bidang. Saya akan menunjukkan konfigurasinya nanti.
Ukuran
Bidang berikutnya adalah 'Ukuran':
Ini akan menjadi bidang Pilih lain yang akan kami tambahkan ke halaman produk kami.
Ukiran & Pembungkus Kado
Bidang lain adalah 'Ukiran'.
Ini akan menjadi bidang teks yang akan kami tambahkan.
Pelanggan dapat memberikan teks mereka untuk diukir di atas ring.
Ada juga opsi 'Pembungkus Kado' yang ditambahkan dengan kotak centang tambahan:
Sekarang saya akan menunjukkan kepada Anda cara mengonfigurasi semua bidang yang baru saja saya tambahkan dengan pembuat halaman produk tunggal WooCommerce kami
Sesuaikan produk WooCommerce dengan Bidang Produk Fleksibel
Pembuat halaman produk WooCommerce
Pembuat produk WooCommerce. Plugin ini memungkinkan Anda menambahkan bidang tambahan ke halaman produk. Menambahkan harga dan logika kondisional juga!
Unduh gratis atau Buka WordPress.orgTonton video ini untuk mengetahui apa yang ditawarkan pembuat produk khusus WooCommerce ini dalam versi gratisnya:
Dapatkan dan instal plugin
Pertama, Anda memerlukanversi gratis Bidang Produk Fleksibel .Anda dapat mengunduhnya secara gratis dari WordPress.org atau menginstalnya langsung dari bagian plugin toko Anda dengan mencari bidang produk yang fleksibel :
Sesuaikan bidang produk
Selanjutnya, pilih Produk → Bidang Produk di menu WordPress Anda:
Sekarang Anda dapat mulai menyesuaikan halaman produk Anda.
Konfigurasi Produk Khusus - panduan langkah demi langkah
Lihatlah layar konfigurasi:
Saya menugaskan field group ke produk: Ring .
Biarkan saya memandu Anda langkah demi langkah dengan konfigurasi plugin.
Tambahkan bidang baru
Pertama, saya memilih Select field dari daftar field yang tersedia dan menentukan labelnya .
Selanjutnya, di tab Umum , saya mengonfigurasi opsi seperti yang Anda lihat di bawah:
Baca tentang opsi produk tambahan yang ditingkatkan untuk produk WooCommerce .Tambahkan harga ke bidang
Di tab Pricing , saya menetapkan Price Type sebagai Percentage seperti yang saya katakan sebelumnya di artikel ini:
Baca selengkapnya tentang cara menambahkan bidang harga tambahan ke produk WooCommerce .Tambahkan Pilih untuk Ukuran
Selanjutnya, saya membuat dan mengonfigurasi opsi bidang Ukuran . Ini juga tipe Pilih .
Tambahkan bidang Teks untuk Pengukiran
Saatnya menambahkan bidang Engraving. Ini adalah jenis kolom Teks . Juga, saya mengatur Placeholder . Lihat:
Tambahkan kotak centang untuk Pembungkusan Kado
Kolom terakhir adalah kolom 'Pembungkus Kado'. Ini adalah jenis bidang Kotak centang . Pelanggan dapat memilih ini atau tidak.
Itu saja! Kami berhasil mengonfigurasi konfigurator produk kustom WooCommerce untuk sebuah cincin.
Ringkasan
Pada artikel ini, Anda telah mempelajari cara mengonfigurasi konfigurator produk kustom WooCommerce di toko Anda. Kami mencari tanggapan Anda di bagian komentar di bawah.
Selain itu, kami telah membuat lebih banyak kasus penggunaan seperti:
- pemesanan kamar
- pemesanan katering
- konfigurator mobil
- konfigurator komputer