คู่มือฉบับสมบูรณ์เกี่ยวกับการใช้ WooCommerce Variation Swatches อย่างชาญฉลาด [2022]

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

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

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

เทรนด์ล่าสุดที่ได้ผลลัพธ์ที่ยอดเยี่ยมคือการใช้ชุด ตัวอย่างเพื่อนำเสนอรูปแบบต่างๆ แทนที่จะใช้เมนูแบบเลื่อนลง

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

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

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

หลังจากอ่านคู่มือนี้แล้ว คุณจะสามารถ:

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

ลองดำดิ่งลงไป

เมื่อใดและเหตุใดจึงต้องใช้ Swatches แบบต่างๆ

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

ตัวอย่างสีต่างๆ

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

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

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

ดูความแตกต่างด้วยตัวคุณเอง:

ค่าเริ่มต้น

การใช้ Swatches รูปแบบสี

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

ตัวอย่างรูปแบบรูปภาพ

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

ตัวอย่างเช่น สมมติว่าคุณขายกล่องของขวัญที่มีรูปร่างต่างกัน ดังนั้น แทนที่จะนำเสนอตัวเลือกแบบเลื่อนลง คุณอาจแสดงรูปแบบต่างๆ ด้วยตัวอย่างรูปภาพ

นี่คือสิ่งที่น่าอัศจรรย์:

ค่าเริ่มต้น

การใช้ Swatches รูปแบบรูปภาพ

อย่างที่คุณเห็น ตัวแปรต่างๆ ถูกนำเสนอในตัวอย่างขนาดเล็กสำหรับรูปทรง ซึ่งทำให้ดูน่าสนใจยิ่งขึ้น

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

ป้าย Variation Swatches

ปัจจัยบางอย่าง เช่น ขนาดหรือความยาวนั้นยากต่อการมองเห็น

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

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

วิธีนี้จะยังคงสร้างความแตกต่าง:

ค่าเริ่มต้น

การใช้ฉลากรูปแบบต่างๆ Swatches

แม้จะไม่มีการแสดงภาพขนาด แต่ตัวอย่างก็ทำให้การเลือกดูน่าสนใจยิ่งขึ้น ผู้คนมักจะคลิกที่ตัวอย่างเพียงเพราะความอยากรู้

ตัวอย่างรูปแบบข้อความ

เช่นเดียวกับขนาด ปัจจัยความแปรปรวนอื่น ๆ สองสามอย่าง เช่น วัสดุหรือการเปลี่ยนแปลงที่เกี่ยวข้องกับกลุ่มอายุ ฯลฯ ไม่สามารถแสดงเป็นภาพได้ และไม่สามารถอธิบายเป็นฉลากได้

ตัวอย่างเช่น สมมติว่าคุณกำลังขายหมวกในขนาดเด็ก ขนาดวัยรุ่น และขนาดโต

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

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

นี่คือตัวอย่าง:

ค่าเริ่มต้น

การใช้ Swatches รูปแบบข้อความ

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

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

ตอนนี้ ถ้าคุณต้องการใช้สถานที่ท่องเที่ยวเหล่านี้ คุณสามารถทำได้โดยใช้ปลั๊กอิน Variation Swatches สำหรับ WooCommerce

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

Variation Swatches สำหรับ WooCommerce เป็นปลั๊กอินง่ายๆ ที่คุณสามารถเปลี่ยนการเลือกแบบเลื่อนลงพื้นฐานของตัวเลือกต่างๆ เป็น swatch ของปุ่มได้อย่างง่ายดาย ใช้เวลาเพียงไม่กี่คลิก

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

จะเปลี่ยนดรอปดาวน์เป็นตัวอย่างปุ่มสำหรับรูปแบบต่างๆ ของ WooCommerce ได้อย่างไร

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

อย่างไรก็ตาม คุณสามารถแปลงตัวเลือกรูปแบบต่างๆ จากดรอปดาวน์ไปเป็นตัวอย่างปุ่มได้ง่ายๆ ในไม่กี่คลิก โดยใช้ปลั๊กอิน

นี่คือวิธีที่คุณสามารถทำได้ทีละขั้นตอน

1. ขั้นแรก ติดตั้งและเปิดใช้งาน Variation Swatches สำหรับ WooCommerce

บนแดชบอร์ดผู้ดูแลระบบของคุณ คุณจะได้รับเมนูใหม่ที่เรียกว่า Swatches คลิกที่มัน

จะพาคุณไปที่แดชบอร์ดของปลั๊กอิน

2. กำหนดรูปแบบและการออกแบบสวอตช์พื้นฐาน

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

นอกจากนี้ คุณยังสามารถกำหนดขนาดตัวอักษรได้

กำหนดการตั้งค่าเหล่านี้ตามที่คุณต้องการ

3. ไปที่แท็บควบคุม

คลิกที่แท็บการควบคุมทางด้านซ้าย

แท็บการควบคุมจะมีตัวเลือกมากมาย

4. เปิดใช้งานปุ่มเลื่อนลงไปที่ปุ่ม Swatches

ที่นี่ ให้เปิดตัวเลือก แบบเลื่อนลงไปที่ปุ่ม Swatches

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

การเลือกดรอปดาวน์เริ่มต้น

ปุ่ม Swatches สำหรับรูปแบบต่างๆ

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

วิธีการตั้งค่า Swatches สี WooCommerce สำหรับรูปแบบสี

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

และอย่างที่คุณเห็นก่อนหน้านี้ ตัวอย่างสีมีความน่าสนใจมากเมื่อเทียบกับการเลือกแบบเลื่อนลงทั่วไป

ในการตั้งค่าตัวอย่างสี ให้ทำตามขั้นตอนด้านล่าง

1. เปิดใช้งานปุ่มเลื่อนลงไปที่ปุ่ม Swatches

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

(คลิกที่นี่เพื่ออ่านวิธีเปิดใช้งานปุ่มแบบเลื่อนลงเพื่อดูตัวอย่างปุ่ม)

2. ไปที่คุณสมบัติที่คุณสร้างขึ้น

เงื่อนไขการแปรผันมักจะถูกจัดกลุ่มเป็นแอตทริบิวต์

ไปที่ Dashboard > Products > Attributes แล้วคุณจะพบรายการแอตทริบิวต์ที่คุณสร้างไว้แล้วในร้านค้าของคุณ และตัวเลือกในการเพิ่มแอตทริบิวต์ใหม่

ทางด้านขวา คุณจะเห็นรายการแอตทริบิวต์ที่สร้างไว้

3. เปลี่ยนแอตทริบิวต์ที่คุณต้องการเป็นประเภทสี

เลื่อนเมาส์ไปที่ชื่อแอตทริบิวต์ที่คุณต้องการใช้ตัวอย่างสี

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

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

คลิกที่มันและเลือกตัวเลือก "สี"

จากนั้นคลิกที่ปุ่มอัปเดตด้านล่าง

4. ตั้งค่า Swatches สีสำหรับเงื่อนไขการเปลี่ยนแปลง

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

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

คลิกที่ Configure Terms แล้วระบบจะพาคุณไปยังหน้าต่อไปนี้:

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

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

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

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

เลือกสีที่เหมาะสมแล้วคลิกเลือกสีอีกครั้ง

จากนั้นคลิกที่ปุ่มอัปเดตด้านล่าง

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

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

การใช้ Swatches รูปแบบสี

วิธีตั้งค่าตัวอย่างรูปภาพสำหรับรูปแบบผลิตภัณฑ์ WooCommerce

เมื่อใช้ Image swatches คุณสามารถแสดงรูปแบบต่างๆ เป็นตัวอย่างที่น่าสนใจเมื่อดูผลิตภัณฑ์

และอย่างที่คุณเห็นก่อนหน้านี้ ตัวอย่างรูปภาพมีความเกี่ยวข้องมาก เมื่อเทียบกับการเลือกแบบเลื่อนลงทั่วไป

หากต้องการตั้งค่าตัวอย่างภาพ ให้ทำตามขั้นตอนด้านล่าง

1. เปิดใช้งานปุ่มเลื่อนลงไปที่ปุ่ม Swatches

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

(คลิกที่นี่เพื่ออ่านวิธีเปิดใช้งานปุ่มแบบเลื่อนลงเพื่อดูตัวอย่างปุ่ม)

2. ไปที่คุณสมบัติที่คุณสร้างขึ้น

เงื่อนไขการแปรผันมักจะถูกจัดกลุ่มเป็นแอตทริบิวต์

ไปที่ Dashboard > Products > Attributes แล้วคุณจะพบรายการแอตทริบิวต์ที่คุณสร้างไว้แล้วในร้านค้าของคุณ และตัวเลือกในการเพิ่มแอตทริบิวต์ใหม่

ทางด้านขวา คุณจะเห็นรายการแอตทริบิวต์ที่สร้างไว้

3. กำหนดแอตทริบิวต์ที่คุณต้องการเป็นประเภทรูปภาพ

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

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

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

คลิกที่มันและเลือกตัวเลือก "รูปภาพ"

จากนั้นคลิกที่ปุ่มอัปเดตด้านล่าง

4. ตั้งค่า Swatches สีสำหรับเงื่อนไขการเปลี่ยนแปลง

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

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

คลิกที่ Configure Terms แล้วระบบจะพาคุณไปยังหน้าต่อไปนี้:

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

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

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

คลิกที่ “อัปโหลด/เพิ่มรูปภาพ” และคุณสามารถอัปโหลดรูปภาพหรือเลือกรูปภาพจากไลบรารีสื่อของคุณ

เลือกรูปภาพที่เหมาะสมจากนั้นคลิกที่ปุ่มอัปเดตด้านล่าง

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

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

การใช้ Swatches รูปแบบรูปภาพ

จะตั้งค่าตัวอย่างรูปแบบฉลากสำหรับสินค้าแปรผันได้อย่างไร

ด้วยการใช้ตัวอย่างฉลาก คุณสามารถแสดงรูปแบบต่างๆ ที่สามารถจดจำได้ด้วยตัวอักษรหรือตัวเลขตัวเดียว

และอย่างที่คุณเห็นก่อนหน้านี้ ตัวอย่างฉลากมีความน่าดึงดูดมากกว่า เมื่อเทียบกับการเลือกแบบเลื่อนลงทั่วไป

ในการตั้งค่าตัวอย่างฉลาก ให้ทำตามขั้นตอนด้านล่าง

1. เปิดใช้งานปุ่มเลื่อนลงไปที่ปุ่ม Swatches

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

(คลิกที่นี่เพื่ออ่านวิธีเปิดใช้งานปุ่มแบบเลื่อนลงเพื่อดูตัวอย่างปุ่ม)

2. ไปที่คุณสมบัติที่คุณสร้างขึ้น

เงื่อนไขการแปรผันมักจะถูกจัดกลุ่มเป็นแอตทริบิวต์

ไปที่ Dashboard > Products > Attributes แล้วคุณจะพบรายการแอตทริบิวต์ที่คุณสร้างไว้แล้วในร้านค้าของคุณ และตัวเลือกในการเพิ่มแอตทริบิวต์ใหม่

ทางด้านขวา คุณจะเห็นรายการแอตทริบิวต์ที่สร้างไว้

3. กำหนดแอตทริบิวต์ที่คุณต้องการเป็นประเภทป้ายกำกับ

เลื่อนเมาส์ไปที่ชื่อแอตทริบิวต์ที่คุณต้องการใช้ตัวอย่างฉลาก

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

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

คลิกที่มันและเลือกตัวเลือก "ป้ายกำกับ"

จากนั้นคลิกที่ปุ่มอัปเดตด้านล่าง

4. ตั้งค่า Swatches ฉลากสำหรับเงื่อนไขการเปลี่ยนแปลง

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

กลับไปที่ Dashboard > Products > Attributes และทางด้านขวาของแอตทริบิวต์ (คุณเพิ่งตั้งค่าเป็นประเภทป้ายกำกับ) คุณจะได้รับตัวเลือก "กำหนดค่าข้อกำหนด"

คลิกที่ Configure Terms แล้วระบบจะพาคุณไปยังหน้าต่อไปนี้:

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

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

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

ป้อนป้ายกำกับที่คุณต้องการแสดง

จากนั้นคลิกที่ปุ่มอัปเดตด้านล่าง

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

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

การใช้ฉลากรูปแบบต่างๆ Swatches

บทสรุป

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

และส่วนที่ดีที่สุดคือ การติดตั้งนั้นง่ายมากและสามารถทำได้ในไม่กี่คลิกโดยใช้ปลั๊กอิน Variation Swatches สำหรับ WooCommerce

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