ใช้เครื่องมือสร้างหน้าผลิตภัณฑ์ที่กำหนดเองของ WooCommerce (ปลั๊กอินฟรี)!

เผยแพร่แล้ว: 2018-07-23

คุณต้องการตัวกำหนดค่าผลิตภัณฑ์ WooCommerce และตัวสร้างหน้าผลิตภัณฑ์ที่กำหนดเองหรือไม่? ในบทความนี้ ฉันจะแสดงวิธีใช้ปลั๊กอินฟรีเพื่อปรับแต่งการออกแบบหน้าผลิตภัณฑ์ WooCommerce และเพิ่มฟิลด์ที่กำหนดเอง ฉันจะใช้ฟิลด์ผลิตภัณฑ์ที่ยืดหยุ่น - ปลั๊กอิน WooCommerce ฟรี อ่านเพิ่มเติมและติดตามฉันทีละขั้นตอนผ่านการกำหนดค่า!

บางครั้งคุณ ขาดวิธีง่ายๆ ในการปรับการออกแบบหรือเพิ่มฟิลด์เพิ่มเติมให้กับผลิตภัณฑ์ WooCommerce ของคุณ หรือไม่?

ให้ฉันแสดง ปลั๊กอินฟรีสำหรับ WooCommerce เพื่อเพิ่มฟิลด์ที่กำหนดเองและจัดการหน้าผลิตภัณฑ์เดียว !

สารบัญ

  • ตัวสร้างหน้าผลิตภัณฑ์ WooCommerce ฟรี
  • ปรับแต่งผลิตภัณฑ์ WooCommerce ด้วยฟิลด์ผลิตภัณฑ์ที่ยืดหยุ่น
  • การกำหนดค่าผลิตภัณฑ์แบบกำหนดเอง - คำแนะนำทีละขั้นตอน

ตัวสร้างหน้าผลิตภัณฑ์ WooCommerce ฟรี

ฟิลด์ผลิตภัณฑ์ที่ยืดหยุ่นเป็นปลั๊กอินที่ทรงพลังมาก ตัวสร้างผลิตภัณฑ์ WooCommerce นี้ให้คุณเพิ่มประเภทฟิลด์ที่หลากหลาย ซึ่งจะทำให้หน้าผลิตภัณฑ์ของคุณสมบูรณ์ยิ่งขึ้นอย่างง่ายดาย

WooCommerce ผู้สร้างผลิตภัณฑ์แบบกำหนดเอง
หน้าผลิตภัณฑ์ที่ยืดหยุ่น: คุณสามารถบรรลุผลลัพธ์ดังกล่าวได้ด้วยตัวสร้างหน้าผลิตภัณฑ์ของเราสำหรับ WooCommerce

คุณอาจต้องการเพิ่มประเภทฟิลด์ต่อไปนี้:

  • ข้อความ
  • พื้นที่ข้อความ
  • ตัวเลข
  • อีเมล
  • URL
  • ช่องทำเครื่องหมาย
  • หลายช่องทำเครื่องหมาย
  • เลือก
  • วิทยุ
  • เลือกหลายรายการ
  • วิทยุพร้อมสี
  • เวลา
  • สี
  • หัวเรื่อง
  • ย่อหน้า
  • ภาพ
  • HTML
  • วันที่
  • อัปโหลดไฟล์
  • วิทยุพร้อมภาพ

ฉันจะแสดงวิธีติดตั้งและกำหนดค่าปลั๊กอินนี้ในภายหลังในบทความนี้

สร้างผลิตภัณฑ์ที่กำหนดเองของ WooCommerce - แหวน

ในคำแนะนำนี้ ฉันจะใช้แหวนเป็นตัวอย่าง ในตอนท้าย ผมจะแสดงกรณีการใช้งานตัวอย่างอื่นๆ ให้คุณเห็น

ลองดูที่หน้าผลิตภัณฑ์ของเราอีกครั้งในแบบของคุณด้วยฟิลด์ใหม่:

WooCommerce ผู้สร้างผลิตภัณฑ์แบบกำหนดเอง
หน้าผลิตภัณฑ์ที่ยืดหยุ่น: คุณสามารถบรรลุผลลัพธ์ดังกล่าวได้ด้วยตัวสร้างหน้าผลิตภัณฑ์ของเราสำหรับ WooCommerce

นี่คือการตั้งค่าพื้นฐานและการจัดรูปแบบฟิลด์ในธีม WooCommerce เริ่มต้น: หน้าร้าน

แน่นอน คุณสามารถใช้ CSS เพื่อจัดรูปแบบฟิลด์เหล่านี้ได้

ตอนนี้ฉันตัดสินใจเพิ่มตัวเลือกพิเศษต่อไปนี้ให้กับแหวนของฉัน:

  • ประกันภัย
  • ขนาด
  • แกะสลัก
  • และการห่อของขวัญ

คุณสามารถเพิ่มของคุณได้แน่นอน

ประกันภัย

ช่องประกันภัยเป็นช่องเลือก:

เครื่องมือสร้างตัวเลือกผลิตภัณฑ์พิเศษสำหรับ WooCommerce
Select (แบบเลื่อนลง) สามารถใช้เป็นช่องประกันภัยได้

ลูกค้าสามารถเพิ่มประกันได้ 'ประกันพื้นฐาน' เป็นตัวเลือกแรกเริ่มต้น ลูกค้าสามารถลาออกจากประกันได้ (ตัวเลือก 'ฉันไม่ต้องการประกัน')

ราคาประกันคิดเป็นเปอร์เซ็นต์ของราคาแหวน:

  • ประกันพื้นฐาน - 5% ของราคาสินค้า
  • ประกันภัยขั้นสูง - 10% ของราคาสินค้า
  • Ultimate Insurance - 20% ของราคาสินค้า

คุณยังสามารถกำหนดราคาคงที่สำหรับตัวเลือกของช่องได้อีกด้วย ฉันจะแสดงการกำหนดค่าในภายหลัง

ขนาด

ฟิลด์ถัดไปคือ 'ขนาด':

นี่จะเป็นอีกฟิลด์ Select ที่เราจะเพิ่มในหน้าผลิตภัณฑ์ของเรา

ผู้สร้างผลิตภัณฑ์ WooCommerce ช่องผลิตภัณฑ์ที่ยืดหยุ่น
ขนาดเป็นฟิลด์เลือกอื่น

แกะสลักและห่อของขวัญ

อีกช่องหนึ่งคือ 'แกะสลัก'

นี่จะเป็นฟิลด์ข้อความที่เราจะเพิ่ม

ลูกค้าสามารถระบุข้อความที่ต้องการสลักบนแหวนได้

นอกจากนี้ยังมีการเพิ่มตัวเลือก 'การห่อของขวัญ' พร้อมช่องทำเครื่องหมายเพิ่มเติม:

WooCommerce เครื่องมือสร้างผลิตภัณฑ์เดียว
แหวน: แกะสลัก (ตัวยึด)

ตอนนี้ฉันจะแสดงวิธีกำหนดค่าฟิลด์ทั้งหมดที่ฉันเพิ่งเพิ่มด้วยเครื่องมือสร้างหน้าผลิตภัณฑ์เดียวของ WooCommerce

ปรับแต่งผลิตภัณฑ์ WooCommerce ด้วยฟิลด์ผลิตภัณฑ์ที่ยืดหยุ่น

เครื่องมือสร้างหน้าผลิตภัณฑ์ WooCommerce

ผู้สร้างผลิตภัณฑ์ WooCommerce ปลั๊กอินนี้ให้คุณเพิ่มฟิลด์พิเศษในหน้าผลิตภัณฑ์ เพิ่มการกำหนดราคาและตรรกะเงื่อนไขด้วย!

ดาวน์โหลดได้ฟรี หรือ ไปที่ WordPress.org
10,000+ การติดตั้งที่ใช้งานอยู่
ปรับปรุงล่าสุด: 2023-03-13
ทำงานร่วมกับ WooCommerce 7.1 - 7.5.x

ดูวิดีโอนี้เพื่อดูว่าเครื่องมือสร้างผลิตภัณฑ์แบบกำหนดเองของ WooCommerce มีอะไรให้ในเวอร์ชันฟรี:

รับและติดตั้งปลั๊กอิน

ขั้นแรก คุณต้องใช้Flexible Product Fields เวอร์ชันฟรีคุณสามารถดาวน์โหลดได้ฟรีจาก WordPress.org หรือติดตั้งได้จากส่วนปลั๊กอินของร้านค้าของคุณเพื่อค้นหา ฟิลด์ผลิตภัณฑ์ที่ยืดหยุ่น :

คุณลักษณะบางอย่างที่เราอธิบายไว้ในบทความนี้ เช่น การกำหนดราคาหรือลอจิกแบบมีเงื่อนไข มีให้ใช้งานใน เวอร์ชัน PRO
การติดตั้งตัวสร้างผลิตภัณฑ์ WooCommerce
ติดตั้งและเปิดใช้งานฟิลด์ผลิตภัณฑ์ที่ยืดหยุ่น

ปรับแต่งฟิลด์ผลิตภัณฑ์

จากนั้น เลือก ผลิตภัณฑ์ → ฟิลด์ผลิตภัณฑ์ ในเมนู WordPress ของคุณ:

ฟิลด์ผลิตภัณฑ์ในเมนู
คุณสามารถค้นหาฟิลด์ผลิตภัณฑ์ที่ยืดหยุ่นได้ที่นี่

ตอนนี้คุณสามารถเริ่มปรับแต่งหน้าผลิตภัณฑ์ของคุณได้แล้ว

การกำหนดค่าผลิตภัณฑ์แบบกำหนดเอง - คำแนะนำทีละขั้นตอน

ดูที่หน้าจอการกำหนดค่า:

WooCommerce ผู้สร้างผลิตภัณฑ์แบบกำหนดเอง
ปรับแต่งผลิตภัณฑ์แหวนของฉันด้วยช่องผลิตภัณฑ์ที่ยืดหยุ่น

ฉันกำหนดกลุ่มฟิลด์ให้กับผลิตภัณฑ์: Ring

ในฟิลด์ผลิตภัณฑ์ที่ยืดหยุ่นเวอร์ชันฟรี คุณต้องกำหนดผลิตภัณฑ์ทีละรายการ อย่างไรก็ตาม ในเวอร์ชัน PRO คุณสามารถเลือกผลิตภัณฑ์ทั้งหมดจากหมวดหมู่หรือผลิตภัณฑ์ทั้งหมดในร้านก็ได้

ให้ฉันแนะนำคุณทีละขั้นตอนด้วยการกำหนดค่าปลั๊กอิน

  1. เพิ่มฟิลด์ใหม่

    ก่อนอื่น ฉันเลือกฟิลด์ Select จากรายการฟิลด์ที่มีอยู่และกำหนด ป้ายกำกับ

    ถัดไป ในแท็บ ทั่วไป ฉันได้กำหนดค่าตัวเลือกตามที่คุณเห็นด้านล่าง:

    เครื่องมือสร้างตัวเลือกผลิตภัณฑ์พิเศษสำหรับ WooCommerce
    การเพิ่มตัวเลือกการประกันภัยในช่องเลือก

    อ่านเกี่ยวกับ ตัวเลือกผลิตภัณฑ์พิเศษที่ได้รับการปรับปรุงสำหรับผลิตภัณฑ์ WooCommerce
  2. เพิ่มราคาลงในฟิลด์

    ในแท็บ การกำหนดราคา ฉันตั้งค่า ประเภทราคา เป็น เปอร์เซ็นต์ ตามที่กล่าวไว้ก่อนหน้าในบทความนี้:

    ปรับแต่งหน้าสินค้าของคุณ
    การเพิ่มราคาประเภทเปอร์เซ็นต์ในแท็บการกำหนดราคา

    อ่านเพิ่มเติมเกี่ยวกับวิธี เพิ่มฟิลด์ราคาพิเศษให้กับผลิตภัณฑ์ WooCommerce
  3. เพิ่มตัวเลือกสำหรับขนาด

    ต่อไป ฉันสร้างและกำหนดค่าตัวเลือกของฟิลด์ ขนาด เป็นประเภท Select ด้วย

    ค่าขนาดเลือกฟิลด์แบบเลื่อนลง
    การกำหนดป้ายกำกับขนาดและค่าด้วยเครื่องมือสร้างหน้าผลิตภัณฑ์ WooCommerce
  4. เพิ่มฟิลด์ข้อความสำหรับการแกะสลัก

    ได้เวลาเพิ่มช่องแกะสลักแล้ว นี่คือประเภทฟิลด์ ข้อความ นอกจากนี้ ฉันได้ตั้ง ค่าตัวยึดตำแหน่ง ดู:

    เครื่องมือสร้างผลิตภัณฑ์แบบกำหนดเองของ WooCommerce
    การเพิ่มตัวเลือกการแกะสลักให้กับผลิตภัณฑ์
  5. เพิ่มช่องทำเครื่องหมายสำหรับการห่อของขวัญ

    ช่องสุดท้ายคือช่อง 'ห่อของขวัญ' เป็นประเภทช่อง ทำเครื่องหมาย ลูกค้าสามารถเลือกสิ่งนี้หรือไม่ก็ได้

    เครื่องมือสร้างตัวเลือกผลิตภัณฑ์พิเศษสำหรับ WooCommerce
    การเพิ่มกล่องกาเครื่องหมายห่อของขวัญ

นั่นคือทั้งหมด! เรากำหนดค่าตัวกำหนดค่าผลิตภัณฑ์ที่กำหนดเองของ WooCommerce สำหรับวงแหวนสำเร็จแล้ว

คุณต้องการฟิลด์อื่นหรือไม่? ตรวจสอบคำแนะนำของเราที่เรา อธิบายฟิลด์ทั้งหมด → จากฟิลด์ผลิตภัณฑ์ที่ยืดหยุ่น

สรุป

ในบทความนี้ คุณได้เรียนรู้วิธีกำหนดค่าตัวกำหนดค่าผลิตภัณฑ์ที่กำหนดเองของ WooCommerce ในร้านค้าของคุณ เรากำลังมองหาความคิดเห็นของคุณในส่วนความคิดเห็นด้านล่าง

นอกจากนี้ เราได้สร้างกรณีการใช้งานเพิ่มเติมมากมาย เช่น:

  • การจองห้องพัก
  • สั่งอาหาร
  • ตัวปรับแต่งรถ
  • ตัวกำหนดค่าคอมพิวเตอร์