ProductX WooCommerce Builder สำหรับร้านค้าออนไลน์

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

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

แนะนำ ProductX: Gutenberg WooCommerce Builder

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

WooCommerce Builder เป็นหนึ่งในโปรแกรมเสริมที่ทรงพลังของ ProductX ช่วยในการสร้างเทมเพลตแบบไดนามิกสำหรับหลาย ๆ หน้าและแทนที่เทมเพลต WooCommerce ที่มีอยู่

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

เราสามารถทำอะไรกับ ProductX WooCommerce Builder

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

เช่นเดียวกับผู้สร้างรายอื่น ๆ ช่วยสร้างและปรับแต่งเทมเพลตสำหรับหน้าที่สำคัญส่วนใหญ่ของร้านค้า WooCommerce ซึ่งรวมถึง:

• หน้าร้านค้า
• คลังเก็บสินค้า
• หมวดหมู่สินค้า
• หน้ารถเข็น
• หน้าผลิตภัณฑ์เดียวและอีกมากมาย

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

วิธีใช้ตัวสร้าง WooCommerce ของ ProductX

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

ดังที่ฉันได้กล่าวไว้ก่อนหน้านี้ในโพสต์บล็อกนี้ WooCommerce Builder เป็นส่วนเสริมของ ProductX ในการใช้งาน เราต้องเปิดใช้งานหลังจากติดตั้งและเปิดใช้งานปลั๊กอิน ProductX อย่างเพียงพอแล้ว นี่คือวิธี:

• จากแดชบอร์ด WordPress ของคุณ ไปที่ ProductX Section
• ตอนนี้ คลิกที่ส่วนเสริมของ ProductX
• เปิดตัวสร้างจากส่วนเสริมที่มีทั้งหมด

หลังจากเปิดโปรแกรมเสริม Builder คุณสามารถสร้างเทมเพลตได้ไม่จำกัดและแทนที่ด้วยเทมเพลต WordPress เริ่มต้น

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

• ไปที่ส่วนตัวสร้าง
• คลิกที่ปุ่ม “เพิ่มใหม่”
• เพิ่มชื่อเทมเพลต
• เลือกประเภทของเทมเพลต
• เลือกเงื่อนไขหากต้องการ
• คลิกที่ปุ่ม “สร้างแม่แบบ”

จากตัวเลือกการเลือกประเภท คุณต้องเลือกเพจที่คุณต้องการสร้างเทมเพลต จากนั้นเลือกเงื่อนไขตามความต้องการของคุณ

สร้างและปรับแต่งหน้าร้านค้าที่กำหนดเองโดยใช้ WooCommerce Builder

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

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

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

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

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

จากนั้นเราก็เพิ่มบล็อกตัวกรองผลิตภัณฑ์ทางด้านซ้ายและบล็อกผลิตภัณฑ์ที่มีอยู่ทางด้านขวา ตัวอย่างเช่น ฉันกำลังเพิ่มบล็อก Product Grid 1

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

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

สุดท้ายแต่ไม่ท้ายสุด คุณสามารถเลือกจากการแบ่งหน้าได้สองประเภท โหลดเพิ่มเติมและตัวเลข หากคุณต้องการแบ่งหน้าร้านค้าของคุณ

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

สร้างและปรับแต่งเทมเพลตหน้าหมวดหมู่โดยใช้ WooCommerce Builder

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

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

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

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

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

เมื่อคุณพอใจกับเทมเพลตแล้ว ให้เผยแพร่และดูว่าหมวดหมู่ผลิตภัณฑ์ดูแลอย่างไรหลังจากใช้เทมเพลต

บทสรุป

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