วิธีเพิ่มหมวดหมู่ผลิตภัณฑ์ WooCommerce ลงในเมนู

คุณต้องการรวมหมวดหมู่สินค้าในเมนูของคุณหรือไม่? คุณมาถูกที่แล้ว ในโพสต์นี้ เราจะแสดงให้คุณเห็น 2 วิธีในการเพิ่มหมวดหมู่ผลิตภัณฑ์ WooCommerce ลงใน Menu

ทำไมต้องเพิ่มหมวดหมู่สินค้าลงในเมนู?

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

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

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

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

วิธีเพิ่มหมวดหมู่ผลิตภัณฑ์ WooCommerce ลงในเมนู

ในคู่มือนี้ เราจะแสดงวิธีเพิ่มผลิตภัณฑ์ WooCommerce ลงในเมนูด้วยวิธีต่างๆ สองวิธี

1. จากส่วนผู้ดูแลระบบ WordPress
2. ด้วยปลั๊กอิน

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

1) จากแดชบอร์ด WordPress

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

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

การสร้างเมนู

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

• หน้า
• กระทู้
• หมวดหมู่
• ปลายทาง WooCommerce
• สินค้า
• หมวดหมู่สินค้า

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

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

คุณสามารถเลือกหมวดหมู่ทั้งหมดและเพิ่มลงในเมนูของคุณหรือรวมหมวดหมู่เฉพาะ

การเพิ่มหมวดหมู่สินค้าลงในเมนู

สำหรับการสาธิตนี้ เราจะเพิ่มหมวดหมู่ทั้งหมดลงในเมนู

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

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

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

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

2) เพิ่มหมวดหมู่สินค้าลงในเมนูด้วย QuadMenu

ในส่วนนี้ เราจะแสดงวิธีรวมหมวดหมู่ผลิตภัณฑ์ในเมนูด้วย QuadMenu QuadMenu เป็นเมนู Mega Freemium ที่ยอดเยี่ยมที่ช่วยให้คุณสามารถสร้างและจัดการเมนูประเภทต่างๆ ได้อย่างง่ายดาย ปลั๊กอินนี้มีเวอร์ชันฟรีพร้อมคุณสมบัติพื้นฐานที่คุณสามารถดาวน์โหลดได้จากที่นี่ และแผนพรีเมียม 3 แผนพร้อมฟังก์ชันขั้นสูงที่เริ่มต้นที่ 15 USD (ชำระครั้งเดียว)

นอกจากนี้ คุณยังสามารถรวม QuadMenu กับธีม WordPress ใดก็ได้ เช่น OceanWP, Avada, Divi, Astra, GeneratePress และอื่นๆ อีกมากมาย สำหรับการสาธิตนี้ เราจะแสดงวิธีเพิ่มหมวดหมู่ผลิตภัณฑ์ WooCommerce ให้กับเมนูโดยใช้ธีม GeneratePress

การติดตั้งและเปิดใช้งาน

ขั้นแรก ติดตั้งและเปิดใช้งาน QuadMenu บนไซต์ของคุณ โดยไปที่ส่วน Plugins ค้นหา QuadMenu และกด Install

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

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

ขั้นแรก ไปที่ส่วน วิชาการพิมพ์

QuadMenu มาพร้อมกับ Google Fonts ทั้งหมดตามค่าเริ่มต้น ดังนั้นให้เลือกแบบอักษรที่คุณต้องการจากเมนูดรอปดาวน์

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

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

การติดตั้งและเปิดใช้งานเวอร์ชันพรีเมียมของ QuadMenu

คุณสามารถซื้อ QuadMenu เวอร์ชันพรีเมียมได้จากร้านค้าอย่างเป็นทางการในราคาเพียง 15 USD หลังจากนั้น ลงชื่อเข้าใช้บัญชี QuadLayers ของคุณและดาวน์โหลดไฟล์ปลั๊กอิน นอกจากนี้ รับข้อมูลใบอนุญาตจากแดชบอร์ดบัญชีของคุณ หลังจากนั้น ติดตั้งปลั๊กอินในร้านค้าของคุณและเปิดใช้งาน

จากนั้นไปที่ส่วน ใบอนุญาต และตรวจสอบรหัสใบอนุญาตของคุณ

QuadMenu มีอยู่ใน:

• เว็บไซต์ QuadLayers'
• เอนวาโต
• ตลาดนัดที่หรูหรา

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

ตอนนี้ มาดูวิธีปรับแต่งเมนู WordPress ของคุณกัน

การเปิดใช้งาน QuadMenu

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

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

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

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

• คำบรรยาย
• ป้าย
• ลอย
• การปรับแต่งขนาดจอแสดงผล
• ดรอปดาวน์ลอย

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

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

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

เปลี่ยนสไตล์

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

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

ที่ส่วนหน้า คุณจะเห็นว่าตอนนี้สีพื้นหลังเป็นสีน้ำเงิน

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

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

บทสรุป

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

1. จากแดชบอร์ด WordPress
2. การใช้ QuadMenu

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

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

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