วิธีสร้างตัวเลื่อนผลิตภัณฑ์ WooCommerce – คู่มือฉบับสมบูรณ์ [2020]

เผยแพร่แล้ว: 2019-12-12

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

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

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

สรุปบทความโดยย่อ

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

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

ขั้นตอนเบื้องต้น

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

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

การเลือกปลั๊กอินที่ดีที่สุด

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

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

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

การติดตั้งและเปิดใช้งานตัวเลื่อนผลิตภัณฑ์ WooCommerce

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

ต้องการเรียนรู้เพิ่มเติมเกี่ยวกับขั้นตอนการติดตั้งหรือไม่ คุณสามารถตรวจสอบเอกสารนี้เกี่ยวกับ วิธีการติดตั้ง Product Slider สำหรับ WooCommerce ใน WordPress

สุดท้ายนี้ ฉันหวังว่าคุณจะติดตั้งและเปิดใช้งาน WooCommerce Product Slider สำเร็จ ในแดชบอร์ด WordPress ของคุณ

สร้างตัวเลื่อนผลิตภัณฑ์ WooCommerce ตัวแรกของคุณ

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

ขั้นตอนที่ 1: สร้างรหัสย่อตัวเลื่อนผลิตภัณฑ์

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

  1. คลิกที่ เมนู แถบ เลื่อนทั้งหมด
  2. คลิกที่ปุ่ม เพิ่ม ตัว เลื่อนใหม่

ขั้นตอนที่ 2: การตั้งค่าตัวเลื่อนผลิตภัณฑ์

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

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

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

ขั้นตอนที่ 3: แสดงตัวเลื่อนผลิตภัณฑ์

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

รับตัวเลือกการปรับแต่งไม่จำกัด

ฉันหวังว่าคุณจะได้พบแล้วว่า ปลั๊กอิน WooCommerce Product Slider มีข้อ จำกัด บางประการในกรณีของการปรับแต่งเอง ไม่มีคุณลักษณะหลายอย่างในปลั๊กอินเวอร์ชัน freemium นี้

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

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

เลย์เอาต์ตัวเลื่อนและกริด: คุณสามารถแสดงผลิตภัณฑ์ของคุณใน 2 เลย์เอาต์ที่ไม่ซ้ำกัน เช่น Slider และ Grid

ธีมที่ออกแบบไว้ล่วงหน้ามากกว่า 30 แบบ: รวมธีมที่ออกแบบไว้ล่วงหน้าอย่างมืออาชีพมากกว่า 30 แบบซึ่งให้ความยืดหยุ่นมากขึ้น

การพิมพ์ขั้นสูง: 840+ Google Fonts พร้อมตัวเลือกต่างๆ

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

การกรองผลิตภัณฑ์ตามประเภท: คุณยังสามารถกรองผลิตภัณฑ์ตามประเภทผลิตภัณฑ์ต่างๆ เช่น Simple Product, Grouped Product, External/Affiliate Product, Variable Product

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

ตัวเลือกซ่อนและแสดงพิเศษ: เพียงแสดงผลิตภัณฑ์ที่ซ่อนอยู่อย่างง่ายดาย นอกจากนี้ คุณสามารถซ่อนสินค้าหมดและสินค้าฟรีได้

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

WPML Ready: รองรับหลายภาษา คุณสามารถสนับสนุนภาษาใดก็ได้

ชื่อผลิตภัณฑ์ ข้อจำกัด ของคำ: ตัวเลือกการจำกัดคำช่วยให้คุณจำกัดคำสำหรับชื่อหรือชื่อผลิตภัณฑ์

ตัวเลื่อนสินค้าหลายแถว: ด้วยเค้าโครงตัวเลื่อน คุณสามารถแสดงตัวเลื่อนสินค้าหลายแถวได้

รองรับหลายไซต์: รองรับ คุณสมบัติหลายไซต์ด้วย

Ajax Pagination สำหรับ Product Grid: รวมประเภทการแบ่งหน้า Ajax ไว้ด้วย เหล่านี้คือ - การแบ่งหน้าหมายเลข Ajax, ปุ่มโหลดเพิ่มเติม (ajax), โหลดเพิ่มเติมหรืออนันต์ในการเลื่อน (ajax), ไม่มี ajax (การแบ่งหน้าปกติ)

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

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

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

การ ตอบสนอง: มีตัวเลื่อนผลิตภัณฑ์ที่ตอบสนองได้อย่างเต็มที่ซึ่งเข้ากันได้กับอุปกรณ์ที่ทันสมัย

เร็วสุดและเป็นมิตรกับ SEO: เร็วสุด น้ำหนักเบา เป็นมิตรกับ SEO และปรับให้เหมาะสมสำหรับการปรับปรุงการจัดอันดับเว็บไซต์

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

สุดท้ายนี้ ฉันแค่อยากจะบอกว่าฉันได้ระบุคุณสมบัติหลักบางอย่างไว้แล้ว แต่จริงๆ แล้ว เวอร์ชัน Pro มีคุณสมบัติมากมาย คุณสามารถเรียกได้ว่าเป็นปลั๊กอินหลักที่สมบูรณ์สำหรับการสร้าง WooCommerce Product Slider

ดังนั้น ทำลายข้อจำกัดและรับคุณสมบัติทั้งหมดสำหรับ WooCommerce Product Slider เพียงแค่ตรวจสอบ WooCommerce Product Slider Pro

รับทันที สาธิตสด