วิธีเพิ่มรูปแบบผลิตภัณฑ์ใน WooCommerce: 4 วิธี!

เผยแพร่แล้ว: 2021-07-01

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

รูปแบบผลิตภัณฑ์ใน WooCommerce คืออะไรและทำงานอย่างไร

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

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

คุณลักษณะของผลิตภัณฑ์

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

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

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

วิธีเพิ่มรูปแบบผลิตภัณฑ์ใน WooCommerce

มีหลายวิธีในการเพิ่มรูปแบบผลิตภัณฑ์ใน WooCommerce:

  1. จากแดชบอร์ด WooCommerce
    1. ตัวเลือกเริ่มต้น
    2. การใช้แอตทริบิวต์สากล
  2. ด้วยปลั๊กอินเฉพาะ
  3. โดยทางโปรแกรม

มาดูแต่ละวิธีกัน เพื่อที่คุณจะได้เลือกวิธีที่เหมาะสมที่สุดสำหรับคุณ

1.1) วิธีเพิ่มรูปแบบผลิตภัณฑ์โดยใช้ตัวเลือกเริ่มต้นของ WooCommerce

เริ่มต้นด้วยขั้นตอนง่ายๆ ในการเพิ่มผลิตภัณฑ์ตัวแปรจากแดชบอร์ด WooCommerce

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

เพิ่มรูปแบบผลิตภัณฑ์ใน woocommerce - เพิ่มผลิตภัณฑ์ตัวแปรใหม่

การเพิ่มรูปแบบและคุณลักษณะให้กับผลิตภัณฑ์เดียว

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

เพิ่มรูปแบบผลิตภัณฑ์ใน woocommerce - เพิ่มแอตทริบิวต์ที่กำหนดเองของผลิตภัณฑ์ตัวแปรใหม่

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

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

เพิ่มรูปแบบผลิตภัณฑ์ใน woocommerce - เพิ่มรูปแบบที่กำหนดเองของผลิตภัณฑ์ตัวแปรใหม่ create

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

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

เพิ่มรูปแบบผลิตภัณฑ์ใน woocommerce - เพิ่มรูปแบบผลิตภัณฑ์ตัวแปรใหม่ เปลี่ยนค่ารูปแบบต่างๆ

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

1.2) วิธีเพิ่มรูปแบบผลิตภัณฑ์โดยใช้ Global Attributes

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

สร้างแอตทริบิวต์ส่วนกลาง

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

เพิ่มรูปแบบผลิตภัณฑ์ใน woocommerce - เพิ่มแอตทริบิวต์ทั่วโลก
ตอนนี้ มาเพิ่มรูปแบบ/ข้อกำหนดสำหรับแอตทริบิวต์นี้ สำหรับสิ่งนี้ ไปที่ แอตทริบิวต์ และกด กำหนดค่าข้อกำหนด ภายใต้แอตทริบิวต์ที่คุณเพิ่งสร้างขึ้น

เพิ่มรูปแบบผลิตภัณฑ์ใน woocommerce - คุณสมบัติส่วนกลางกำหนดเงื่อนไข

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

ไปข้างหน้าและเพิ่มคำศัพท์ได้มากเท่าที่คุณต้องการ เพื่อให้คุณมีรูปแบบต่างๆ ให้เล่นมากขึ้น

เพิ่มแอตทริบิวต์สากลให้กับผลิตภัณฑ์ตัวแปร

จากนั้น กระบวนการเพิ่มแอตทริบิวต์นี้ให้กับผลิตภัณฑ์รูปแบบต่างๆ ของคุณค่อนข้างคล้ายกับที่เราเห็นมาก่อน

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

เพิ่มรูปแบบผลิตภัณฑ์ใน woocommerce - ข้อมูลผลิตภัณฑ์แอตทริบิวต์ทั่วโลก

กระบวนการที่เหลือก็เหมือนกับด้านบน เพียงไปที่ Variations แล้วคลิก เมนูดร็อปดาวน์ Add Variation เลือกตัวเลือก สร้างรูปแบบจากแอตทริบิวต์ทั้งหมด จาก นั้นกด ไป ส่วนที่เหลือของกระบวนการกำหนดให้คุณเพิ่มราคาและรายละเอียดเพิ่มเติมให้กับแต่ละรูปแบบเท่านั้น

เพิ่มรูปแบบผลิตภัณฑ์ใน woocommerce - เพิ่มรูปแบบแอตทริบิวต์ทั่วโลก

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

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

หากคุณต้องการตัวเลือกเพิ่มเติมในการสร้างรูปแบบผลิตภัณฑ์ใน WooCommerce คุณสามารถใช้ปลั๊กอินเฉพาะได้

2) ปลั๊กอินเพื่อปรับแต่งรูปแบบ WooCommerce และเพิ่มผลิตภัณฑ์ตัวแปรจำนวนมาก

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

1) Swatches รูปแบบต่างๆ สำหรับ WooCommerce

เพิ่มรูปแบบผลิตภัณฑ์ใน woocommerce - ตัวอย่างรูปแบบต่างๆ สำหรับ woocommerce

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

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

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

คุณสมบัติหลัก
  • ใช้งานง่าย
  • รองรับผลิตภัณฑ์ที่หลากหลายด้วยรูปแบบและคุณลักษณะที่หลากหลาย
  • แปลงรายการดรอปดาวน์รูปแบบของคุณทั้งหมดโดยอัตโนมัติและแปลงตัวเลือกดรอปดาวน์รูปแบบแอตทริบิวต์ที่สร้างทั่วโลกให้เป็นกลุ่มตัวอย่างได้อย่างง่ายดาย
ราคา

Variation Swatches สำหรับ WooCommerce เป็นปลั๊กอิน freemium มีเวอร์ชันฟรีพร้อมคุณสมบัติพื้นฐานและแผนพรีเมียมบางแผนเริ่มต้นที่ 49 USD ต่อปี

2) Elex Bulk Edit Products สำหรับ WooCommerce

เพิ่มรูปแบบผลิตภัณฑ์ใน woocommerce - ปลั๊กอิน elex

Elex Bulk Edit Products ช่วยให้คุณสามารถแก้ไขผลิตภัณฑ์จำนวนมาก ราคาของผลิตภัณฑ์ และอื่นๆ อีกมากมาย คุณสามารถแก้ไขผลิตภัณฑ์มากกว่า 10,000 รายการพร้อมกันได้โดยใช้ตัวเลือกการแก้ไขหลายรายการ นอกจากนี้ คุณยังสามารถใช้ตัวเลือกตัวกรองเฉพาะเพื่อแก้ไขผลิตภัณฑ์เฉพาะจำนวนมาก

คุณลักษณะที่โดดเด่นอย่างแท้จริงของ Elex คือการทำงานกับผลิตภัณฑ์ที่หลากหลายได้ดีเพียงใด ช่วยให้คุณสามารถอัปเดตราคาปกติหรือราคาลดสำหรับผลิตภัณฑ์ผันแปรทั้งหมดและรูปแบบต่างๆ จำนวนมากตามหมวดหมู่ผลิตภัณฑ์เฉพาะ ในทำนองเดียวกัน การจัดการราคาปกติและราคาขายของปลั๊กอินนั้นสะดวกมากด้วยตัวเลือกในการเปลี่ยนแปลงราคาตาม % หรือมูลค่าคงที่ นอกจากนี้ คุณยังสามารถเลือกรูปแบบที่หลากหลายด้วยราคาเดียวกันและอัปเดตรายละเอียดได้ตามต้องการ

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

Elex Bulk Edit Products สำหรับ WooCommerce เป็นเครื่องมือ freemium คุณสามารถรับเวอร์ชันฟรีจากที่เก็บ WordPress หรือรับแผนพรีเมียมที่จะทำให้คุณกลับมา 79 USD ต่อปี

3) Barn 2 WooCommerce การเปลี่ยนแปลงจำนวนมาก

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

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

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

Barn 2 WooCommerce Bulk Variation ปลั๊กอินพรีเมียมเริ่มต้นที่ 79 USD ต่อปี

4) ตารางรูปแบบผลิตภัณฑ์สำหรับ WooCommerce:

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

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

คุณสมบัติหลัก
  • ใช้งานง่าย โต๊ะ front-end ที่พร้อมสำหรับมือถือ เพื่อแสดงรูปแบบผลิตภัณฑ์ทั้งหมดของคุณ
  • ตัวกรอง AJAX และตัวเลือกการเรียงลำดับสำหรับตารางการเปลี่ยนแปลง
  • ตัวเลือกเพิ่มเติมสำหรับเค้าโครงตาราง การแบ่งหน้า และตัวเลือกการส่งออกสำหรับรูปแบบต่างๆ
ราคา

ตารางรูปแบบผลิตภัณฑ์สำหรับ WooCommerce เริ่มต้นที่ $49/ปี

5) รูปแบบสีและฉลากของ YITH WooCommerce:

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

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

คุณสมบัติหลัก
  • ปลั๊กอินที่ใช้งานง่ายเพื่อปรับแต่งรูปภาพ รูปแบบผลิตภัณฑ์ สี ป้ายกำกับ และอื่นๆ
  • ตัวเลือกเฉพาะเพื่อเพิ่มคำแนะนำเครื่องมือที่ปรับแต่งได้ให้กับแต่ละรูปแบบและแอตทริบิวต์
  • ตัวเลือกในการเพิ่มแกลเลอรีรูปภาพที่ไม่ซ้ำใคร คุณลักษณะคำอธิบาย รูปภาพรูปแบบไดนามิก ฯลฯ
ราคา

YITH WooCommerce Color and Label Variations มีราคา 79,99 ยูโร (ประมาณ 94 USD) / ปี

วิธีแก้ไข Variation Swatches ด้วยปลั๊กอิน

มีปลั๊กอินต่างๆ มากมายในการปรับปรุงผลิตภัณฑ์รูปแบบต่างๆ ของ WooCommerce และเปลี่ยนตัวเลือกรูปแบบดรอปดาวน์เริ่มต้นสำหรับผลิตภัณฑ์ของคุณ สำหรับการสาธิตนี้ เราจะใช้ WooCommerce Variation Swatches

การใช้ปลั๊กอิน WooCommerce Variation Swatches

ขั้นแรก เปิด WP Admin Dashboard แล้วไปที่ Products > Add New จากนั้น ใช้แถบค้นหาที่ด้านบนขวาเพื่อค้นหา Woo Variation Swatches โดย Emran Ahmed คลิก ติดตั้ง บนการ์ดของปลั๊กอินแล้วเปิดใช้งาน

เพิ่มรูปแบบผลิตภัณฑ์ใน woocommerce - ติดตั้งชุดตัวอย่างรูปแบบต่างๆ

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

ในการดำเนินการนี้ ไปที่ ผลิตภัณฑ์ > แอตทริบิวต์ และเปิดแอตทริบิวต์ส่วนกลางที่สร้างไว้ก่อนหน้านี้

เพิ่มรูปแบบผลิตภัณฑ์ใน woocommerce - ตัวอย่างรูปแบบ woo เลือกประเภท

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

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

หากคุณต้องการเปลี่ยนสีเงื่อนไข ให้กด แก้ไข ใต้เงื่อนไขและปรับแต่งสี

เพิ่มรูปแบบผลิตภัณฑ์ใน woocommerce - ตัวอย่างรูปแบบ woo เปลี่ยนสีเป็นสีแดง

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

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

4) วิธีเพิ่มรูปแบบผลิตภัณฑ์ใน WooCommerce โดยทางโปรแกรม

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

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

หมายเหตุ : ก่อนที่คุณจะเริ่ม ตรวจสอบให้แน่ใจว่าคุณได้สร้างข้อมูลสำรองทั้งหมดของไซต์ของคุณ และติดตั้งธีมลูก

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

 // การสร้างรูปแบบผลิตภัณฑ์
$variation_id = wp_insert_post( $variation_post );

// รับอินสแตนซ์ของอ็อบเจ็กต์ WC_Product_Variation
$variation = ใหม่ WC_Product_Variation( $variation_id );

// วนซ้ำผ่านแอตทริบิวต์รูปแบบต่างๆ
foreach ($variation_data['attributes'] เป็น $attribute => $term_name )
{
$taxonomy = 'pa_'.$ แอตทริบิวต์; // อนุกรมวิธานแอตทริบิวต์

// หากไม่มีอนุกรมวิธาน เราก็สร้างมันขึ้นมา (ขอบคุณ Carl F. Corneil)
if( ! taxonomy_exists( $taxonomy ) ){
register_taxonomy(
$อนุกรมวิธาน
'product_variation',
อาร์เรย์ (
'ลำดับชั้น' => เท็จ
'label' => ucfirst( $attribute ),
'query_var' => จริง
'rewrite' => array( 'slug' => sanitize_title($attribute) ), // กระสุนฐาน
),
);
}

// ตรวจสอบว่ามีชื่อ Term อยู่หรือไม่ ถ้าไม่ใช่ เราจะสร้างมันขึ้นมา
if( !term_exists( $term_name, $taxonomy ) )
wp_insert_term( $term_name, $อนุกรมวิธาน ); // สร้างเทอม

$term_slug = get_term_by('name', $term_name, $taxonomy )->กระสุน; // รับคำว่ากระสุน

// รับชื่อเงื่อนไขการโพสต์จากผลิตภัณฑ์ตัวแปรพาเรนต์
$post_term_names = wp_get_post_terms( $product_id, $taxonomy, array('fields' => 'names') );

// ตรวจสอบว่า post term นั้นมีอยู่หรือไม่ และถ้าไม่มี เราจะตั้งค่าใน parent variable product
if( ! in_array( $term_name, $post_term_names ) )
wp_set_post_terms( $product_id, $term_name, $taxonomy จริง);

// ตั้งค่า/บันทึกข้อมูลแอตทริบิวต์ในรูปแบบผลิตภัณฑ์
update_post_meta( $variation_id, 'attribute_'.$taxonomy, $term_slug );
}

## ตั้งค่า/บันทึกข้อมูลอื่นๆ ทั้งหมด

// SKU
if( ! empty( $variation_data['sku'] ) )
$variation->set_sku( $variation_data['sku'] ); $variation->set_sku( $variation_data['sku'] );

// ราคา
if( ว่างเปล่า( $variation_data['sale_price'] ) ){
$variation->set_price( $variation_data['regular_price'] ); $variation->set_price( $variation_data['ปกติ_ราคา'] );
} อื่น {
$variation->set_price( $variation_data['sale_price'] ); $variation->set_price( $variation_data['sale_price'] );
$variation->set_sale_price( $variation_data['sale_price'] ); $variation->set_sale_price( $variation_data['sale_price'] );
}
$variation->set_regular_price( $variation_data['regular_price'] ); $variation->set_regular_price( $variation_data['ปกติ_ราคา'] );

// คลังสินค้า
if( ! empty($variation_data['stock_qty']) ){
$variation->set_stock_quantity( $variation_data['stock_qty'] ); $variation->set_stock_quantity( $variation_data['stock_qty'] );
$variation->set_manage_stock(จริง);
$variation->set_stock_status('');
} อื่น {
$variation->set_manage_stock(เท็จ);
}

$variation->set_weight(''); // น้ำหนัก (รีเซ็ต)

$variation->บันทึก(); // บันทึกข้อมูล
}

แน่นอน คุณจะต้องใช้อาร์เรย์เพื่อเพิ่มรูปแบบผลิตภัณฑ์ให้กับร้านค้า WooCommerce ของคุณ สำหรับสิ่งนี้ คุณสามารถใช้อาร์เรย์เช่น:

 $parent_id = 123; // หรือรับรหัสผลิตภัณฑ์ตัวแปรแบบไดนามิก

// ข้อมูลการเปลี่ยนแปลง
$variation_data = อาร์เรย์ (
'แอตทริบิวต์' => อาร์เรย์ (
'ขนาด' => 'แอล',
'สี' => 'สีน้ำเงิน',
),
'sku' => ”,
'regular_price' => '92.00',
'sale_price' => ”,
'stock_qty' => 15,
);

// ฟังก์ชั่นที่จะรัน
create_product_variation( $parent_id, $variation_data );

ข้อมูลโค้ดนี้ควรทำงานอย่างราบรื่นในทุกไซต์ อย่างไรก็ตาม เราขอแนะนำให้คุณใช้เป็นฐานและปรับแต่งตามความต้องการของคุณ หากส่วนนี้ไม่ชัดเจนนัก เราขอแนะนำให้คุณอ่านคำแนะนำเกี่ยวกับวิธีการเพิ่มผลิตภัณฑ์ WooCommerce โดยทางโปรแกรม และคู่มือฉบับสมบูรณ์เกี่ยวกับ WooCommerce Hooks โพสต์เหล่านี้จะใช้เป็นแนวทางที่ดีก่อนที่คุณจะตั้งค่าไฟล์ plugin/function.php

บทสรุป

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

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

  • การสร้างผลิตภัณฑ์ผันแปรและเพิ่มคุณลักษณะและรูปแบบต่างๆ ด้วยตนเอง
  • การสร้างแอตทริบิวต์สากลและนำไปใช้กับผลิตภัณฑ์ตัวแปรแต่ละตัวของคุณ
  • การใช้ปลั๊กอินรูปแบบจำนวนมากของ WooCommerce
  • การรับผลิตภัณฑ์ตัวแปรโดยทางโปรแกรม

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

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

คุณชอบโพสต์นี้หรือไม่? คุณมีคำถามใด ๆ เกี่ยวกับวิธีการใด ๆ หรือไม่? แจ้งให้เราทราบในความคิดเห็นด้านล่าง!

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

  • วิธีตั้งค่าผลิตภัณฑ์เด่นใน WooCommerce
  • สร้างแอตทริบิวต์เริ่มต้นใน WooCommerce