วิธีใช้ Variation Swatches สำหรับ WooCommerce

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

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

The Variation Swatches สำหรับ WooCommerce

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

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

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

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

การใช้ Variation Swatches สำหรับ WooCommerce

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

สำหรับทางเลือกที่สอง เพียงไปที่แดชบอร์ดผู้ดูแลระบบ ไปที่ plugins แล้ว เพิ่มใหม่ ไปที่ช่องค้นหาในหน้าถัดไปและค้นหาตัวอย่างรูปแบบต่างๆ สำหรับ WooCommerce คลิกที่ 'เปิดใช้งาน' ปลั๊กอินที่อ่าน Variation Swatches สำหรับ WooCommerce โดย RadiusTheme

เพิ่มและแก้ไขคุณสมบัติและข้อกำหนดคุณสมบัติ

เมื่อสร้างแอตทริบิวต์สี คุณสามารถดำเนินการได้ทั่วโลกโดยไปที่ WooCommerce Products e Attributes ส่วนต่อไปคือการเพิ่มแอตทริบิวต์ที่คุณต้องการโดยเลือกปุ่ม สี รูปภาพ หรือวิทยุที่คุณต้องการ

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

กำหนดคุณสมบัติของสินค้า

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

กำหนดรูปแบบสินค้า

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

เพียงไปที่ Product Data ก่อนเลือก Variations, Default Variations, Selected Attributes, Price, Image และ Stock ตั้งค่าอย่างเหมาะสมเพื่อสะท้อนว่าผลิตภัณฑ์ของคุณเป็นอย่างไร เมื่อคุณกำลังจะ เพิ่มรูปแบบ โปรดทราบว่าคุณมีตัวเลือกในการตั้งค่ารูปแบบหนึ่งหลังจากรูปแบบอื่น หรือตั้งค่าทั้งหมดพร้อมกัน คุณใช้ตัวเลือกที่สองเมื่อคุณคลิกที่ Create Variations from All Attributes

จำเป็นต้องตั้งค่าฟิลด์อื่นๆ เช่น SKU น้ำหนัก คำอธิบาย และการจัดส่งตามความต้องการเฉพาะของคุณ

กำหนดรูปแบบเฉพาะ

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

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

รูปแบบส่วนหน้า

เมื่อควบคุมการแสดงผลของร้านค้าหรือหน้าเก็บถาวร ให้ไปที่ WooCommerce e Settings e Product Swatches e Shop หรือ Archive Page จากนั้นคุณสามารถไปที่ส่วนหน้าและชื่นชม (หรือวิจารณ์) ผลลัพธ์ของคุณ

คุณสมบัติที่กำหนดเอง

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

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

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

สรุป

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

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