จะปรับแต่งหน้าผลิตภัณฑ์ WooCommerce ด้วยช่องข้อความได้อย่างไร
เผยแพร่แล้ว: 2021-12-29หากคุณสร้างร้านค้า WooCommerce และเป็นผู้สร้างเว็บไซต์ คุณอาจรู้ว่ามันน่าหงุดหงิดเพียงใดหากคุณต้องการเพิ่มฟิลด์ข้อความเฉพาะและไม่ทราบวิธีปรับแต่งหน้าผลิตภัณฑ์ WooCommerce หรือปลั๊กอิน WordPress ที่คุณควรใช้ ในโพสต์นี้ ฉันจะพยายามช่วยคุณในเรื่องนี้ และฉันจะบอกคุณถึงวิธีปรับแต่งหน้าผลิตภัณฑ์ WooCommerce พร้อมช่องข้อความโดยใช้ปลั๊กอิน Flexible Product Fields
สารบัญ
- แก้ไขหน้าผลิตภัณฑ์ WooCommerce
- ฟิลด์ที่มีอยู่ในปลั๊กอินเวอร์ชันฟรี
- ฟิลด์ที่มีอยู่ในปลั๊กอินรุ่นโปร
- เพิ่มช่องข้อความในหน้าสินค้า
- ประเภทช่องย่อหน้า
- ประเภทฟิลด์อีเมล
- ประเภทช่อง URL
- ประเภทฟิลด์ HTML
ก่อนอื่น หากคุณต้องการปรับแต่งหน้าผลิตภัณฑ์ WooCommerce คุณจะต้องมีปลั๊กอิน WordPress ที่เหมาะสมเพื่อเริ่มต้น เราขอแนะนำปลั๊กอิน Flexible Product Fields ซึ่งโดยทั่วไปมีทั้งหมดที่คุณต้องการและคุณลักษณะหลักทั้งหมดมีอยู่ในเวอร์ชันฟรี ส่วน เสริมผลิตภัณฑ์ที่กำหนดเองของ WooCommerce นี้ได้รับการอัปเดตเมื่อเร็ว ๆ นี้และมีการเพิ่มประเภทฟิลด์ใหม่มากถึง 10 ประเภทในเวอร์ชันฟรี
ช่องผลิตภัณฑ์ที่ยืดหยุ่นสำหรับ WooCommerce
สร้างวิซาร์ดผลิตภัณฑ์เพื่อขายงานแกะสลัก ห่อของขวัญ ข้อความของขวัญ นามบัตร แสตมป์ และสามารถเลือกเรียกเก็บเงินได้ (คงที่หรือร้อยละ)
ดาวน์โหลด หรือ ไปที่ WordPress.orgดูวิดีโอนี้และค้นหาสิ่งที่คุณคาดหวังได้จากปลั๊กอินนี้ในเวอร์ชันฟรี:
ดังที่ได้กล่าวไปแล้ว เมื่อเร็ว ๆ นี้ปลั๊กอิน WooCommerce นี้ได้รับการอัปเดตและมีฟิลด์ฟรีมากมาย ซึ่งจะช่วยให้คุณปรับแต่งหน้าผลิตภัณฑ์ WooCommerce ของคุณตามความต้องการของคุณ ฉันจะอธิบายสั้น ๆ ว่าคุณทำงานอย่างไรและสามารถใช้ปรับแต่งหน้าผลิตภัณฑ์ WooCommerce ได้อย่างไร
แก้ไขหน้าผลิตภัณฑ์ WooCommerce
มาดูฟิลด์ทั้งหมดที่มีอยู่ในปลั๊กอิน Flexible Product Fields:
ฟิลด์ที่มีอยู่ในปลั๊กอินเวอร์ชันฟรี:
- อีเมล (คุณสมบัติใหม่)
- URL (คุณลักษณะใหม่)
- HTML (คุณสมบัติใหม่)
- หัวข้อ (คุณสมบัติใหม่)
- ย่อหน้า (คุณสมบัติใหม่)
- ช่องทำเครื่องหมายหลายช่อง (คุณสมบัติใหม่)
- วิทยุพร้อมสี (คุณสมบัติใหม่)
- เวลา (คุณสมบัติใหม่)
- สี (คุณสมบัติใหม่)
- รูปภาพ (คุณสมบัติใหม่)
- ข้อความ
- พื้นที่ข้อความ
- ตัวเลข
- ช่องทำเครื่องหมาย
- เลือก
- เลือกได้หลายแบบ
- วิทยุ
- วิทยุพร้อมภาพ
ฟิลด์ที่มีอยู่ในปลั๊กอินรุ่นโปร:
- อัปโหลดไฟล์ (คุณสมบัติใหม่)
- วันที่ที่ มีตัวเลือกการยกเว้นวันที่ขั้นสูง
โดยไม่ต้องสงสัย มีตัวเลือกมากมายให้เลือก โดยเฉพาะอย่างยิ่งในเวอร์ชันฟรีของปลั๊กอิน WordPress นี้
เพิ่มช่องข้อความในหน้าสินค้า
เมื่อคุณติดตั้งและเปิดใช้งาน ช่องผลิตภัณฑ์แบบยืดหยุ่น แล้ว (เวอร์ชันฟรีก็เพียงพอแล้ว) ความสนุกที่แท้จริงจะเริ่มต้นขึ้นที่นี่
ปลั๊กอินจะมองเห็นได้และพร้อมใช้งานภายใต้ผลิตภัณฑ์ → ฟิลด์ผลิตภัณฑ์ที่ยืดหยุ่น คลิกและเพิ่ม "เพิ่มใหม่" และกำหนดให้กับผลิตภัณฑ์ที่คุณได้สร้างไว้แล้วก่อนหน้านี้
หลังจากนั้น คุณจะเห็นฟิลด์ทั้งหมดที่คุณสามารถเพิ่มได้โดยใช้ปลั๊กอิน Flexible Product Fields จัดเรียงตามหมวดหมู่:
มาเน้นที่ฟิลด์ที่เพิ่งสร้างขึ้นซึ่งได้เพิ่มเป็นฟีเจอร์ใหม่มาสักพักแล้ว
ประเภทช่องย่อหน้า
ใช้ประเภทฟิลด์นี้หากคุณต้องการให้ข้อมูลเพิ่มเติมหรือคำอธิบายผลิตภัณฑ์ในหน้าผลิตภัณฑ์ WooCommerce ของคุณ ใช้งานได้ดีถ้าคุณต้องการใช้ฟิลด์ข้อความนี้เพื่ออธิบายผลิตภัณฑ์หรือบริการที่คุณขาย
ในป้ายกำกับฟิลด์ ให้แทรกข้อความที่คุณต้องการแสดง:
จากนั้นคลิก อัปเดต เพื่อบันทึกการเปลี่ยนแปลงของคุณ นี่คือลักษณะของหน้าผลิตภัณฑ์ของคุณหลังจากเพิ่มฟิลด์ย่อหน้า:
ประเภทฟิลด์อีเมล
ฟิลด์ที่น่าสนใจและมีประโยชน์อีกประเภทหนึ่งคือฟิลด์อินพุตอีเมล อนุญาตให้ลูกค้าของคุณเพิ่มข้อมูลที่อยู่อีเมลให้กับผลิตภัณฑ์ นอกจากนี้ยังตรวจสอบว่าที่อยู่อีเมลที่แนะนำนั้นไม่ผิด ต่อไปนี้คือคำแนะนำสั้นๆ เกี่ยวกับวิธีเพิ่มฟิลด์ที่กำหนดเองนี้ในหน้าผลิตภัณฑ์:
เลือกประเภทฟิลด์อีเมล:
จากนั้น มี 3 ฟิลด์ที่คุณสามารถใช้เพื่อปรับแต่งประเภทฟิลด์นี้ ในขณะที่ตัว ยึดตำแหน่ง และคำแนะนำ เครื่องมือ ไม่ได้บังคับ แต่ก็มีประโยชน์มาก
และนี่คือผลลัพธ์สุดท้ายตัวอย่าง:
ประเภทช่อง URL
กระบวนการที่คล้ายคลึงกันสามารถนำไปใช้กับประเภทฟิลด์ URL เพียงเลือกฟิลด์ URL จากรายการฟิลด์ที่มีอยู่ และเพิ่มข้อความที่คุณต้องการแสดงในขณะที่ปรับแต่งหน้าผลิตภัณฑ์ WooCommerce ของคุณ และเสร็จแล้วก็พร้อม!
ประเภทฟิลด์ HTML
อีกประเภทหนึ่งที่เพิ่มเข้ามาเมื่อเร็ว ๆ นี้ในประเภทฟิลด์ปลั๊กอิน WordPress ฟิลด์ผลิตภัณฑ์ยืดหยุ่นคือ HTML ใช้ฟิลด์นี้เพื่อสร้างไฮเปอร์ลิงก์ เพิ่มสีให้กับข้อความของคุณ หรือเปลี่ยนรูปแบบ ในตัวอย่างก่อนหน้านี้ ก่อนอื่นคุณต้องเลือกประเภทฟิลด์ HTML จากรายการ จากนั้นให้ เขียนข้อความของคุณในโค้ด HTML นี่เป็นเพียงตัวอย่างบางส่วนของสิ่งที่คุณสามารถใช้ได้:
และนี่คือลักษณะที่ปรากฏในหน้าผลิตภัณฑ์ WooCommerce ของคุณ:
จากนี้ ไปประเภทฟิลด์หัวเรื่อง จะมีให้ในปลั๊กอินเวอร์ชันฟรี โดยพื้นฐานแล้วหมายความว่าคุณสามารถเพิ่มฟิลด์ที่กำหนดเองจำนวนมากลงในหน้าผลิตภัณฑ์ได้โดยไม่ต้องใช้ค่าเล็กน้อย
นอกจากประเภทฟิลด์ที่อธิบายไว้ในโพสต์นี้แล้ว ยังมีอีกมากมายที่จะพูดคุยและอธิบายในโพสต์บล็อกที่กำลังจะเผยแพร่ ดังนั้นคุณจึงควรติดตามข่าวสารล่าสุดของเราและสมัครรับจดหมายข่าวของเราที่ด้านล่างของหน้า และอย่าลืมแสดงความคิดเห็นและแชร์โพสต์นี้หากคุณชอบ!