จะปรับแต่งหน้าผลิตภัณฑ์ WooCommerce ด้วยช่องข้อความได้อย่างไร

เผยแพร่แล้ว: 2021-12-29

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

สารบัญ

  1. แก้ไขหน้าผลิตภัณฑ์ WooCommerce
  2. ฟิลด์ที่มีอยู่ในปลั๊กอินเวอร์ชันฟรี
  3. ฟิลด์ที่มีอยู่ในปลั๊กอินรุ่นโปร
  4. เพิ่มช่องข้อความในหน้าสินค้า
  5. ประเภทช่องย่อหน้า
  6. ประเภทฟิลด์อีเมล
  7. ประเภทช่อง URL
  8. ประเภทฟิลด์ HTML

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

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

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

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

ดูวิดีโอนี้และค้นหาสิ่งที่คุณคาดหวังได้จากปลั๊กอินนี้ในเวอร์ชันฟรี:

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

แก้ไขหน้าผลิตภัณฑ์ WooCommerce

มาดูฟิลด์ทั้งหมดที่มีอยู่ในปลั๊กอิน Flexible Product Fields:

ฟิลด์ที่มีอยู่ในปลั๊กอินเวอร์ชันฟรี:

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

ฟิลด์ที่มีอยู่ในปลั๊กอินรุ่นโปร:

  • อัปโหลดไฟล์ (คุณสมบัติใหม่)
  • วันที่ที่ มีตัวเลือกการยกเว้นวันที่ขั้นสูง

โดยไม่ต้องสงสัย มีตัวเลือกมากมายให้เลือก โดยเฉพาะอย่างยิ่งในเวอร์ชันฟรีของปลั๊กอิน WordPress นี้

เพิ่มช่องข้อความในหน้าสินค้า

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

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

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

หลังจากนั้น คุณจะเห็นฟิลด์ทั้งหมดที่คุณสามารถเพิ่มได้โดยใช้ปลั๊กอิน Flexible Product Fields จัดเรียงตามหมวดหมู่:

หน้าผลิตภัณฑ์ WooCommerce: ประเภทฟิลด์และหมวดหมู่
หน้าผลิตภัณฑ์ WooCommerce: ประเภทฟิลด์และหมวดหมู่

มาเน้นที่ฟิลด์ที่เพิ่งสร้างขึ้นซึ่งได้เพิ่มเป็นฟีเจอร์ใหม่มาสักพักแล้ว

ประเภทช่องย่อหน้า

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

ในป้ายกำกับฟิลด์ ให้แทรกข้อความที่คุณต้องการแสดง:

ปรับแต่งหน้าผลิตภัณฑ์ WooCommerce: แก้ไขฟิลด์ข้อความย่อหน้า
ปรับแต่งหน้าผลิตภัณฑ์ WooCommerce: แก้ไขฟิลด์ข้อความย่อหน้า

จากนั้นคลิก อัปเดต เพื่อบันทึกการเปลี่ยนแปลงของคุณ นี่คือลักษณะของหน้าผลิตภัณฑ์ของคุณหลังจากเพิ่มฟิลด์ย่อหน้า:

ปรับแต่งหน้าผลิตภัณฑ์ WooCommerce: เพิ่มช่องข้อความย่อหน้า
ปรับแต่งหน้าผลิตภัณฑ์ WooCommerce: เพิ่มช่องข้อความย่อหน้า

ประเภทฟิลด์อีเมล

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

เลือกประเภทฟิลด์อีเมล:

ปรับแต่งหน้าผลิตภัณฑ์ WooCommerce: เลือกช่องข้อความของคุณ
ปรับแต่งหน้าผลิตภัณฑ์ WooCommerce: เลือกช่องข้อความของคุณ

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

แก้ไขหน้าผลิตภัณฑ์ WooCommerce: ฉบับฟิลด์ข้อความอีเมล
แก้ไขหน้าผลิตภัณฑ์ WooCommerce: ฉบับฟิลด์ข้อความอีเมล

และนี่คือผลลัพธ์สุดท้ายตัวอย่าง:

แก้ไขหน้าผลิตภัณฑ์ WooCommerce: ผลลัพธ์ช่องข้อความอีเมล
แก้ไขหน้าผลิตภัณฑ์ WooCommerce: ผลลัพธ์ช่องข้อความอีเมล

ประเภทช่อง URL

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

ปรับแต่งหน้าผลิตภัณฑ์ WooCommerce: ช่องข้อความ URL
ปรับแต่งหน้าผลิตภัณฑ์ WooCommerce: ช่องข้อความ URL

ประเภทฟิลด์ HTML

อีกประเภทหนึ่งที่เพิ่มเข้ามาเมื่อเร็ว ๆ นี้ในประเภทฟิลด์ปลั๊กอิน WordPress ฟิลด์ผลิตภัณฑ์ยืดหยุ่นคือ HTML ใช้ฟิลด์นี้เพื่อสร้างไฮเปอร์ลิงก์ เพิ่มสีให้กับข้อความของคุณ หรือเปลี่ยนรูปแบบ ในตัวอย่างก่อนหน้านี้ ก่อนอื่นคุณต้องเลือกประเภทฟิลด์ HTML จากรายการ จากนั้นให้ เขียนข้อความของคุณในโค้ด HTML นี่เป็นเพียงตัวอย่างบางส่วนของสิ่งที่คุณสามารถใช้ได้:

ปรับแต่งหน้าผลิตภัณฑ์ WooCommerce: ป้ายกำกับฟิลด์ข้อความ HTML
ปรับแต่งหน้าผลิตภัณฑ์ WooCommerce: ป้ายกำกับฟิลด์ข้อความ HTML

และนี่คือลักษณะที่ปรากฏในหน้าผลิตภัณฑ์ WooCommerce ของคุณ:

หน้าผลิตภัณฑ์ WooCommerce: ช่องข้อความ HTML
หน้าผลิตภัณฑ์ WooCommerce: ช่องข้อความ HTML

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

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