วิธีสร้างตารางผลิตภัณฑ์ Woocommerce
เผยแพร่แล้ว: 2018-03-28ไม่ต้องสงสัยเลยว่า Woocommerce เป็นโซลูชันอีคอมเมิร์ซที่ได้รับความนิยมมากที่สุดสำหรับ WordPress แต่ก็เหมือนกับซอฟต์แวร์อื่นๆ ที่มีข้อบกพร่องเล็กน้อย หนึ่งคือตัวเลือกการแสดงผลสำหรับผลิตภัณฑ์หรือไม่มี การแสดงผลเริ่มต้นคือเลย์เอาต์กริดของรูปภาพเด่น ซึ่งเหมาะสำหรับผลิตภัณฑ์บางประเภท แต่ในบางสถานการณ์ เลย์เอาต์ตารางสำหรับผลิตภัณฑ์ของคุณจะเป็นมิตรกับผู้ใช้มากกว่า
สถานการณ์ประเภทนี้อาจรวมถึงร้านค้าส่ง แคตตาล็อกสินค้า แบบฟอร์มการสั่งซื้อ หรือแม้แต่คำสั่งซื้อร้านอาหาร
หากคุณมีร้านค้าประเภทนี้ และต้องการแสดงสินค้าของคุณในตาราง แสดงว่าคุณโชคดี Barn2Media ได้พัฒนาปลั๊กอินที่เรียกว่า Woocommerce Product Table ซึ่งแสดงรายการผลิตภัณฑ์ของคุณในมุมมองตารางที่ค้นหาและจัดเรียงได้ และมันใช้งานง่ายสุด ๆ
วิธีใช้ปลั๊กอิน
อันดับแรก ขอแนะนำให้ใช้ธีม WordPress ที่รองรับ Woocommerce ในตัว เพื่อให้แน่ใจว่าไซต์ของคุณจะมีสไตล์ที่ดีในหน้าอีคอมเมิร์ซทั้งหมด หากคุณใช้ธีม WordPress อเนกประสงค์ที่ดี คุณไม่น่าจะมีปัญหาใดๆ
การใช้ปลั๊กอินนี้เป็นเรื่องง่าย นักพัฒนาที่ Barn2Media ได้ทำงานที่ยอดเยี่ยมในการจัดหาตัวเลือกในปริมาณที่เหมาะสมโดยไม่ทำให้การสร้างตารางผลิตภัณฑ์ซับซ้อนเกินไป
นี่คือขั้นตอนที่คุณต้องปฏิบัติตามเพื่อสร้างตารางผลิตภัณฑ์ Woocommerce และเพิ่มลงในเว็บไซต์ของคุณ:
ขั้นตอนที่ 1 ตั้งค่าการออกแบบตาราง
สิ่งแรกที่คุณต้องทำคือรับปลั๊กอิน Woocommerce Product Table
หลังจากที่คุณติดตั้งและเปิดใช้งานปลั๊กอิน คุณจะต้องกำหนดค่ารูปแบบเริ่มต้นสำหรับตารางผลิตภัณฑ์ของคุณ นี่คือสไตล์ที่จะใช้กับตารางทั้งหมดที่คุณสร้าง อย่างไรก็ตาม คุณสามารถแทนที่การตั้งค่าเหล่านี้ได้โดยใช้ตัวเลือกรหัสย่อ
หากต้องการกำหนดรูปแบบเริ่มต้น ให้ไปที่ Woocommerce → การตั้งค่า แล้วเลือกแท็บ ผลิตภัณฑ์ จากนั้นคลิก ตารางผลิตภัณฑ์
ภายใต้ สไตล์ตาราง คุณมีสองตัวเลือก: ค่าเริ่มต้น และ กำหนดเอง
หากคุณเลือก ค่าเริ่มต้น ตารางผลิตภัณฑ์ของคุณจะใช้การจัดสไตล์ตารางจากธีม WordPress ของคุณ
หากคุณเลือก กำหนดเอง ส่วนของตัวเลือกการจัดสไตล์จะปรากฏขึ้น ช่วยให้คุณกำหนดสไตล์แบบกำหนดเองสำหรับเส้นขอบ สีพื้นหลัง และแบบอักษรได้
ขั้นตอนที่ 2. ตั้งค่าตัวเลือกเริ่มต้น
ด้านล่างส่วนการออกแบบตาราง คุณจะพบ ตัวเลือกเริ่มต้น การตั้งค่าเหล่านี้ใช้เพื่อกำหนดค่าตัวเลือกต่างๆ สำหรับตารางผลิตภัณฑ์ของคุณ เช่น จำนวนคอลัมน์ ตัวกรองแบบเลื่อนลง แถวต่อหน้า ฯลฯ เช่นเดียวกับสไตล์ การตั้งค่าเหล่านี้สามารถแทนที่ด้วยพารามิเตอร์ภายในรหัสย่อแต่ละรายการ ดังที่คุณจะเห็นในภายหลัง
โดยรวมแล้ว มี 23 ตัวเลือกที่นี่ แต่ยังมีอีกมากมายที่คุณสามารถตั้งค่าผ่านพารามิเตอร์รหัสย่อได้ คุณสามารถค้นหารายการตัวเลือกรหัสย่อแบบเต็มได้ในฐานความรู้ Barn2Media นอกจากนี้ยังมีลิงก์ที่สะดวกไปยังรายการบนหน้าด้านบนตัวเลือกอื่นๆ
คุณลักษณะหนึ่งที่โดดเด่นจริงๆ คือความสามารถในการเปิดใช้งานการโหลดแบบ Lazy Loading ช่วยเพิ่มความเร็วในการโหลดหน้าเว็บเมื่อแสดงผลิตภัณฑ์จำนวนมากในหน้าเดียว อย่างไรก็ตาม โปรดทราบว่าการโหลดแบบ Lazy Loading จะจำกัดการค้นหา การจัดเรียง และการแสดงรูปแบบผลิตภัณฑ์
ขั้นตอนที่ 3 เพิ่มตารางผลิตภัณฑ์ Woocommerce ลงในไซต์ของคุณ
เมื่อคุณได้กำหนดค่าสไตล์และการตั้งค่าเริ่มต้นทั้งหมดสำหรับตารางผลิตภัณฑ์ของคุณแล้ว ก็ถึงเวลาเพิ่มรูปแบบและการตั้งค่าลงในเว็บไซต์ของคุณ หากคุณได้สร้างเพจที่คุณต้องการแทรกตารางผลิตภัณฑ์แล้ว ให้ไปที่หน้าจอแก้ไขสำหรับเพจนั้น ถ้าไม่สร้างหน้าใหม่
ภายในตัวแก้ไขเนื้อหาของหน้า ให้เพิ่มรหัสย่อนี้:
[product_table]จากนั้นเผยแพร่หรืออัปเดตหน้าของคุณ มันง่ายมาก
รหัสย่อจะแสดงตารางผลิตภัณฑ์ตามการตั้งค่าที่คุณกำหนดค่าไว้ในขั้นตอนที่ 2 แต่ดังที่ได้กล่าวไว้ก่อนหน้านี้ คุณสามารถเพิ่มพารามิเตอร์ให้กับรหัสย่อเพื่อแทนที่การตั้งค่าเหล่านั้นหรือเพิ่มตัวเลือกเพิ่มเติม
รหัสย่อพร้อมขนาดรูปภาพที่กำหนดเอง
ขนาดรูปภาพเริ่มต้นสำหรับตารางผลิตภัณฑ์ Woocommerce คือ 70×70 แต่สมมติว่าคุณต้องการมีตารางผลิตภัณฑ์อื่นบนหน้าเว็บที่มีรูปภาพขนาดเล็กลง ดังนั้นจึงใช้พื้นที่แนวตั้งน้อยลง คุณเพียงแค่ใช้พารามิเตอร์ขนาดรูปภาพดังนี้:
[product_table image_size="40"]รหัสย่อพร้อมหมวดหมู่ที่กำหนดเอง
ตามค่าเริ่มต้น ตารางผลิตภัณฑ์ใดๆ ที่สร้างจากรหัสย่อจะแสดงรายการผลิตภัณฑ์ทั้งหมดจากทุกหมวดหมู่ แต่อาจมีบางกรณีที่คุณจำเป็นต้องแสดงเฉพาะผลิตภัณฑ์จากหมวดหมู่เฉพาะ ตัวอย่างเช่น คุณต้องการสร้างหน้าบนเว็บไซต์ร้านขายเสื้อผ้าสำหรับเสื้อยืดของคุณโดยเฉพาะ คุณสามารถทำได้:
[product_table category="t-shirts"]คุณยังสามารถใช้พารามิเตอร์หลายตัวในรหัสย่อเดียวกันได้:
[product_table image_size="40" category="t-shirts"]คุณสามารถค้นหารายการตัวเลือกตารางผลิตภัณฑ์ทั้งหมดได้ในฐานความรู้ Barn2Media
ขั้นตอนที่ 4 เพิ่มวิดเจ็ตตารางผลิตภัณฑ์ Woocommerce
หากคุณใช้ Woocommerce คุณอาจคุ้นเคยกับวิดเจ็ตที่มีอยู่แล้ว ตารางผลิตภัณฑ์ Woocommerce มาพร้อมกับวิดเจ็ต 4 ตัวที่โฆษณาฟังก์ชันการทำงานที่คล้ายคลึงกัน คุณสามารถเพิ่มวิดเจ็ตเหล่านี้ในหน้าที่คุณใช้รหัสย่อของตารางผลิตภัณฑ์ ในการดำเนินการนี้ ให้ไปที่ ลักษณะที่ ปรากฏ → วิดเจ็ต แล้วลากเข้าที่ จากนั้นกำหนดค่าตามที่คุณต้องการ
วิดเจ็ตเหล่านี้รวมอยู่ด้วย:
- ตารางผลิตภัณฑ์: ตัวกรองผลิตภัณฑ์ที่ใช้งานอยู่ – แสดงตัวกรองที่ใช้งานอยู่ เพื่อให้ลูกค้าสามารถดูตัวกรองที่มีอยู่แล้วได้ มีตัวเลือกในการเปลี่ยนตารางกลับเป็นรายการผลิตภัณฑ์เดิม
- ตารางผลิตภัณฑ์: กรองผลิตภัณฑ์ตามแอตทริบิวต์ – กรองผลิตภัณฑ์ในตารางโดยเลือกแอตทริบิวต์อย่างน้อยหนึ่งรายการ
- ตารางผลิตภัณฑ์: กรองผลิตภัณฑ์ตามราคา – เพิ่มตัวเลื่อนช่วงราคา ลูกค้าสามารถลากเพื่อกำหนดงบประมาณและดูสินค้าภายในช่วงราคาได้
- ตารางผลิตภัณฑ์: กรองผลิตภัณฑ์ตามการจัดอันดับ – ปรับแต่งตารางผลิตภัณฑ์เพื่อแสดงผลิตภัณฑ์ตามระดับดาว
บทสรุปและราคา
แม้ว่าจะมีปลั๊กอินตารางผลิตภัณฑ์อื่น ๆ อยู่ แต่ก็ไม่มีปลั๊กอินใดที่ใกล้เคียงกับสิ่งที่ตารางผลิตภัณฑ์ Woocommerce สามารถนำเสนอได้ในแง่ของคุณสมบัติและความสะดวกในการใช้งาน สำหรับฉัน สิ่งนี้แสดงให้เห็นถึงความจริงที่ว่าปลั๊กอินนี้เป็นแบบพรีเมียมเท่านั้น
นี่คือการแบ่งราคา:
- ส่วนตัว (1 ไซต์) $75
- ธุรกิจ (5 เว็บไซต์ ) $135
- เอเจนซี่ (20 ไซต์) $275
ความจริงที่ว่าสามารถเพิ่มการแปลงของคุณได้ทำให้คุ้มค่ากับราคา หากช่วยให้คุณขายผลิตภัณฑ์เพิ่มเติมเพียงสองหรือสามรายการ แสดงว่าได้จ่ายเงินสำหรับตัวมันเองแล้ว สรุปได้ว่า หากคุณพบว่าตัวเองจำเป็นต้องแสดงผลิตภัณฑ์ของคุณในรูปแบบตาราง ก็ไม่จำเป็นต้องมองหาอะไรเพิ่มเติม ปลั๊กอินนี้คือสิ่งที่คุณต้องการ
