วิธีเพิ่มผลิตภัณฑ์ไปยังร้านค้า WooCommerce: คำแนะนำทีละขั้นตอน
เผยแพร่แล้ว: 2022-10-18คุณเพิ่งเสร็จสิ้นการตั้งค่าเว็บไซต์ WordPress ของคุณและกำลังคิดเกี่ยวกับวิธีตั้งค่าหน้าร้านค้า WooCommerce หรือไม่?
ในกรณีที่คุณไม่เคยใช้ WooCommerce มาก่อน ไม่ต้องกังวล เป็นแพลตฟอร์มที่ง่ายมากที่ให้คุณเพิ่มผลิตภัณฑ์ แก้ไขรายละเอียดผลิตภัณฑ์ จัดการสต็อกพื้นฐาน และสร้างหน้าร้านค้าอีคอมเมิร์ซโดยไม่ต้องยุ่งยากใดๆ
ด้วยคำแนะนำทีละขั้นตอนง่ายๆ นี้ เราจะแสดงให้คุณเห็นถึงพื้นฐานของวิธีการเพิ่มผลิตภัณฑ์ไปยังร้านค้า WooCommerce และวิธีสร้างหน้าผลิตภัณฑ์พื้นฐานด้วยเทมเพลตหน้าเว็บแบบคลิกเดียวง่ายๆ ของ ShopReady – เครื่องมือสร้างหน้า WooCommerce
ก่อนที่เราจะเริ่มต้น มาทำความรู้จักกับ WooCommerce กันสักเล็กน้อย
สารบัญ
ปลั๊กอิน WordPress WooCommerce คืออะไร?
WooCommerce เป็นปลั๊กอิน WordPress eCommerce ที่มีคุณสมบัติครบครัน ซึ่งช่วยลดความยุ่งยากในกระบวนการพัฒนาและบริหารจัดการหน้าร้าน E-Commerce โดยให้ระดับความยืดหยุ่นที่น่านับถือ ตลอดจนเครื่องมือสำคัญต่างๆ เช่น การจัดการสินค้าคงคลังขั้นพื้นฐานและการบริหารภาษี การชำระเงินที่ปลอดภัย การรวมการจัดส่ง ฯลฯ
ตรวจสอบโพสต์ล่าสุด 6 เปรียบเทียบปลั๊กอินอีคอมเมิร์ซ WordPress ที่ดีที่สุด
ทำไมคุณควรเริ่มใช้ WooCommerce ตอนนี้?
ปลั๊กอิน WooCommerce มาพร้อมกับคุณสมบัติที่มีประโยชน์มากมาย เช่น การตรวจสอบคำสั่งซื้อ การนำสกุลเงินต่างๆ มาใช้ การแจ้งเตือนสถานะการจัดส่ง การจัดการสินค้าคงคลัง และอื่นๆ เว็บไซต์อีคอมเมิร์ซส่วนใหญ่ที่สร้างด้วย WordPress นั้นขับเคลื่อนโดย WooCommerce
ไม่สำคัญว่าคุณกำลังสร้างไซต์อีคอมเมิร์ซใหม่ตั้งแต่ต้นหรืออัปเดตไซต์ที่มีอยู่ WooCommerce สามารถรวมเข้ากับเว็บไซต์ WordPress ของคุณได้อย่างง่ายดายด้วยความพยายามขั้นต่ำและไม่มีข้อกำหนดในการเข้ารหัส
เราจะแนะนำคุณตลอดขั้นตอนการเพิ่มผลิตภัณฑ์ WooCommerce แรกของคุณและกำหนดค่าทุกองค์ประกอบสุดท้าย
มาเริ่มกันเลยกับคำแนะนำทีละขั้นตอนนี้…
วิธีเพิ่มผลิตภัณฑ์ใน WooCommerce
ในการเริ่มต้นใช้งาน WooCommerce คุณต้องดาวน์โหลดและติดตั้งปลั๊กอินจากที่ เก็บ WordPress ก่อน ในการทำเช่นนั้นตรงไปที่ WordPress Dashboard > Plugins > Add New และค้นหาปลั๊กอิน
จากที่นี่ ติดตั้งและเปิดใช้งานปลั๊กอิน
วิซาร์ดการตั้งค่า WooCommerce
หลังจากเปิดใช้งาน กระบวนการรวมต้องเสร็จสิ้นโดยทำตามพร้อมท์วิซาร์ดการตั้งค่า WooCommerce
วิซาร์ดการตั้งค่าพื้นฐานต้องการข้อมูลเล็กน้อย เช่น ชื่อผู้ใช้ ที่อยู่ ประเภทผลิตภัณฑ์ ฯลฯ
สินค้าสู่ WooCommerce ของคุณ
เปิดแดชบอร์ด WordPress ของคุณและไปที่ WooCommerce > Products หลังจากตั้งค่า WooCommerce เสร็จสิ้น จากนั้น ในการสร้างผลิตภัณฑ์แรกของคุณ ให้คลิกปุ่มสร้างผลิตภัณฑ์
สิ่งนี้ควรเปลี่ยนเส้นทางคุณไปยังหน้าจอตัวแก้ไข WordPress จากที่นี่ คุณจะสามารถเพิ่ม ลบ และแก้ไขรายละเอียดผลิตภัณฑ์สำหรับเว็บไซต์ของคุณได้
ขั้นตอนที่ 01: เพิ่มชื่อผลิตภัณฑ์และคำอธิบาย
จากตัวแก้ไขหน้าผลิตภัณฑ์ WooCommerce ให้เพิ่มชื่อของผลิตภัณฑ์ในส่วนชื่อ ตามด้วยคำอธิบายผลิตภัณฑ์โดยละเอียดที่แสดงถึงผลิตภัณฑ์ได้ดีที่สุด แต่ละผลิตภัณฑ์ต้องมีคุณลักษณะของผลิตภัณฑ์ สี รายละเอียดการออกแบบ ฯลฯ คุณสามารถใช้การพิมพ์ สี เอฟเฟกต์ ฯลฯ ในคำอธิบายผลิตภัณฑ์
หากคุณไม่แน่ใจว่าจะเขียนอะไรในส่วนคำอธิบาย คุณสามารถติดตาม บล็อกเชิงลึกนี้โดย WooCommerce
ขั้นตอนที่ 02: การเพิ่มข้อมูลประเภทผลิตภัณฑ์
ขึ้นอยู่กับสินค้าและบริการของคุณ คุณสามารถเลือกระหว่างประเภทผลิตภัณฑ์จากตัว ปรับแต่งหน้าผลิตภัณฑ์ WooCommerce
เลือกระหว่างหนึ่งในสี่ประเภทผลิตภัณฑ์ที่แตกต่างกันขึ้นอยู่กับสินค้าและบริการของคุณ:
ผลิตภัณฑ์ที่เรียบง่าย
สินค้าจัดกลุ่ม.
ผลิตภัณฑ์ภายนอก/บริษัทในเครือ
สินค้าแปรผัน
ภายในผลิตภัณฑ์แต่ละประเภท คุณจะพบตัวเลือกในการปรับแต่งตัวแปรเพิ่มเติมภายในผลิตภัณฑ์แต่ละประเภท
ขั้นตอนที่ 03: Meta Box ข้อมูลผลิตภัณฑ์
หลังจากที่คุณเลือกประเภทผลิตภัณฑ์แล้ว ให้กรอกข้อมูลที่เหลือในกล่องข้อมูลผลิตภัณฑ์ คุณสามารถย้ายระหว่างส่วนต่างๆ ได้โดยใช้แท็บทางด้านซ้ายของหน้าจอ ซึ่งอ้างอิงถึงหมวดหมู่ข้อมูลเมตาของแต่ละผลิตภัณฑ์
แท็บทั่วไป
จากแท็บทั่วไป คุณจะสามารถแก้ไขราคาปกติและราคาลดสำหรับแต่ละผลิตภัณฑ์ได้
เมื่อคุณตัดสินใจทำแคมเปญลดราคา ให้ใช้ราคาลด มิฉะนั้น คุณสามารถเปิดใช้ราคาปกติสำหรับราคามาตรฐานได้
นอกจากนี้ คุณยังมีตัวเลือกในการเลือกสถานะภาษี ซึ่งจะกำหนดว่าสินค้าต้องเสียภาษีหรือไม่
แท็บสินค้าคงคลัง
ต้องขอบคุณ WooCommerce ที่ทำให้ WordPress ไม่เพียงแต่ยอดเยี่ยมสำหรับการเริ่มต้นธุรกิจดรอปชิป แต่ยังสำหรับการสร้างร้านค้าอีคอมเมิร์ซที่ใช้สินค้าคงคลังด้วยการติดตามสินค้าคงคลังและระบบการจัดการที่เหมาะสม
แท็บสินค้าคงคลังจะช่วยคุณในการจัดการสินค้าคงคลังอย่างเหมาะสม ตามค่าเริ่มต้น SKU สถานะสต็อก และตัวเลือกอื่นๆ จะพร้อมใช้งาน
คุณยังมีตัวเลือกในการกำหนด SKU ด้วยตนเองหรือใช้ปลั๊กอิน WordPress เพื่อสร้าง SKU ที่ไม่ซ้ำกัน
แท็บการจัดส่งสินค้า
นี่เป็นข้อกำหนดอีกประการหนึ่งสำหรับการขายสินค้าออนไลน์ คุณต้องระบุการวัดและน้ำหนักของผลิตภัณฑ์ที่ถูกต้อง
แท็บผลิตภัณฑ์ที่เชื่อมโยง
ผลิตภัณฑ์ที่เชื่อมโยงเป็นคุณสมบัติที่ยอดเยี่ยมที่ช่วยให้เจ้าของร้านเชื่อมโยงรายการที่เป็นข้อเสนอแนะเพื่อส่งเสริมผลิตภัณฑ์และเพิ่มรายได้ร้านค้า มีสองวิธีในการบรรลุสิ่งนี้: สินค้าที่เกี่ยวข้องกับลิงก์ในหน้าผลิตภัณฑ์ที่ผู้ซื้อของคุณอาจสนใจหรือ (ขายต่อเนื่อง)
หรือคุณอาจเสนอสินค้าที่มีราคาแพงกว่าพร้อมคุณสมบัติที่เหนือกว่า ซึ่งจะเป็นการเพิ่มมูลค่าของผลิตภัณฑ์ (การขายต่อ)
คุณสมบัติ Tab
แท็บแอตทริบิวต์สามารถช่วยคุณในการกำหนดค่าสิ่งต่างๆ เช่น ตัวเลือกสี ขนาด และอื่นๆ แอตทริบิวต์สามารถกำหนดค่าด้วยค่าที่กำหนดไว้ล่วงหน้าที่กำหนดไว้ล่วงหน้าหรือใช้แอตทริบิวต์ที่กำหนดเอง

แท็บขั้นสูง
แท็บขั้นสูงสามารถใช้เพื่อเพิ่มบันทึกการซื้อที่ปรากฏขึ้นหลังจากทำการสั่งซื้อ
คุณยังสามารถเลือกตำแหน่งการสั่งซื้อแบบกำหนดเองสำหรับสินค้าและทำเครื่องหมายที่ช่องเพื่อเปิดใช้งานการตรวจทานของลูกค้า
จากแท็บขั้นสูง คุณสามารถแก้ไขวันหมดอายุของผลิตภัณฑ์ เวลา บันทึกการซื้อ เปิด/ปิดการตรวจทาน ฯลฯ
ขั้นตอนที่ 04: สร้างคำอธิบายสั้น ๆ เน้นเฉพาะตัว
โดยปกติคำอธิบายสั้นๆ จะแสดงอย่างเด่นชัดในหน้าผลิตภัณฑ์เดียวของคุณ คำอธิบายที่ยาวกว่าที่คุณให้ไว้ด้านบนมักจะปรากฏอยู่ด้านล่างสุด ขึ้นอยู่กับธีมของคุณ
คำอธิบายสั้น ๆ เป็นข้อความสั้นๆ ที่เผยแพร่เพื่อเพิ่มยอดขายผลิตภัณฑ์ โดยเน้นที่คุณลักษณะและทำให้พวกเขาดึงดูดใจผู้บริโภคมากขึ้น คุณอาจเลือกที่จะแสดงคำอธิบายสั้นๆ หรือไม่ก็ได้ ทั้งนี้ขึ้นอยู่กับข้อกำหนดของหน้าแรกของร้านค้าของคุณ
ธีม WordPress WooCommerce Elementor บางส่วนให้ผู้ใช้มีตัวเลือกการแสดงคำอธิบายสั้น ๆ ทั้งสองแบบตั้งแต่เริ่มต้น
ขั้นตอนที่ 05: รูปภาพคุณสมบัติผลิตภัณฑ์
คุณค่าในสายตาลูกค้าคืออะไร? การสร้างมูลค่าให้กับลูกค้าต้องทำให้พวกเขารู้สึกมีคุณค่า และด้วยเหตุนี้ คุณจึงควรดึงดูดลูกค้าด้วยภาพสินค้าที่ดึงดูดใจซึ่งจะนำพวกเขากลับมาซื้ออีก
อีกสิ่งหนึ่งที่ควรพิจารณาขณะอัปโหลดภาพผลิตภัณฑ์คือภาพพื้นหลังของหน้าผลิตภัณฑ์ WooCommerce
คุณสามารถเพิ่มรูปภาพผลิตภัณฑ์ไปยัง WooCommerce จากส่วนรูปภาพผลิตภัณฑ์ และเพิ่มรูปภาพแกลเลอรีจากส่วนแกลเลอรีผลิตภัณฑ์
ขั้นตอนที่ 06: ตั้งค่าหมวดหมู่ร้านค้า WooCommerce
หมวดหมู่การแสดงร้านค้าของ WooCommerce มีความสำคัญในการช่วยลูกค้ากรองรายการที่ต้องการด้วยการคลิกง่ายๆ นี่เป็นตัวเลือกที่ต้องมีสำหรับแพลตฟอร์มอีคอมเมิร์ซสมัยใหม่
หากการติดตั้ง WooCommerce ที่เพิ่งติดตั้งใหม่ของคุณไม่มีหมวดหมู่ผลิตภัณฑ์ คุณสามารถสร้างได้ด้วยตนเองโดยคลิกที่ปุ่ม + เพิ่มหมวดหมู่ใหม่
ขั้นตอนที่ 07: เผยแพร่ผลิตภัณฑ์
คุณสามารถเผยแพร่ผลิตภัณฑ์ของคุณได้เมื่อคุณตรวจสอบรายละเอียดผลิตภัณฑ์ทั้งหมดอีกครั้งแล้ว เช่นเดียวกับที่คุณจะโพสต์บล็อก ให้คลิกที่ปุ่ม เผยแพร่
ใช้ตัวสร้างหน้าผลิตภัณฑ์ WooCommerce ฟรีเพื่อสร้างหน้าผลิตภัณฑ์อย่างง่าย
หากคุณต้องการสร้างหน้าผลิตภัณฑ์หน้าเดียวอย่างรวดเร็ว ขอแนะนำให้ใช้ตัว สร้างหน้าที่ดีที่สุดสำหรับ WooCommerce เรากำลังพูดถึง ShopReady – ตัวสร้าง WooCommerce สำหรับ Elementor เมื่อเปรียบเทียบกับปลั๊กอินอื่น ๆ ในที่เก็บ WordPress แล้ว ShopReady เสนอคอลเลกชันที่น่าประทับใจของ วิดเจ็ต Elementor โมดูล และรวมถึง เทมเพลต WooCommerce ฟรี
วิธีสร้างหน้าผลิตภัณฑ์เดียวด้วย ShopReady – ตัวสร้าง WooCommerce สำหรับ Elementor
ขั้นตอน – 01:
ในการสร้างหน้าผลิตภัณฑ์พื้นฐานโดยใช้ ShopReady – WooCommerce Builder ให้ไปที่แดชบอร์ดและเลือกแท็บเทมเพลต เปิดใช้งานหมวดหมู่เทมเพลตผลิตภัณฑ์และค้นหาการตั้งค่าผลิตภัณฑ์เดียวก่อนคลิกบันทึกการเปลี่ยนแปลง
ขั้นตอน – 02:
คลิกไอคอน + แล้วคุณจะถูกส่งไปยังหน้าจอ Elementor Editor จากที่นี่ คุณสามารถเริ่มต้นด้วยการคลิกที่ไอคอน เพิ่มส่วนใหม่ ใน Elementor Editor เพื่อเริ่มเพิ่มองค์ประกอบที่จำเป็นทั้งหมดเพื่อสร้างหน้าผลิตภัณฑ์ และเลือกโครงสร้าง
ขั้นตอน – 03:
หน้าผลิตภัณฑ์ของคุณต้องมีชื่อผลิตภัณฑ์ หากต้องการเพิ่มชื่อผลิตภัณฑ์ ให้มองหาวิดเจ็ตชื่อผลิตภัณฑ์ทางด้านซ้ายของหน้าจอ แล้ววางลงในส่วนใหม่ที่คุณเพิ่งสร้างขึ้น
คุณสามารถเลือกชื่อจากดรอปดาวน์ผลิตภัณฑ์สาธิตในเมนูเนื้อหาใต้ชื่อผลิตภัณฑ์ และสลับการรีเฟรชเนื้อหาเพื่อให้แสดงบนหน้าผลิตภัณฑ์
คุณต้องเพิ่มหรือแก้ไขข้อมูลผลิตภัณฑ์ที่เหมาะสมจากแผงควบคุมผลิตภัณฑ์ เพื่อให้ข้อมูลนี้แสดงชื่อผลิตภัณฑ์ที่เหมาะสม
ขั้นตอน – 04:
เมื่อเลือกแท็บ ลักษณะ จากนั้นเลือก Typography คุณจะมีตัวเลือกในการปรับเปลี่ยนแบบอักษร ขนาดแบบอักษร ระยะห่าง ฯลฯ ของชื่อเรื่องเพิ่มเติม
ตรวจสอบให้แน่ใจว่าได้ปรับแต่งให้เข้ากับสุนทรียศาสตร์โดยรวมของแพลตฟอร์ม WooCommerce ของคุณ
ขั้นตอน – 05:
หน้าผลิตภัณฑ์ของคุณต้องมีรูปภาพเด่น สำหรับสิ่งนั้น ให้มองหาวิดเจ็ต Thumbnail With Zoom แล้วลากไปยังส่วนถัดจากชื่อผลิตภัณฑ์เพื่อเพิ่มรูปภาพผลิตภัณฑ์
ในการป้อนรูปภาพผลิตภัณฑ์ ให้ไปที่แท็บเนื้อหา เลือก Editor Refresh แล้วค้นหารูปภาพที่คุณต้องการใช้
หมายเหตุ: เพื่อให้ข้อมูลนี้ปรากฏอย่างถูกต้อง คุณต้องป้อนหรือแก้ไขข้อมูลผลิตภัณฑ์ของคุณ
ขั้นตอน – 06:
หน้าผลิตภัณฑ์ของคุณต้องมีป้ายราคา หากต้องการเพิ่ม ให้ค้นหาวิดเจ็ตป้ายราคา และแทรกไว้ใต้ชื่อผลิตภัณฑ์
เลือกตัวเลือกการรีเฟรชตัวแก้ไขภายใต้หัวข้อเนื้อหาเพื่อค้นหาผลิตภัณฑ์ที่คุณเพิ่ม
ขั้นตอน – 07:
สิ่งต่อไปที่คุณต้องการสำหรับหน้าผลิตภัณฑ์ของคุณคือคำอธิบายสั้นๆ ค้นหาวิดเจ็ตคำอธิบายผลิตภัณฑ์โดยการค้นหา ถัดไป ผลิตภัณฑ์ของคุณต้องมีคำอธิบายสั้น ๆ เพื่อนำเสนอบนหน้าร้านค้า ให้ค้นหาวิดเจ็ตคำอธิบายผลิตภัณฑ์ ShopReady
วางไว้ข้างรูปภาพผลิตภัณฑ์ และเรียกดูผลิตภัณฑ์ที่ถูกต้องซึ่งคุณเผยแพร่บนแดชบอร์ดผลิตภัณฑ์แล้ว
ขั้นตอน – 08:
ใช้เมนู Editor Refresh จากแท็บเนื้อหา และเรียกดูผลิตภัณฑ์สาธิตที่คุณต้องการแสดงบนหน้าผลิตภัณฑ์
โปรดทราบว่าเพื่อให้ข้อมูลนี้ปรากฏอย่างถูกต้อง คุณต้องอัปเดตหรือเปลี่ยนแปลงข้อมูลผลิตภัณฑ์ของคุณ
ขั้นตอน – 09:
ตอนนี้ เรามาปรับใช้คุณลักษณะที่สำคัญที่สุดกัน: สำหรับหน้าร้านค้าอีคอมเมิร์ซสมัยใหม่ ปุ่มหยิบใส่ตะกร้า ค้นหาวิดเจ็ต Add to Cart ทางด้านซ้ายมือใต้วิดเจ็ต ShopReady และวางไว้ใต้คำอธิบายสินค้า
จากแท็บการตั้งค่าของวิดเจ็ต Add to Cart คุณสามารถเลือกระหว่างพารามิเตอร์ต่างๆ เช่น ปริมาณสินค้า ข้อมูลสต็อก และประเภทสินค้าที่แปรผันได้
ขั้นตอน – 10:
คุณอาจพิจารณามีตัวเลือกในการแบ่งปันผลิตภัณฑ์ที่เผยแพร่ของคุณบนโซเชียลมีเดีย เพื่อที่คุณสามารถใช้วิดเจ็ตไอคอนโซเชียล ShopReady สิ่งนี้จะช่วยให้คุณเพิ่มลิงก์ที่แชร์ได้บนโซเชียลมีเดียพร้อมไอคอนสำหรับแพลตฟอร์มใดๆ
หากต้องการเพิ่มลิงก์และแก้ไขไอคอนโซเชียล ให้ไปที่แท็บเนื้อหาแล้วเลือกตัวเลือกไอคอนโซเชียล คุณสามารถแก้ไขไอคอนและเพิ่ม URL ที่ไม่ซ้ำกันให้กับแต่ละไอคอนได้จากที่นี่
เผยแพร่หรืออัปเดตหน้าผลิตภัณฑ์เดียวของคุณหลังจากที่คุณปรับแต่งเสร็จแล้ว
เพื่อสรุป
เราหวังเป็นอย่างยิ่งว่าคุณจะพบเนื้อหาชิ้นนี้ในหัวข้อของกระบวนการแทรกผลิตภัณฑ์ และสร้างหน้าผลิตภัณฑ์เดียวโดยใช้ปลั๊กอิน WooCommerce ฟรี
โปรดพิจารณาแบ่งปันกับคนที่อาจได้รับประโยชน์จากหัวข้อที่มีรายละเอียดนี้