วิธีแก้ไขหน้าผลิตภัณฑ์ WooCommerce W/O Elementor

เผยแพร่แล้ว: 2022-10-18

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

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

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

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

วิธีแก้ไขหน้าผลิตภัณฑ์ WooCommerce W/O Elementor

จากปลั๊กอิน WordPress ทั้งหมดสำหรับร้านค้าออนไลน์ ShopReady – WooCommerce Builder For Elementor นั้นใช้งานง่ายที่สุดในขณะที่ยังมีฟีเจอร์มากมาย ดังนั้นหากคุณต้องการแก้ไขหน้าสินค้าของร้านค้าของคุณ มีวิธีดังนี้ —

สารบัญ

ข้อกำหนดเบื้องต้น

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

คู่มือ: การตั้งค่า ShopReady

การตั้งค่า ShopReady ทำได้ง่ายมากและใช้เวลาติดตั้งเพียงไม่กี่นาที เพียงทำตามขั้นตอนด้านล่างนี้ —

  1. ไปที่แดชบอร์ดผู้ดูแลระบบใน WordPress และคลิกส่วน "ปลั๊กอิน"
  2. ค้นหา "ShopReady" ที่ด้านบนขวา ปลั๊กอินของเราจะเป็นผลลัพธ์แรก
  3. คลิกติดตั้งและรอการติดตั้ง นี้ไม่ควรใช้เวลานาน
  4. หลังจากติดตั้งเสร็จแล้ว ให้คลิกปุ่ม "เปิดใช้งาน" ที่มุมบนขวา และคุณทำเสร็จแล้ว! มันง่ายอย่างนั้น

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

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

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

การใช้ Elementor: การแก้ไขผ่าน Elementor

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

เพื่อช่วยคุณปรับแต่งหน้าผลิตภัณฑ์ของคุณให้ดียิ่งขึ้น ต่อไปนี้คือวิธีแก้ไขด้วย Elementor —

  1. เปิด แผงตัวแก้ไข องค์ประกอบ คุณสามารถค้นหาได้ทางด้านซ้ายของไซต์
  2. เลือกเทมเพลตที่จะใช้งาน หากคุณมีอันที่สร้างไว้แล้ว คุณสามารถใช้มันหรือสร้างมันขึ้นมาใหม่ได้
  3. จากแถบวิดเจ็ต เลือก หน้าร้านค้า Elementor ที่คุณต้องการ หน้าทั่วไปคือ Menu Cart, Product Title, Price, Rating, Stock, Add To Cart, Meta Data, Product Description, ข้อมูลเพิ่มเติม, รีวิว และผลิตภัณฑ์ที่เกี่ยวข้อง
  4. หากต้องการปรับแต่งสีของวิดเจ็ตแต่ละสีและอื่นๆ ให้คลิกคุณลักษณะจากแท็บวิดเจ็ตแล้วคลิก "แก้ไข" สิ่งนี้ควรนำมาซึ่งเมนูการแก้ไขที่มีตัวเลือกมากมาย

อย่างที่คุณเห็น การแก้ไขด้วย Elementor WooCommerce Builder ก็ทำได้ง่ายเช่นกัน และการรวม ShopReady เข้ากับมันก็สามารถทำงานได้ดี แต่ไม่จำเป็นเสมอไป และคุณสามารถทำทุกอย่างได้ด้วย ShopReady เพียงอย่างเดียว

การใช้ปลั๊กอิน: การปรับแต่งเพิ่มเติมด้วยปลั๊กอิน

ShopReady เข้ากันได้กับปลั๊กอินอื่น ๆ และสามารถใช้ร่วมกับปลั๊กอินต่างๆ ได้หลายตัวเช่นกัน! ดังนั้นหากคุณต้องการปรับแต่งการตั้งค่าบางอย่างหรือเพิ่มคุณสมบัติเฉพาะ คุณสามารถติดตั้งปลั๊กอินอื่นๆ ได้

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

เหตุใดจึงต้องใช้ ShopReady เพื่อแก้ไขหน้าผลิตภัณฑ์ WooCommerce

วิธีแก้ไขหน้าผลิตภัณฑ์ WooCommerce W/O Elementor

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

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

การควบคุมการปรับแต่งแบบเต็ม

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

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

ความเข้ากันได้ของปลั๊กอิน & การตั้งค่าที่ปรับให้เหมาะสม

ShopReady เข้ากันได้กับปลั๊กอิน WooCommerce อื่น ๆ ดังนั้นคุณจึงสามารถปรับแต่งมันได้ไม่จำกัดด้วยปลั๊กอินต่างๆ โดยเฉพาะกับ Elementor

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

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

สร้างจากนักพัฒนา WordPress ที่มีประสบการณ์

ShopReady ได้รับการออกแบบอย่างมืออาชีพร่วมกับนักพัฒนา WordPress คนอื่นๆ ดังนั้นเราจึงคำนึงถึงหลายสิ่งหลายอย่างเพื่อให้ได้กระบวนการพัฒนาร้านค้าออนไลน์ที่ดีที่สุดในวิธีที่ง่ายและรวดเร็วที่สุด

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

บทสรุป

วิธีแก้ไขหน้าผลิตภัณฑ์ WooCommerce W/O Elementor

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

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

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

Astra Pro vs Elementor Pro – การเปรียบเทียบแบบตัวต่อตัว