คู่มือที่ชัดเจนสำหรับการส่งผลิตภัณฑ์ส่วนหน้าของ WooCommerce สำหรับปี 2023
เผยแพร่แล้ว: 2022-04-13ต้องการเปิดใช้ฟีเจอร์การส่งผลิตภัณฑ์ส่วนหน้าของ WooCommerce ในตลาดของคุณหรือไม่ ปลั๊กอิน WP User Frontend ช่วยให้ซัพพลายเออร์หรือผู้ขายบุคคลที่สามสามารถเพิ่มผลิตภัณฑ์ดิจิทัลจากส่วนหน้าได้
อย่างไรก็ตาม หากคุณใช้ Dokan เพื่อสร้างตลาดกลาง คุณจะได้รับคุณสมบัติส่วนหน้าสำหรับผู้ขายตามค่าเริ่มต้น ถึงกระนั้น คุณสามารถขยายหรือปรับแต่งตัวเลือกการออกแบบและการปรับแต่งด้วย WP User Frontend
วันนี้เราจะแนะนำขั้นตอนการสร้างแบบฟอร์มโต้ตอบโดยใช้ WP User Frontend เพื่อให้สมาชิกที่ลงทะเบียนสามารถอัปโหลดผลิตภัณฑ์จากส่วนหน้าได้อย่างง่ายดาย ด้วยวิธีนี้คุณไม่จำเป็นต้องแบ่งปันการเข้าถึงแบ็กเอนด์ของคุณ
เหตุผลที่คุณควรอนุญาตให้ส่งผลิตภัณฑ์ส่วนหน้าของ WooCommerce สำหรับตลาดของคุณ
ในฐานะผู้ดูแลระบบ คุณอาจต้องการนำบางส่วนหรือคุณลักษณะบางอย่างของร้านค้าอีคอมเมิร์ซของคุณไปที่ส่วนหน้า ขออภัย ด้วย WooCommerce คุณไม่สามารถเพิ่มและจัดการสินค้า คำสั่งซื้อ คูปอง ฯลฯ จากส่วนหน้าได้
แต่คุณสามารถทำได้ง่ายๆ ด้วยปลั๊กอิน WP User Frontend ช่วยให้คุณสร้างส่วนต่อประสานส่วนหน้าเพื่อให้ผู้ใช้สามารถโพสต์และจัดการผลิตภัณฑ์บนเว็บไซต์ที่ขับเคลื่อนโดย WooCommerce
มีเหตุผลหลายประการที่คุณควรอนุญาตให้ผู้ขายอัปโหลดผลิตภัณฑ์จากส่วนหน้า เช่น-
ประสบการณ์การใช้งานที่ราบรื่น
แบ็กเอนด์ของ WordPress อาจซับซ้อนเล็กน้อยสำหรับผู้ขายที่ไม่ใช่ด้านเทคนิค คุณอาจได้เพิ่มคุณสมบัติบางอย่างที่เฉพาะผู้ที่มีความชำนาญด้านเทคโนโลยีเท่านั้นที่สามารถจัดการได้ จะเป็นการดีกว่าหากรวมแบบฟอร์มการส่งส่วนหน้าสำหรับการอัปโหลดผลิตภัณฑ์
จัดการบทบาทของผู้ใช้
ด้วยบทบาทผู้จัดการร้านค้า ผู้จำหน่ายผลิตภัณฑ์จะสามารถเข้าถึงการตั้งค่าทั้งหมดภายใน WooCommerce แต่ในฐานะเจ้าของตลาดกลาง ความปรารถนาของคุณคือการคงคุณสมบัติบางอย่างไว้สำหรับผู้ใช้บางราย ดังนั้น คุณต้องมีโซลูชันส่วนหน้าสำหรับร้านค้าออนไลน์ของคุณ
อ่านเพิ่มเติม: วิธีเพิ่มบทบาทผู้ใช้ที่กำหนดเองบนไซต์ WordPress ของคุณ
ตัวเลือกการปรับแต่งแบบฟอร์ม
ที่แบ็กเอนด์ ผู้ใช้จะได้รับฟิลด์ผลิตภัณฑ์เริ่มต้นเพื่ออัปโหลดผลิตภัณฑ์ไปยังร้านค้าของตน ขออภัย คุณไม่สามารถเปลี่ยน ช่องผลิตภัณฑ์แบ็กเอนด์เหล่านี้ได้ แต่ด้วยปลั๊กอินส่วนหน้า คุณสามารถสร้างแบบฟอร์มผลิตภัณฑ์แบบโต้ตอบและแสดงฟิลด์ที่จำเป็นตามความต้องการทางธุรกิจของคุณได้อย่างง่ายดาย
ในขณะที่การแข่งขันเติบโตขึ้นทุกวัน เพื่อที่จะใช้งานไซต์อีคอมเมิร์ซที่ประสบความสำเร็จ คุณต้องทำให้มันเรียบง่าย อย่างไรก็ตาม สำหรับตลาดซื้อขาย สถานการณ์ค่อนข้างยุ่งยากกว่าเล็กน้อย เนื่องจากคุณต้องดูแลทั้งประสบการณ์ของลูกค้าและธุรกรรมของผู้ขายที่ง่ายดาย ดังนั้น คุณควรใช้ WP User Frontend เพื่อทำให้กระบวนการง่ายขึ้น ลดค่าใช้จ่ายเพิ่มเติม และใช้ประโยชน์จากการโพสต์ส่วนหน้า
อ่านเพิ่มเติม: ทำไมและจะเพิ่มการส่งส่วนหน้าสำหรับ WooCommerce ได้อย่างไร
วิธีอัปโหลดผลิตภัณฑ์ไปยัง WooCommerce Frontend โดยใช้ WP User Frontend
WP User Frontend เป็นปลั๊กอินการโพสต์ส่วนหน้าที่มีประสิทธิภาพ มีความสามารถในการสร้างฟอร์มแบบไดนามิกพร้อมประเภทโพสต์ที่กำหนดเอง การใช้การจัดหมวดหมู่ที่กำหนดเองและคุณสมบัติเมตาคีย์ คุณสามารถสร้างส่วนต่อประสานส่วนหน้าเพื่อโพสต์และจัดการผลิตภัณฑ์ของไซต์ที่ขับเคลื่อนด้วย WooCommerce ของคุณได้อย่างง่ายดาย
ในบทช่วยสอนด้านล่าง คุณจะได้เรียนรู้วิธีอัปโหลดผลิตภัณฑ์ WooCommerce จากส่วนหน้าโดยใช้ WP User Frontend Pro-
ข้อกำหนดเบื้องต้น:
- WordPress (สมมติว่าคุณได้ติดตั้งไว้แล้ว)
- WP User Frontend Pro (ติดตั้งและเปิดใช้งาน)
- ปลั๊กอิน WooCommerce (ติดตั้งและเปิดใช้งาน)
- Post Meta Inspector (ไม่บังคับสำหรับฟิลด์เพิ่มเติม)
หลังจากเปิดใช้งาน WPUF และ WooCommerce แล้ว WPUF จะบันทึกอนุกรมวิธาน เมตา และประเภทโพสต์จาก WooCommerce โดยอัตโนมัติ ตอนนี้ หากคุณไม่สบายใจกับการออกแบบเริ่มต้นของฟอร์ม WooCommerce แบ็กเอนด์ ก็ถึงเวลาทำลายความจำเจด้วยการสร้างฟอร์มส่วนหน้าเพื่ออัปโหลดผลิตภัณฑ์
คุณสามารถสร้างฟังก์ชันที่มีประโยชน์มากมายได้โดยใช้แบบฟอร์ม WPUF และเพิ่มแบบฟอร์มลงในเพจโดยใช้รหัสย่อ
คุณต้องมี 3 หน้าก่อนที่จะอนุญาตให้ผู้ขาย/ผู้ใช้ของคุณเริ่มอัปโหลดผลิตภัณฑ์โดยใช้แบบฟอร์ม WPUF WooCommerce-
- One Upload page : หน้าหลักที่ผู้ใช้จะสร้างผลิตภัณฑ์
- หน้าแดชบอร์ด เดียว : ผู้ขายสามารถดูผลิตภัณฑ์ทั้งหมดที่พวกเขาได้ส่งผ่านแบบฟอร์ม
- หน้าแก้ไข หนึ่งหน้า : ผู้ใช้จะใช้หน้านี้เพื่อแก้ไขหรืออัปเดตผลิตภัณฑ์ที่อัปโหลด หากผู้ดูแลระบบอนุญาตผู้ใช้
วันนี้คุณจะได้เรียนรู้วิธีสร้างหน้าเหล่านี้ทั้งหมดโดยใช้ WP User Frontend
เราจะแบ่งบทช่วยสอนออกเป็นสองส่วน:
- ตอนที่ 1: การสร้างหน้าอัปโหลดผลิตภัณฑ์ WooCommerce
- ตอนที่ 2: การสร้างหน้าที่จำเป็นอื่นๆ สำหรับจัดการผลิตภัณฑ์ WooCommerce
ส่วนที่ 1: การสร้างหน้าอัปโหลดผลิตภัณฑ์ WooCommerce
ก่อนอื่นเราต้องสร้างแบบฟอร์มผลิตภัณฑ์ WooCommerce ก่อนหน้านี้ ผู้ใช้จำเป็นต้องสร้างแบบฟอร์มด้วยตนเอง แต่ส่วนหน้าผู้ใช้ WP ใหม่มาพร้อมกับคุณสมบัติและฟังก์ชันขั้นสูงมากมายเพื่อขยายประสบการณ์ผู้ใช้ เพียงทำตามขั้นตอนด้านล่างเพื่อสร้างแบบฟอร์มผลิตภัณฑ์ WooCommerce และปรับแต่งฟิลด์ -
ขั้นตอนที่ 1: ออกแบบแบบฟอร์มการอัปโหลดผลิตภัณฑ์ Frontend WooCommerce
- ไปที่ – WP Dashboard → User Frontend → Post Forms → Add Forms
- คลิกที่เทมเพลตผลิตภัณฑ์ WooCommerce จะสร้างแบบฟอร์มผลิตภัณฑ์ WC โดยอัตโนมัติพร้อมฟิลด์ที่จำเป็นทั้งหมดของคุณ หลังจากนั้นคุณสามารถลบหรือแก้ไขฟิลด์ใดก็ได้ตามความต้องการของคุณ
- ถัดไป ไปที่แท็บการตั้งค่าและตรวจสอบการปิดใช้งานการสมัครสมาชิก [ข้ามตัวเลือกนี้หากคุณต้องการให้แบบฟอร์มนี้ปรากฏสำหรับชุดการสมัครสมาชิกของคุณ]
- คลิกที่รหัสแบบฟอร์มและคัดลอกรหัสย่อของแบบฟอร์ม
- ตอนนี้ วางรหัสย่อไปยังหน้า/โพสต์ใหม่
- เมื่อคุณทำเสร็จแล้ว คุณจะได้รับแบบฟอร์มการอัปโหลดผลิตภัณฑ์ WC ส่วนหน้าของคุณเอง
ตรวจสอบวิดีโอนี้เพื่อเรียนรู้กระบวนการโดยละเอียด -
หมายเหตุสำคัญ: คุณไม่สามารถสร้างผลิตภัณฑ์ผันแปรจากส่วนหน้าด้วย WP User Frontend Pro ได้ในขณะนี้
ขั้นตอนที่ 2: การเพิ่มประเภทฟิลด์ที่กำหนดเองในแบบฟอร์ม WooCommerce ของคุณ
เรามาแสดงวิธีรวมช่องแบบฟอร์มที่กำหนดเองเพื่อให้ผู้ใช้ของคุณสามารถอัปโหลดแกลเลอรีรูปภาพ ผลิตภัณฑ์ที่ดาวน์โหลดได้ ฯลฯ
1. คลังภาพ
ก่อนหน้านี้ ผู้ใช้ต้องใส่โค้ดที่กำหนดเองเพื่อรับแกลเลอรีรูปภาพสำหรับหน้าอัปโหลดผลิตภัณฑ์ WooCommerce แต่ใน WP User Frontend เวอร์ชันล่าสุด คุณจะพบฟิลด์สำหรับแกลเลอรีรูปภาพตามค่าเริ่มต้นในแบบฟอร์มการอัปโหลดผลิตภัณฑ์ ดังนั้นคุณไม่จำเป็นต้องทำอะไรเพิ่มเติม
2. ผลิตภัณฑ์ที่ดาวน์โหลดได้
เทมเพลตฟอร์มผลิตภัณฑ์ WooCommerce ใหม่ยังมีฟิลด์สำหรับผลิตภัณฑ์ที่ดาวน์โหลดได้ คุณจึงอนุญาตให้ผู้ใช้อัปโหลดผลิตภัณฑ์ที่ดาวน์โหลดได้ด้วยแบบฟอร์มการสร้างผลิตภัณฑ์เช่นกัน จากแผงการปรับแต่งด้านขวา คุณสามารถเลือกประเภทไฟล์สำหรับผลิตภัณฑ์ที่ดาวน์โหลดได้
3. อนุกรมวิธานที่กำหนดเอง
คุณยังจะได้รับตัวเลือกในการเพิ่ม taxonomies ที่กำหนดเองสำหรับ WooCommerce เช่น product_type , product_cat , product_tag , product_shipping_class เพิ่มประเภทสินค้า (แบบง่าย รูปแบบ ดาวน์โหลดได้ ฯลฯ) หมวดหมู่ แท็ก และประเภทการจัดส่ง หากคุณต้องการให้ผู้ใช้ตั้งค่าฟิลด์เหล่านั้นขณะอัปโหลด
ขั้นตอนที่ 3: บันทึกการเปลี่ยนแปลงและตรวจสอบรูปลักษณ์สุดท้าย
เมื่อคุณเพิ่มฟิลด์ในแบบฟอร์มเสร็จแล้วให้กด บันทึก และ คัดลอก รหัสย่อสำหรับแบบฟอร์ม ออกแบบหน้าของคุณที่คุณต้องการแสดงแบบฟอร์มการอัปโหลดสำหรับผู้ใช้ของคุณและวางรหัส ตรวจสอบหน้าอัปโหลดหลักที่ผู้ใช้จะสร้างผลิตภัณฑ์
ส่วนที่ 2: การสร้างหน้าอื่นๆ ที่จำเป็นสำหรับการจัดการผลิตภัณฑ์ WooCommerce
ในส่วนนี้ เราจะสร้างเพจที่จำเป็นอีกสองหน้าที่ผู้ขายจะต้องใช้ในการจัดการสินค้าของร้านค้าของเขา/เธอ
ขั้นตอนที่ 1: การสร้างหน้าแก้ไขและแดชบอร์ด
ก่อนอื่น ไปที่ แดชบอร์ด → หน้า → เพิ่มหน้าใหม่
ถัดไป สองหน้าใหม่มีชื่อว่า Dashboard และ Edit ตอนนี้เพียงวางรหัสย่อในนั้น
สำหรับหน้าแดชบอร์ด ให้ใช้ [wpuf_dashboard post_type="product"]
สำหรับหน้าแก้ไขให้ใช้ [wpuf_edit]
หลังจากสร้างเพจแล้ว ให้ไปที่ WPUF → Settings → General Options ที่นี่ คุณจะได้รับตัวเลือกมากมายในการกำหนดบทบาทและจำกัดสิ่งอำนวยความสะดวกใดๆ สำหรับผู้ใช้ของคุณ ตามความต้องการและนโยบายธุรกิจของคุณ เลือกตัวเลือกอย่างชาญฉลาด
ขั้นตอนที่ 2: ตรวจสอบรูปลักษณ์สุดท้าย
คุณสร้างแบบฟอร์มอัปโหลด WPUF WooCommerce และหน้าที่จำเป็นอื่นๆ สำเร็จแล้ว ถึงเวลาทดสอบว่าทำงานตามแผนหรือไม่ โหลดหน้าและอัปโหลดผลิตภัณฑ์สาธิตพร้อมชื่อผลิตภัณฑ์ คำอธิบาย และรูปภาพ หรือฟิลด์บังคับอื่นๆ
หลังจากส่งแล้ว ให้ไปที่ wp-admin → products ตรวจสอบว่าผลิตภัณฑ์ที่คุณสร้างและข้อมูลทั้งหมดได้รับการอัปโหลดอย่างถูกต้องแล้ว
หวังว่าคุณจะพบว่าทุกอย่างทำงานได้ดี ตอนนี้คลิกที่ปุ่ม แก้ไข และไปที่หน้าแก้ไขจากหน้า แดชบอร์ด
ด้วยวิธีนี้ คุณสามารถเปิดใช้ตลาดของผู้ค้าหลายรายสำหรับ Frontend Submissions ได้อย่างง่ายดาย หากต้องการขยายสิ่งอำนวยความสะดวก ยังมีตัวเลือกสำหรับการใช้ตรรกะแบบมีเงื่อนไข ช่วยให้คุณเปิดหรือปิดรายการเมนูโดยพิจารณาจากคุณสมบัติของผู้ใช้ว่าได้รับอนุญาตให้อัปโหลดผลิตภัณฑ์หรือไม่ แต่สิ่งนี้จะต้องมีการเข้ารหัสกับธีมของคุณ
ตรวจสอบเอกสารฉบับเต็มได้ที่นี่!
เปิดใช้งานการส่งผลิตภัณฑ์ส่วนหน้าของ WooCommerce และอัปเกรดระบบการจัดการผู้ขายของคุณ
Frontend Submissions มอบระบบการทำงานเต็มรูปแบบที่ยกระดับประสบการณ์ของลูกค้าในตลาดดิจิทัลของคุณ
คุณลักษณะนี้มีความสำคัญอย่างยิ่งสำหรับตลาดที่มีผู้ค้าหลายราย เนื่องจากผู้ขายจำนวนมากมาโฮสต์ผลิตภัณฑ์ของตนในตลาดของคุณ พวกเขาจึงต้องมีขั้นตอนการส่งผลิตภัณฑ์ที่ราบรื่นเพื่ออัปโหลดและแสดงผลิตภัณฑ์ของตน ในฐานะผู้ดูแลระบบ งานของคุณคือทำให้ระบบทั้งหมดง่ายดาย ยิ่งไปกว่านั้น การแชร์การเข้าถึงแบ็กเอนด์อาจทำให้ข้อมูลที่เป็นความลับของร้านค้าของคุณตกอยู่ในความเสี่ยง
การใช้คู่ Dokan + WP User Frontend คุณสามารถสร้างสภาพแวดล้อมที่ผู้ประกอบการสามารถตั้งค่าธุรกิจดิจิทัลของตนได้อย่างง่ายดายด้วยฟังก์ชันเพิ่มเติมเช่นกัน