วิธีแก้ไขหน้าผลิตภัณฑ์ WooCommerce W/O Elementor
เผยแพร่แล้ว: 2022-10-18การช็อปปิ้งออนไลน์เป็นที่นิยมอย่างไม่น่าเชื่อในปัจจุบัน แต่คุณอาจบอกได้ว่ามันยากแค่ไหนในการจัดการหากคุณเป็นเจ้าของร้านค้าออนไลน์ด้วยตัวเอง คนส่วนใหญ่ใช้ WooCommerce และ Elementor เพื่อปรับแต่งร้านค้าของพวกเขา แต่ก็มีข้อเสียอยู่บ้าง
สิ่งนี้ใช้ได้กับ Elementor โดยเฉพาะเนื่องจากไม่ต้องการการเข้ารหัสใดๆ นี่อาจฟังดูเป็นข้อได้เปรียบ แต่สิ่งนี้จะลดจำนวนฟีเจอร์ที่เป็นไปได้และความคิดสร้างสรรค์ที่คุณจะได้รับ ซึ่งเป็นสาเหตุที่ทำให้หลายคนสงสัย ว่าจะแก้ไขหน้าผลิตภัณฑ์ WooCommerce โดยไม่มี Elementor ได้อย่างไร
อย่างไรก็ตาม การแก้ไขโดยใช้ WooCommerce เพียงอย่างเดียวอาจเป็นเรื่องยากและสับสน แต่ด้วยปลั๊กอิน ShopReady ของเรา คุณสามารถแก้ไขหน้าผลิตภัณฑ์โดยไม่ต้องใช้ Elementor ในไม่กี่วินาทีโดยไปที่แท็บวิดเจ็ตและคลิกคุณสมบัติหน้าผลิตภัณฑ์ เช่น ชื่อผลิตภัณฑ์ ราคา รีวิว หยิบใส่รถเข็น ฯลฯ
เราจะดำเนินการแก้ไขทั้งหมดโดยใช้ปลั๊กอินของเราในบทความนี้ เพื่อไม่ให้เป็นการเสียเวลา เรามาเริ่มกันเลยดีกว่า
จากปลั๊กอิน WordPress ทั้งหมดสำหรับร้านค้าออนไลน์ ShopReady – WooCommerce Builder For Elementor นั้นใช้งานง่ายที่สุดในขณะที่ยังมีฟีเจอร์มากมาย ดังนั้นหากคุณต้องการแก้ไขหน้าสินค้าของร้านค้าของคุณ มีวิธีดังนี้ —
สารบัญ
ข้อกำหนดเบื้องต้น
ก่อนที่เราจะเริ่มแก้ไขหน้าผลิตภัณฑ์ ตรวจสอบให้แน่ใจว่าคุณได้ติดตั้ง WooCommerce เวอร์ชันล่าสุดแล้ว คุณสามารถใช้ Elementor ได้หากต้องการ แต่เป็นตัวเลือก แต่หลังจากที่คุณติดตั้งสำเร็จแล้ว คุณสามารถดำเนินการตามขั้นตอนด้านล่าง —
คู่มือ: การตั้งค่า ShopReady
การตั้งค่า ShopReady ทำได้ง่ายมากและใช้เวลาติดตั้งเพียงไม่กี่นาที เพียงทำตามขั้นตอนด้านล่างนี้ —
- ไปที่แดชบอร์ดผู้ดูแลระบบใน WordPress และคลิกส่วน "ปลั๊กอิน"
- ค้นหา "ShopReady" ที่ด้านบนขวา ปลั๊กอินของเราจะเป็นผลลัพธ์แรก
- คลิกติดตั้งและรอการติดตั้ง นี้ไม่ควรใช้เวลานาน
- หลังจากติดตั้งเสร็จแล้ว ให้คลิกปุ่ม "เปิดใช้งาน" ที่มุมบนขวา และคุณทำเสร็จแล้ว! มันง่ายอย่างนั้น
หลังจากติดตั้งแล้ว คุณสามารถรีเฟรชหน้า WordPress และคุณจะเห็นส่วน "ShopReady" ที่ด้านซ้ายของแดชบอร์ด แต่หากต้องการแก้ไขหน้าผลิตภัณฑ์ของคุณ เพียงทำตามขั้นตอนเหล่านี้ —
- ค้นหาแท็บ ShopReady แล้วคลิกจากแผงด้านซ้าย
- คลิกแท็บ "วิดเจ็ต" หรือ "โมดูล" จากส่วนนั้น เรามีฟีเจอร์ต่างๆ มากมายในการแก้ไขหน้าผลิตภัณฑ์โดยไม่ต้องใช้ Elementor ซึ่งรวมถึง วิดเจ็ต WooCommerce ที่จำเป็น เช่น ราคา, ชื่อผลิตภัณฑ์, ข้อมูลเมตา, บทวิจารณ์, คำอธิบาย, สินค้าที่เกี่ยวข้อง, หยิบใส่รถเข็น, จำนวนสินค้า, สต็อกสินค้า, ข้อมูลเพิ่มเติม และอื่นๆ
- หากต้องการค้นหาคุณสมบัติเฉพาะเพื่อแก้ไขและเพิ่มในหน้าผลิตภัณฑ์ของคุณ ให้คลิกที่แถบค้นหาแล้วพิมพ์คุณสมบัตินั้น
- หลังจากพบคุณสมบัติทั้งหมดที่คุณต้องการเพิ่มในหน้าผลิตภัณฑ์ของคุณแล้ว ให้คลิก "เปิดใช้งาน" จากแท็บวิดเจ็ตหรือโมดูล เท่านี้ก็เรียบร้อย!
เมื่อทำตามขั้นตอนเหล่านี้ คุณจะปรับแต่งหน้าผลิตภัณฑ์ WooCommerce ได้โดยไม่ต้องใช้ Elementor หากต้องการเปลี่ยนการตั้งค่าเพิ่มเติมและปรับแต่งหน้าผลิตภัณฑ์ของคุณตั้งแต่เริ่มต้น คุณสามารถไปที่ เทมเพลตหน้าผลิตภัณฑ์ และสร้างเทมเพลตใหม่
การใช้ Elementor: การแก้ไขผ่าน Elementor
การปรับแต่งหน้าผลิตภัณฑ์ของคุณด้วย ShopReady โดยไม่ต้องใช้ Elementor นั้นทำได้อย่างสมบูรณ์ และทั้งหมดขึ้นอยู่กับความชอบส่วนบุคคล แต่ Elementor อาจมีตัวเลือกการปรับแต่งเพิ่มเติมบางอย่าง

เพื่อช่วยคุณปรับแต่งหน้าผลิตภัณฑ์ของคุณให้ดียิ่งขึ้น ต่อไปนี้คือวิธีแก้ไขด้วย Elementor —
- เปิด แผงตัวแก้ไข องค์ประกอบ คุณสามารถค้นหาได้ทางด้านซ้ายของไซต์
- เลือกเทมเพลตที่จะใช้งาน หากคุณมีอันที่สร้างไว้แล้ว คุณสามารถใช้มันหรือสร้างมันขึ้นมาใหม่ได้
- จากแถบวิดเจ็ต เลือก หน้าร้านค้า Elementor ที่คุณต้องการ หน้าทั่วไปคือ Menu Cart, Product Title, Price, Rating, Stock, Add To Cart, Meta Data, Product Description, ข้อมูลเพิ่มเติม, รีวิว และผลิตภัณฑ์ที่เกี่ยวข้อง
- หากต้องการปรับแต่งสีของวิดเจ็ตแต่ละสีและอื่นๆ ให้คลิกคุณลักษณะจากแท็บวิดเจ็ตแล้วคลิก "แก้ไข" สิ่งนี้ควรนำมาซึ่งเมนูการแก้ไขที่มีตัวเลือกมากมาย
อย่างที่คุณเห็น การแก้ไขด้วย Elementor WooCommerce Builder ก็ทำได้ง่ายเช่นกัน และการรวม ShopReady เข้ากับมันก็สามารถทำงานได้ดี แต่ไม่จำเป็นเสมอไป และคุณสามารถทำทุกอย่างได้ด้วย ShopReady เพียงอย่างเดียว
การใช้ปลั๊กอิน: การปรับแต่งเพิ่มเติมด้วยปลั๊กอิน
ShopReady เข้ากันได้กับปลั๊กอินอื่น ๆ และสามารถใช้ร่วมกับปลั๊กอินต่างๆ ได้หลายตัวเช่นกัน! ดังนั้นหากคุณต้องการปรับแต่งการตั้งค่าบางอย่างหรือเพิ่มคุณสมบัติเฉพาะ คุณสามารถติดตั้งปลั๊กอินอื่นๆ ได้
แต่พยายามอย่าเพิ่มปลั๊กอินที่แตกต่างกันมากเกินไป เพราะพวกมันสามารถเขียนทับฟีเจอร์จากปลั๊กอินของคุณและทำให้ทุกอย่างยุ่งเหยิง แต่นอกเหนือจากนั้น คุณยังสามารถปรับแต่งให้ตรงใจคุณได้ด้วย ShopReady
เหตุใดจึงต้องใช้ ShopReady เพื่อแก้ไขหน้าผลิตภัณฑ์ WooCommerce
ถึงตอนนี้ คุณสามารถบอกได้ว่า ShopReady เป็นหนึ่งในปลั๊กอินที่ง่ายที่สุดในการใช้งานโดยไม่ต้องเขียนโค้ดใดๆ รองรับปลั๊กอินอื่น ๆ ด้วย แต่คุณไม่จำเป็นต้องใช้ Elementor เกือบตลอดเวลา
แต่ถ้าคุณยังไม่มั่นใจ ต่อไปนี้คือเหตุผลบางประการที่คุณควรใช้ ShopReady เพื่อแก้ไขหน้าผลิตภัณฑ์ WooCommerce —
การควบคุมการปรับแต่งแบบเต็ม
สำหรับการสร้างร้านค้าออนไลน์ด้วย WordPress WooCommerce นั้นมีประโยชน์อย่างมากและสามารถทำให้ธุรกิจของคุณง่ายขึ้นมาก แต่ถึงอย่างนั้น มันก็ไม่มีตัวเลือกมากมายสำหรับการปรับแต่ง
แต่ปลั๊กอิน ShopReady ของเราเปลี่ยนแปลงสิ่งนั้น คุณสามารถ ปรับแต่งหน้า WooCommerce เริ่มต้น ในร้านค้าออนไลน์ของคุณได้ตามที่คุณต้องการด้วยวิดเจ็ตต่างๆ หลายร้อยรายการ การตั้งค่าโมดูลต่างๆ และเทมเพลตที่ปรับแต่งได้
ความเข้ากันได้ของปลั๊กอิน & การตั้งค่าที่ปรับให้เหมาะสม
ShopReady เข้ากันได้กับปลั๊กอิน WooCommerce อื่น ๆ ดังนั้นคุณจึงสามารถปรับแต่งมันได้ไม่จำกัดด้วยปลั๊กอินต่างๆ โดยเฉพาะกับ Elementor
และโดยปกติ การเพิ่มโค้ดของบุคคลที่สามหรือปลั๊กอินอื่นทับกันจะทำให้เกิดความยุ่งเหยิง และเว็บไซต์ของคุณอาจบัฟเฟอร์หรือล้าหลังได้ แต่ ShopReady รองรับปลั๊กอินทั้งหมดและปรับให้เหมาะสมที่สุดในวิธีที่ดีที่สุดเพื่อให้ได้ผลลัพธ์ที่เร็วที่สุด
ดังนั้น แม้ว่าคุณจะเพิ่มโค้ดของบุคคลที่สามจำนวนมากสำหรับคุณลักษณะที่ซับซ้อน เช่น คุณลักษณะ Elementor ของเทมเพลตผลิตภัณฑ์เดียว คุณจะไม่ได้รับความล่าช้าหรือข้อผิดพลาดใดๆ และสามารถแก้ไขได้ตามที่คุณต้องการ
สร้างจากนักพัฒนา WordPress ที่มีประสบการณ์
ShopReady ได้รับการออกแบบอย่างมืออาชีพร่วมกับนักพัฒนา WordPress คนอื่นๆ ดังนั้นเราจึงคำนึงถึงหลายสิ่งหลายอย่างเพื่อให้ได้กระบวนการพัฒนาร้านค้าออนไลน์ที่ดีที่สุดในวิธีที่ง่ายและรวดเร็วที่สุด
และด้วยความพยายามร่วมกันของเรา เราได้สร้างวิดเจ็ตและโมดูลต่างๆ หลายร้อยแบบเพื่อช่วยให้คุณได้รับคุณลักษณะเกือบทั้งหมดที่คุณต้องการสำหรับธุรกิจออนไลน์ของคุณ ShopReady มีไว้เพื่อใช้กับ Elementor เช่นกัน และการรวมเข้าด้วยกันจะช่วยให้คุณสามารถควบคุมทุกแง่มุมของร้านค้าของคุณได้อย่างสมบูรณ์
บทสรุป
หวังว่าคำถามของคุณเกี่ยวกับ วิธีการแก้ไขหน้าผลิตภัณฑ์ WooCommerce โดยไม่มี Elementor ได้รับการตอบแล้ว แม้ว่าคุณจะยังคงสามารถสร้างเว็บไซต์ที่ยอดเยี่ยมได้โดยไม่ต้องใช้ Elementor แต่เรายังคงแนะนำให้คุณใช้เพื่อการปรับแต่งเพิ่มเติม
แต่สำหรับบันทึกสุดท้าย คุณควรตรวจสอบโมดูลหน้าผลิตภัณฑ์ เช่น การเปรียบเทียบผลิตภัณฑ์ มุมมองด่วนของผลิตภัณฑ์ และตัวอย่างรูปแบบต่างๆ มีตัวเลือกอื่นๆ อีกมากมาย แต่ตัวเลือกเหล่านี้มักพบบ่อยที่สุดและเป็นคุณลักษณะที่มีประโยชน์ที่สุดบางส่วน
คุณสามารถปรับแต่งวิดเจ็ตและโมดูลเหล่านี้ได้มากขึ้นด้วย Elementor หรือปลั๊กอินอื่น ๆ เพื่อให้ธุรกิจในฝันของคุณออนไลน์ ขอให้โชคดี!
Astra Pro vs Elementor Pro – การเปรียบเทียบแบบตัวต่อตัว