สร้างฟิลด์ที่กำหนดเองใน WooCommerce Checkout และหน้าผลิตภัณฑ์

เผยแพร่แล้ว: 2018-08-01

WooCommerce มาตรฐานไม่อนุญาตให้คุณสร้างฟิลด์ที่กำหนดเองโดยไม่ต้องเขียนโค้ด อย่างไรก็ตาม มีบางสถานการณ์ที่คุณต้องการผลิตภัณฑ์ที่กำหนดเองหรือช่องชำระเงินเพื่อจัดการคำสั่งซื้อ WooCommerce อย่างมีประสิทธิภาพ! ไม่ต้องกังวล. ปลั๊กอินฟรี 2 รายการจะช่วยให้คุณเพิ่มฟิลด์ที่กำหนดเองในร้านค้าของคุณ

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

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

สารบัญ

  • ฟิลด์ที่กำหนดเองใน WooCommerce คืออะไร?
  • ฟิลด์ที่กำหนดเองของผลิตภัณฑ์ WooCommerce
  • ฟิลด์ที่กำหนดเองของ WooCommerce Checkout

ฟิลด์ที่กำหนดเองใน WooCommerce คืออะไร?

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

ตัวอย่างของฟิลด์ที่กำหนดเอง

  • ช่องทำเครื่องหมาย
  • ช่องข้อความ
  • ปุ่มตัวเลือก
  • ตัวเลือกวันที่
  • ตัวเลือกสี
  • เป็นต้น

นี่คือลักษณะที่ปรากฏในแบบฟอร์มการสั่งซื้อ:

แบบฟอร์มคำสั่งซื้อที่กำหนดเองของ WooCommerce
ปุ่มตัวเลือก กล่องกาเครื่องหมาย ตัวเลือกวันที่ ฟิลด์ข้อความ ตัวเลือกสี
แน่นอน คุณสามารถใช้มันสำหรับสิ่งต่าง ๆ เช่น สร้างตัวช่วยสร้างคอมพิวเตอร์ ตัวกำหนดค่ารถยนต์ หรือตัวเลือกการห่อของขวัญโดยตรงบนหน้าผลิตภัณฑ์ WooCommerce

อีกตัวอย่างหนึ่ง คุณสามารถให้ลูกค้าอัปโหลดไฟล์ไปยังคำสั่งซื้อหรือป้อนหมายเลข VAT EU เพื่อวัตถุประสงค์ทางบัญชี นอกจากนี้ยังเป็นการดีที่จะเปลี่ยนประเภทของช่องชำระเงินหรือซ่อนบางส่วน!

มาเพิ่มฟิลด์ที่กำหนดเองกันเถอะ

คุณอาจต้องการสร้างฟิลด์แบบกำหนดเองสองประเภทใน WooCommerce เช่น:

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

ฉันจะแสดงให้คุณเห็นทั้งสองอย่าง

ฟิลด์ที่กำหนดเองของผลิตภัณฑ์ WooCommerce

ก่อนอื่นคุณจะต้องมีปลั๊กอินสำหรับสิ่งนั้น ลองดู:

ดาวน์โหลดได้ที่นี่:

ช่องผลิตภัณฑ์ที่ยืดหยุ่น WooCommerce

สร้างตัวช่วยสร้างผลิตภัณฑ์เพื่อขายงานแกะสลัก ห่อของขวัญ ข้อความของขวัญ นามบัตร แสตมป์ และเลือกเรียกเก็บเงินได้ (คงที่หรือเป็นเปอร์เซ็นต์)

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

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

สร้างฟิลด์ที่กำหนดเองใน WooCommerce: หน้าผลิตภัณฑ์
ตัวอย่างหน้าผลิตภัณฑ์ WooCommerce

อย่างที่คุณเห็น คุณสามารถสร้างตัวช่วยสร้างที่สมบูรณ์ได้ ลูกค้าสามารถปรับแต่งคอมพิวเตอร์ด้วยวิธีนี้ นอกจากนี้ ตัวเลือกบางอย่างต้องมีค่าใช้จ่ายเพิ่มเติม ปลั๊กอินเพิ่มค่าใช้จ่ายเพิ่มเติมในราคารวม (มีให้ใน PRO) ลูกค้าสามารถสั่งซื้อคอมพิวเตอร์ส่วนบุคคลและชำระเงินเต็มจำนวนล่วงหน้า

ย้อนกลับไปดู นี่คือการกำหนดค่าพื้นฐาน ฉันไม่ได้ใช้สไตล์ CSS ใด ๆ และฉันใช้ธีมเริ่มต้นของ WooCommerce: หน้าร้าน คุณสามารถ ปรับแต่งรูปลักษณ์ของฟิลด์ ได้ตามต้องการ มีตัวเลือกสำหรับจุดประสงค์นี้ในปลั๊กอิน

ฟิลด์ผลิตภัณฑ์ที่ยืดหยุ่น

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

ช่องผลิตภัณฑ์ที่ยืดหยุ่น WooCommerce

สร้างตัวช่วยสร้างผลิตภัณฑ์เพื่อขายงานแกะสลัก ห่อของขวัญ ข้อความของขวัญ นามบัตร แสตมป์ และเลือกเรียกเก็บเงินได้ (คงที่หรือเป็นเปอร์เซ็นต์)

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

ประเภทของฟิลด์ที่คุณสามารถเพิ่มลงในผลิตภัณฑ์ WooCommerce ของคุณได้

  • ข้อความ
  • พื้นที่ข้อความ
  • ตัวเลข
  • อีเมล
  • URL
  • หลายช่องทำเครื่องหมาย
  • วิทยุพร้อมสี
  • เวลา
  • สี
  • หัวเรื่อง
  • ย่อหน้า
  • ภาพ
  • HTML
  • ช่องทำเครื่องหมาย
  • ปุ่มตัวเลือก
  • เลือก
  • เลือกหลายรายการ
  • วิทยุพร้อมภาพ
  • พาดหัว
  • วันที่ (โปร)
  • อัพโหลดไฟล์ (PRO)
เราได้อธิบายฟิลด์เหล่านี้ทั้งหมดใน คู่มือตัวเลือกการปรับแต่งผลิตภัณฑ์ WooCommerce

คุณควรอ่านคำแนะนำนั้น! คุณจะพบว่ามีกรณีการใช้งานมากมาย เราแนะนำผู้ใช้ทีละขั้นตอนผ่านการกำหนดค่าเพื่อใช้งาน:

  • ระบบการจองที่เรียบง่าย
  • คุณสมบัติการห่อของขวัญ
  • ตัวช่วยทำอาหารจัดเลี้ยง,
  • พ่อมดคอมพิวเตอร์ เป็นต้น

ฟิลด์ที่กำหนดเองของ WooCommerce Checkout

ตอนนี้ให้ฉันแสดงวิธีเพิ่มฟิลด์ที่กำหนดเองในคำสั่งซื้อ WooCommerce จากหน้าชำระเงิน!

คุณจะต้องใช้ปลั๊กอินนี้:

ดาวน์โหลดได้ที่นี่:

ช่องชำระเงินที่ยืดหยุ่น WooCommerce

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

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

มาดูตัวอย่างหน้าชำระเงินที่ปรับแต่งด้วยปลั๊กอิน Flexible Checkout Fields สำหรับ WooCommerce ฟรี:

ฟิลด์ใหม่ในแบบฟอร์มการชำระเงิน
ตัวอย่างหน้าชำระเงิน WooCommerce

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

จัดลำดับช่องชำระเงิน WooCommerce ใหม่
WooCommerce กำหนดค่าฟิลด์ที่กำหนดเอง

ช่องชำระเงินที่ยืดหยุ่น

สรุปแล้วก็คือ Flexible Checkout Fields ให้คุณ สร้างฟิลด์แบบกำหนดเองใน WooCommerce checkout→

เพิ่มฟิลด์ที่กำหนดเองใหม่ในหน้าชำระเงินของ WooCommerce
เพิ่มฟิลด์ที่กำหนดเองใหม่ในหน้าชำระเงินของ WooCommerce

นอกจากนี้ ด้วยปลั๊กอินนี้ คุณสามารถ แก้ไขหรือจัดเรียงช่องชำระเงิน WooCommerce เริ่มต้นใหม่ได้ !

ตัวอย่างเช่น คุณสามารถปิดใช้งานช่องที่อยู่สำหรับการเรียกเก็บเงินบางช่องเพื่อให้ชำระเงินได้เร็วขึ้น

แสดงช่องชำระเงินน้อยลงเพื่อรับข้อมูลน้อยลงสำหรับคำสั่งซื้อ WooCommerce
แสดงช่องชำระเงินน้อยลงเพื่อรับข้อมูลน้อยลงสำหรับคำสั่งซื้อ WooCommerce

ร้านค้ากว่า 80,000 แห่ง ทั่วโลกใช้ปลั๊กอินนี้ทุกวัน

ประเภทช่องชำระเงินในเวอร์ชันฟรี

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

ฟิลด์ในเวอร์ชัน PRO

  • หลายช่องทำเครื่องหมาย
  • ปุ่มตัวเลือก
  • เลือก (แบบเลื่อนลง)
  • เลือกหลายรายการ
  • วิทยุพร้อมภาพ
  • วันที่
  • วิทยุพร้อมสี
  • เวลา
  • อัปโหลดไฟล์
อ่านเพิ่มเติมเกี่ยวกับวิธี เพิ่มฟิลด์ที่กำหนดเองในการชำระเงินของ WooCommerce

ดาวน์โหลดส่วนขยาย WooCommerce ฟรีเพื่อปรับแต่งหน้าชำระเงินของคุณ

ช่องชำระเงินที่ยืดหยุ่น WooCommerce

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

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

สรุป

เพิ่มผลิตภัณฑ์ที่กำหนดเองและช่องชำระเงินใน WooCommerce

ในบทความนี้ ฉันได้แสดงปลั๊กอินที่คุณสามารถใช้สร้างฟิลด์แบบกำหนดเองใน WooCommerce

มีสองปลั๊กอินที่คุณสามารถใช้เพื่อสร้างฟิลด์ที่กำหนดเองใน WooCommerce:

  • ดาวน์โหลดฟิลด์ชำระเงินที่ยืดหยุ่น →
  • ดาวน์โหลดฟิลด์ผลิตภัณฑ์ที่ยืดหยุ่น →

ปลั๊กอินทั้งสองมีให้ดาวน์โหลดฟรี อย่างไรก็ตาม เวอร์ชันฟรีไม่รองรับฟีเจอร์ทั้งหมด

คุณสามารถทดสอบปลั๊กอินทั้งหมดของเรา (รวมถึงเวอร์ชัน PRO) ใน การสาธิตฟรี !

แจ้งให้เราทราบหากคุณมีคำถามเกี่ยวกับปลั๊กอินและการสร้างฟิลด์ที่กำหนดเอง!

เพิ่มเติมเกี่ยวกับปลั๊กอินของเรา