การรวม ShopEngine กับ Gutenberg สำหรับร้านค้า WooCommerce

ในที่สุด สิ้นสุดการรอคอย! ตอนนี้ ShopEngine เข้ากันได้ กับตัว แก้ไขบล็อก Gutenberg ของคุณ ก่อนหน้านี้ คุณสามารถเข้าถึงวิดเจ็ตของ ShopEngine ผ่านหน้าต่าง Elementor เท่านั้นใช่ไหม

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

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

ภาพรวมของ Gutenberg:

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

ก่อนหน้านี้ ผู้คนเคยชินกับการใช้ “Classic Editor” ซึ่งเป็นโปรแกรมแก้ไข WordPress อีกตัวหนึ่ง นับตั้งแต่การถือกำเนิดของ Gutenberg ผู้คนต่างหันมาใช้ตัวแก้ไขบล็อกมากกว่าเมื่อเปรียบเทียบกับตัวแก้ไขแบบคลาสสิก ความพิเศษของ Gutenberg คือเนื้อหาแบบบล็อก

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

และนี่คือสิ่งที่เราจะเน้นที่บล็อกข้อมูลนี้ นับจากนี้ไป ฟีเจอร์มากมายของ ShopEngine จะพร้อมให้คุณใช้งานใน Gutenberg สำหรับ WooCommerce ก่อนที่เราจะขยายบล็อกที่กำหนดเองของ ShopEngine ใน Gutenberg ให้ฉันอธิบายว่าทำไมเราจึง รวม ShopEngine กับ Gutenberg สำหรับ WooCommerce

ทำไมต้องรวม ShopEngine กับ Gutenberg:

ShopEngine ได้รับการออกแบบมาโดยเฉพาะสำหรับ Elementor นั่นหมายความว่าคุณสามารถสร้างหน้า WooCommerce ของคุณสำหรับ Elementor เท่านั้น แต่ตอนนี้ ดังที่ฉันได้กล่าวไว้ก่อนหน้านี้ว่า ShopEngine ได้ก้าวไปข้างหน้าหนึ่งก้าวหลังจากถูกรวมเข้ากับ Gutenberg

อะไรทำให้เรา รวม ShopEngine เข้ากับ Gutenberg สำหรับ WooCommerce เพื่อตอบคำถามนี้ ผมขอนำเสนอข้อมูลบางส่วน-

ตาม gutenstats.blog Gutenberg ได้รับการติดตั้ง 76 ล้านครั้งจนถึงปัจจุบัน ยิ่งไปกว่านั้น 264.5 ล้านโพสต์ที่เขียนด้วย Gutenberg จนถึงปัจจุบัน

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

เหตุผลเพิ่มเติมบางประการของการรวม ShopEngine กับ Gutenberg:

ให้ฉันเน้นว่า Gutenberg ไม่ได้เป็นเพียงเครื่องมือแก้ไขเนื้อหา เท่านั้น โครงการ Gutenberg มีเป้าหมายที่จะเปลี่ยนเครื่องมือแก้ไขบล็อกให้เป็น เครื่องมือแก้ไขเว็บไซต์เต็มรูปแบบ ในอนาคตอันใกล้

แนวคิดคือให้คุณออกแบบเว็บไซต์ WooCommerce ของคุณได้ 100% ด้วยตัวแก้ไข Gutenberg หากเกิดเหตุการณ์นี้ขึ้น ความต้องการ Gutenberg มีแนวโน้มที่จะพุ่งสูงขึ้น ดังนั้นจึงคุ้มค่าที่จะรวม ShopEngine กับ Gutenberg สำหรับ WooCommerce ใช่ไหม

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

บล็อก ShopEngine ที่โดดเด่นบางส่วนใน Gutenberg:

ก่อนที่ฉันจะอธิบายเกี่ยวกับบล็อกของ ShopEngine ให้ฉันชี้แจงว่า ShopEngine มาพร้อมกับ วิดเจ็ต 65+ โมดูล 13+ และ เทมเพลตมากมาย สำหรับหน้าร้านค้า WooCommerce ที่รองรับผู้ใช้ Elementor หลังจากการผสานรวมของ ShopEngine กับ Gutenberg สำหรับ WooCommerce แล้ว คุณสามารถเข้าถึง บล็อก ShopEngine ได้มากกว่า 45 บล็อกใน Gutenberg

บล็อกของ Gutenberg จะปรากฏขึ้นตามประเภทเพจที่คุณเลือกสร้างเทมเพลตสำหรับร้านค้า WooCommerce นอกจากนี้ คุณจะสามารถเข้าถึงโมดูลต่างๆ เช่น Quick View, Variation Swatches, Product Comparison และ Wishlist

มาดูบล็อกของ ShopEngine ใน Gutenberg สำหรับร้านค้า WooCommerce กัน

ชื่อผลิตภัณฑ์:

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

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

รายการสินค้า:

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

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

รายละเอียดสินค้า:

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

ชำระเงิน :

เช่นเดียวกับวิดเจ็ต Checkout Payment ใน Elementor บล็อก Checkout Payment ทำงานใน Gutenberg คุณสามารถดูบล็อก "ชำระเงิน" ได้หากคุณเข้าสู่เทมเพลตบิลด์สำหรับหน้าการชำระเงินของคุณ หลังจากนั้น คุณสามารถเพิ่มช่องการชำระเงินตามต้องการสำหรับร้านค้า WooCommerce ของคุณ

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

เก็บถาวรผลิตภัณฑ์:

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

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

โต๊ะรถเข็น:

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

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

สินค้าที่ดูล่าสุด:

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

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

ไขลาน:

ดังนั้น คุณคิดอย่างไรในการ ผสานรวม ShopEngine กับ Gutenberg สำหรับ WooCommerce ? โปรดแจ้งให้เราทราบเกี่ยวกับประสบการณ์ของคุณในการปรับใช้บล็อก ShopEngine ใน Gutenberg สำหรับร้านค้า WooCommerce

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