วิธีสร้างแถบด้านข้าง WooCommerce แบบกำหนดเองที่แตกต่างกันทั่วทั้งไซต์
เผยแพร่แล้ว: 2020-10-24ไซต์อีคอมเมิร์ซทั้งหมดมีหลายหน้า มักจะมีหน้าแรก หน้าร้านค้า หน้าบล็อก หน้าผลิตภัณฑ์เดียว ฯลฯ การใช้วิดเจ็ตประเภทเดียวกัน ในหน้าเว็บไซต์ของคุณทั้งหมดนั้นไม่ฉลาดที่จะทำและอาจส่งผลต่ออัตราการแปลงและประสบการณ์ของผู้ใช้โดยรวม นี่คือเหตุผลที่คุณต้องการแถบด้านข้าง WooCommerce แบบกำหนดเอง
ลองใช้ตัวอย่าง เพื่อสาธิต เมื่อใดก็ตามที่ผู้เยี่ยมชมไซต์เข้ามาที่หน้าบล็อกของคุณ คุณอาจต้องการให้พวกเขาเห็นบทความที่เกี่ยวข้องอื่นๆ ที่เผยแพร่ ค้นหาเนื้อหาที่เกี่ยวข้อง หรือสมัครรับข้อมูล คุณสามารถเพิ่มวิดเจ็ตการค้นหา วิดเจ็ตโพสต์ที่เกี่ยวข้อง และแบบฟอร์มการเลือกเข้าร่วมในแถบด้านข้างในอินสแตนซ์นี้
เมื่อใดก็ตามที่ผู้เข้าชมมาที่ หน้าร้านค้า เป้าหมายโดยรวมคือให้พวกเขาซื้อจากคุณ พวกเขาควรจะสามารถค้นหาสินค้าที่สนใจ ดูสินค้าที่มีจำหน่าย เพิ่มสินค้าลงในตะกร้าสินค้า และชำระเงินให้เรียบร้อย โพสต์ที่เกี่ยวข้องและแบบฟอร์มการเลือกใช้ แม้ว่าจะยังมีประโยชน์อยู่ แต่ก็อาจไม่ใช่ตัวเลือกที่ดีที่สุดในสถานการณ์นี้
การเพิ่มวิดเจ็ตและแถบด้านข้างแบบกำหนดเองไปยังหน้าเฉพาะของไซต์เป็นกุญแจสำคัญ คุณสามารถตอบสนองความต้องการของผู้เยี่ยมชมไซต์แต่ละรายและมีส่วนร่วมเพื่อให้พวกเขากลับมาที่ไซต์เป็นประจำ
บางครั้งคุณต้องการลบแถบด้านข้างของ WordPress แต่บางครั้งคุณต้องการสร้างแถบด้านข้างแบบกำหนดเองสำหรับเนื้อหาประเภทต่างๆ
ใช้เวลาคิดเกี่ยวกับเนื้อหาของไซต์ของคุณที่อาจช่วยได้โดยการมีแถบด้านข้าง แถบด้านข้างช่วยให้คุณ แสดงภาพ การนำเสนอ รายการ ตัวเลือกตัวกรอง และข้อมูลอื่นๆ เป็นสถานที่ที่ดีในการจัดระเบียบการนำทาง
แม้ว่าคุณอาจมีการนำทางหลักบนเว็บไซต์อยู่แล้ว แต่ เนื้อหาในแถบด้านข้าง สามารถช่วยในการนำทางที่สำคัญไปยังพื้นที่ต่างๆ ของไซต์ได้
คุณสามารถโปรโมตเนื้อหาอะไรก็ได้ที่คุณรู้สึกว่าสำคัญ ตัวอย่างเช่น เจ้าของร้านค้าออนไลน์สามารถ เน้นหมวดหมู่ผลิตภัณฑ์แต่ละ รายการ สามารถเพิ่มฟิลเตอร์ได้ตามสี ราคา หรือขนาดสินค้า ซึ่งจะช่วยให้ลูกค้าค้นหาสินค้าที่สนใจได้รวดเร็วและง่ายขึ้น
วิธีสร้างแถบด้านข้าง WooCommerce แบบกำหนดเอง
สำหรับบทช่วยสอนนี้ ฉันจะใช้ปลั๊กอิน WooSidebars ปลั๊กอินนี้ให้คุณปรับวิดเจ็ตในส่วนวิดเจ็ตของแถบด้านข้าง พวกเขาสามารถเปลี่ยนแปลงได้ตามหน้าจอผลการค้นหา หมวดหมู่เฉพาะ หรือโพสต์บล็อกหรือหน้าของไซต์หรือบริบทอื่น ใช้เมาส์เพียงไม่กี่คลิกเพื่อตั้งค่า ส่วนวิดเจ็ตที่กำหนดเองซึ่ง แสดงตามเงื่อนไขต่างๆ
คุณสามารถใช้ WooSidebars เพื่อแทนที่ส่วนใด ๆ ที่มีวิดเจ็ตในปัจจุบันของไซต์ WordPress หน้าจอที่แตกต่างกันสามารถ แสดง วิดเจ็ตที่แตกต่างกัน ได้ ทั้งหมดนี้สามารถทำได้โดยไม่ต้องแก้ไขหรือเพิ่มโค้ดใดๆ
WooSidebars จะเพิ่มรายการเมนู "Widget Areas" ใหม่ ลงในเมนู Appearance ของส่วนการดูแลระบบของเว็บไซต์ WordPress โดยอัตโนมัติ กิจกรรม WooSidebar ทั้งหมดเกิดขึ้นในพื้นที่เมนูนี้
คุณจะเห็นรายการพื้นที่วิดเจ็ตทั้งหมดที่คุณจัดเก็บไว้ในหน้าจอพื้นที่วิดเจ็ต คุณสามารถเพิ่มพื้นที่วิดเจ็ตโดยเลือก ลิงก์ "เพิ่มใหม่" ลิงก์นี้อยู่ถัดจากชื่อ "พื้นที่วิดเจ็ต"
ทุกครั้งที่คุณเพิ่มพื้นที่วิดเจ็ตใหม่ จะมี ฟิลด์ประกอบหลายช่อง มีชื่อ คำอธิบาย แถบข้างที่จะถูกแทนที่ และเงื่อนไขสำหรับการเปลี่ยนแถบข้างนั้น ๆ
ชื่อเรื่อง คือชื่อของพื้นที่วิดเจ็ต ชื่อจะแสดงบนหน้าจอ “ลักษณะที่ปรากฏ > วิดเจ็ต” ชื่อแต่ละเรื่องควรสั้นเพื่อให้ง่ายต่อการระบุและจดจำ
ชื่อเรื่องควรเกี่ยวข้องกับหน้านั้นๆ ด้วย ตัวอย่างเช่น คุณสามารถใช้ชื่อ "เกี่ยวกับหน้า – หน้าหลัก" เพื่อแทนที่แถบด้านข้าง "หลัก" ในหน้า "เกี่ยวกับ" ของไซต์
คำอธิบาย เป็นฟิลด์ตัวเลือกที่ให้ข้อมูลเพิ่มเติมเกี่ยวกับเวลาและตำแหน่งที่ใช้แถบด้านข้างเฉพาะ คุณจะพบข้อความนี้ในแถบด้านข้าง จะปรากฏในหน้าจอ “ลักษณะที่ปรากฏ > วิดเจ็ต”
WooSidebars ให้คุณแทนที่วิดเจ็ตปัจจุบันจากธีมที่ใช้งานอยู่ ใช้ส่วนวิดเจ็ตที่กำหนดเองเพื่อดำเนินการฟังก์ชันนี้เมื่อตรงตามเงื่อนไขที่ระบุ ช่องด้านข้างเพื่อ แทนที่จะใช้เพื่อเลือกแถบด้านข้างปัจจุบันที่คุณต้องการแทนที่ด้วยแถบด้านข้างใหม่ที่คุณกำลังสร้าง
WooSidebars มีระบบ การจัดการเงื่อนไข ขั้นสูง คุณสามารถเลือกเงื่อนไขที่จะอนุญาตให้เปลี่ยนแถบด้านข้างที่มีอยู่ด้วยแถบด้านข้างใหม่ได้ ตัวอย่างเช่น คุณอาจต้องการแทนที่แถบด้านข้างปัจจุบันในแท็ก หมวดหมู่ หรือหน้าที่เฉพาะเจาะจง
“หน้า” เป็นเงื่อนไขเริ่มต้นเพียงอย่างเดียวที่สามารถใช้ได้ การเข้าไปในช่อง "เงื่อนไข" และเลือก แท็บ "ขั้นสูง" จะช่วยให้เข้าถึงการตั้งค่าเงื่อนไขขั้นสูงเพิ่มเติมได้
เงื่อนไข
WooSidebars มีเงื่อนไขหน้าเริ่มต้นหลายประการ การเปิดกล่อง "เงื่อนไข" และไปที่แท็บ "ขั้นสูง" จะแสดงแท็บสำหรับเงื่อนไขเพิ่มเติม
เงื่อนไขอื่นๆ ได้แก่:
- เทมเพลตเพจเฉพาะ: สามารถใช้ตัวเลือกนี้ได้หากธีมที่ใช้งานอยู่มีเทมเพลตเพจอยู่แล้ว
- ประเภทโพสต์: ใช้สำหรับเก็บถาวรประเภทโพสต์ นอกจากนี้ยังใช้เพื่อแสดงแต่ละโพสต์ที่เป็นของประเภทโพสต์เฉพาะ
- คลังเก็บอนุกรมวิธาน: ใช้ สำหรับแท็ก หมวดหมู่ ฯลฯ สำหรับอนุกรมวิธานที่จดทะเบียนทั้งหมด
- เงื่อนไขอนุกรมวิธาน: ใช้ สำหรับแท็กเฉพาะ หมวดหมู่ ฯลฯ สำหรับอนุกรมวิธานที่จดทะเบียนทั้งหมด
- ลำดับชั้นของเทมเพลต WordPress: ใช้สำหรับทุกหน้า ผลการค้นหา หน้าจอเริ่มต้น "โพสต์ล่าสุดของคุณ" หน้าแรก รายการเดี่ยว ไฟล์เก็บถาวรทั้งหมด ที่เก็บถาวรของผู้เขียน คลังข้อมูลวันที่ และหน้าจอแสดงข้อผิดพลาด "ไม่พบหน้า" 404
- WooCommerce: ใช้สำหรับหน้าร้านค้า หมวดหมู่สินค้า แท็กสินค้า สินค้า รถเข็น หน้าชำระเงิน และหน้าบัญชี
คุณสามารถไปที่ส่วน “โพสต์ > โพสต์ทั้งหมด” และคลิกช่องทำเครื่องหมายที่ปรากฏถัดจากโพสต์บล็อกที่คุณต้องการสร้างพื้นที่วิดเจ็ต WooSidebars จะรู้ว่าแถบด้านข้างใดที่ทำงานอยู่ในธีมปัจจุบันของคุณ ซึ่งจะแจ้งให้คุณทราบหากแถบด้านข้างแบบกำหนดเองที่คุณสร้างขึ้นใช้ไม่ได้กับธีมที่ใช้งานอยู่
แถบด้านข้างแบบกำหนดเองใดๆ ที่คุณสร้างจะยังคงอยู่ในระบบ คุณสามารถสลับไปมาระหว่างแถบด้านข้างที่ลงทะเบียนไว้ในปัจจุบันและแถบด้านข้างของลูกค้าได้ตลอดเวลา
บทสรุปของแถบด้านข้างของ WooCommerce
คุณไม่จำเป็นต้องใช้ โครงสร้างแถบด้านข้างเดียวกัน สำหรับเนื้อหาและหน้าเว็บไซต์ทั้งหมดของคุณ หากคุณไม่ต้องการ การสร้างแถบด้านข้างของคุณเองสามารถเพิ่มความหลากหลายให้กับหน้าเว็บได้ นอกจากนี้ยังสามารถช่วยให้คุณเพิ่ม เนื้อหาเฉพาะตามหน้าที่ ผู้เยี่ยมชมเว็บไซต์ของคุณกำลังดูอยู่ นอกจากนี้ยังช่วยลดความซับซ้อนในการนำทางหน้าของเว็บไซต์ ซึ่งเป็นข้อได้เปรียบที่ชัดเจน
ง่ายต่อการสร้างแถบด้านข้าง WooCommerce ที่กำหนดเอง การใช้ WooSidebars, Thrive Clever Widgets หรือปลั๊กอิน Custom Sidebars ทำให้เป็นเรื่องง่าย เพียงเปิดใช้งานและติดตั้งปลั๊กอิน จากที่นั่น คุณสามารถสร้างแถบด้านข้างแบบกำหนดเองและเลือกตำแหน่งได้ คุณสามารถทำขั้นตอนนี้ซ้ำได้หากมีแถบด้านข้างหลายแถบ
ตรวจสอบวิธีปรับแต่งหน้าร้านค้าของ WooCommerce ซ่อนราคาสำหรับผลิตภัณฑ์บางอย่าง หรือเสนอการจัดส่งฟรีใน WooCommerce