Gunakan pembuat halaman produk kustom WooCommerce (plugin gratis)!

Diterbitkan: 2018-07-23

Apakah 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.

Pembuat produk kustom WooCommerce
Halaman Produk Fleksibel: Anda dapat mencapai hasil seperti itu dengan pembuat halaman produk kami untuk WooCommerce

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:

Pembuat produk kustom WooCommerce
Halaman Produk Fleksibel: Anda dapat mencapai hasil seperti itu dengan pembuat halaman produk kami untuk WooCommerce

Ini adalah pengaturan dasar dan penataan bidang dalam tema default WooCommerce: etalase

Tentu saja, Anda dapat menggunakan CSS untuk memberi gaya pada bidang ini.

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:

Pembuat opsi produk tambahan untuk WooCommerce
Pilih (drop-down) dapat digunakan sebagai bidang asuransi

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.

Pembuat produk Bidang Produk Fleksibel WooCommerce
Ukuran adalah bidang Pilih lainnya

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:

Pembuat produk tunggal WooCommerce
Cincin: Ukiran (placeholder)

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.org
10.000+ Instalasi Aktif
Terakhir Diperbarui: 13-03-2023
Bekerja dengan WooCommerce 7.1 - 7.5.x

Tonton 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 :

Beberapa fitur yang kami jelaskan di artikel ini, seperti Pricing atau Conditional Logic, tersedia dalam versi PRO .
Instalasi WooCommerce pembuat produk
Pasang dan aktifkan Bidang Produk Fleksibel

Sesuaikan bidang produk

Selanjutnya, pilih Produk → Bidang Produk di menu WordPress Anda:

Bidang Produk dalam menu
Di sini Anda dapat menemukan Bidang Produk Fleksibel

Sekarang Anda dapat mulai menyesuaikan halaman produk Anda.

Konfigurasi Produk Khusus - panduan langkah demi langkah

Lihatlah layar konfigurasi:

Pembuat produk kustom WooCommerce
Menyesuaikan produk cincin saya dengan Bidang Produk Fleksibel

Saya menugaskan field group ke produk: Ring .

Dalam versi gratis Bidang Produk Fleksibel, Anda harus menetapkan produk satu per satu. Namun, dalam versi PRO, Anda dapat memilih semua produk dari kategori atau semua produk di toko.

Biarkan saya memandu Anda langkah demi langkah dengan konfigurasi plugin.

  1. 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:

    Pembuat opsi produk tambahan untuk WooCommerce
    Menambahkan opsi Asuransi di bidang Pilih

    Baca tentang opsi produk tambahan yang ditingkatkan untuk produk WooCommerce .
  2. Tambahkan harga ke bidang

    Di tab Pricing , saya menetapkan Price Type sebagai Percentage seperti yang saya katakan sebelumnya di artikel ini:

    Sesuaikan halaman produk Anda
    Menambahkan harga jenis persen di tab Harga

    Baca selengkapnya tentang cara menambahkan bidang harga tambahan ke produk WooCommerce .
  3. Tambahkan Pilih untuk Ukuran

    Selanjutnya, saya membuat dan mengonfigurasi opsi bidang Ukuran . Ini juga tipe Pilih .

    Nilai ukuran pilih bidang tarik-turun
    Menentukan label ukuran dan nilai dengan pembuat halaman produk WooCommerce
  4. Tambahkan bidang Teks untuk Pengukiran

    Saatnya menambahkan bidang Engraving. Ini adalah jenis kolom Teks . Juga, saya mengatur Placeholder . Lihat:

    Pembuat produk kustom WooCommerce
    Menambahkan opsi Ukiran ke produk
  5. Tambahkan kotak centang untuk Pembungkusan Kado

    Kolom terakhir adalah kolom 'Pembungkus Kado'. Ini adalah jenis bidang Kotak centang . Pelanggan dapat memilih ini atau tidak.

    Pembuat opsi produk tambahan untuk WooCommerce
    Menambahkan kotak centang pembungkus kado

Itu saja! Kami berhasil mengonfigurasi konfigurator produk kustom WooCommerce untuk sebuah cincin.

Apakah Anda membutuhkan bidang lain? Lihat panduan kami di mana kami menjelaskan semua bidang → dari Bidang Produk Fleksibel.

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