วิธีแสดงรูปแบบผลิตภัณฑ์ใน WooCommerce

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

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

มาดำดิ่งกัน!

ทำความเข้าใจกับรูปแบบผลิตภัณฑ์ของ WooCommerce

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

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

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

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

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

วิธีแสดงรูปแบบผลิตภัณฑ์ใน WooCommerce (ใน 4 ขั้นตอน)

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

ขั้นตอนที่ 1: สร้างผลิตภัณฑ์ตัวแปร

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

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

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

ขั้นตอนที่ 2: เพิ่มคุณสมบัติผลิตภัณฑ์

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

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

สิ่งสำคัญคือต้องเปิดใช้งานทั้งตัว เลือกที่มองเห็นได้ในหน้าผลิตภัณฑ์ และ ใช้สำหรับ ตัวเลือก รูปแบบ ต่างๆ จากนั้น คุณสามารถแสดงรายการค่าแอตทริบิวต์ของคุณ (เช่น small , medium และ large หรือ red , yellow และ blue )

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

ขั้นตอนที่ 3: สร้างรูปแบบของคุณ

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

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

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

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

ขั้นตอนที่ 4: ดูตัวอย่างและเผยแพร่ผลิตภัณฑ์ตัวแปรของคุณ

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

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

ปลั๊กอินรูปแบบผลิตภัณฑ์ WooCommerce

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

ก่อนอื่น คุณสามารถตรวจสอบแกลเลอรีรูปภาพรูปแบบเพิ่มเติมสำหรับ WooCommerce:

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

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

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

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

บทสรุป

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

การแสดงรูปแบบผลิตภัณฑ์ใน WooCommerce เพียงสี่ขั้นตอน:

1. สร้างผลิตภัณฑ์ตัวแปร
2. เพิ่มแอตทริบิวต์ของผลิตภัณฑ์ (เช่น ขนาดและสี)
3. สร้างรูปแบบต่างๆ เพื่อให้แต่ละรูปแบบมีหมายเลข SKU ที่ไม่ซ้ำกัน (และราคา หากมี)
4. ดูตัวอย่างและเผยแพร่ผลิตภัณฑ์ตัวแปรของคุณ

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

ภาพโดย Bloomicon/shutterstock.com