วิธีเพิ่มผลิตภัณฑ์ไปยังร้านค้า 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 และค้นหาปลั๊กอิน

WordPress Dashboard

จากที่นี่ ติดตั้งและเปิดใช้งานปลั๊กอิน

วิซาร์ดการตั้งค่า WooCommerce

หลังจากเปิดใช้งาน กระบวนการรวมต้องเสร็จสิ้นโดยทำตามพร้อมท์วิซาร์ดการตั้งค่า WooCommerce

วิซาร์ดการตั้งค่าพื้นฐานต้องการข้อมูลเล็กน้อย เช่น ชื่อผู้ใช้ ที่อยู่ ประเภทผลิตภัณฑ์ ฯลฯ

สินค้าสู่ WooCommerce ของคุณ

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

สินค้าสู่ WooCommerce ของคุณ

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

ขั้นตอนที่ 01: เพิ่มชื่อผลิตภัณฑ์และคำอธิบาย

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

เพิ่มชื่อสินค้าและคำอธิบาย

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

ขั้นตอนที่ 02: การเพิ่มข้อมูลประเภทผลิตภัณฑ์

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

เลือกระหว่างหนึ่งในสี่ประเภทผลิตภัณฑ์ที่แตกต่างกันขึ้นอยู่กับสินค้าและบริการของคุณ:

ผลิตภัณฑ์ที่เรียบง่าย
สินค้าจัดกลุ่ม.
ผลิตภัณฑ์ภายนอก/บริษัทในเครือ
สินค้าแปรผัน

ภายในผลิตภัณฑ์แต่ละประเภท คุณจะพบตัวเลือกในการปรับแต่งตัวแปรเพิ่มเติมภายในผลิตภัณฑ์แต่ละประเภท

ขั้นตอนที่ 03: Meta Box ข้อมูลผลิตภัณฑ์

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

แท็บทั่วไป

จากแท็บทั่วไป คุณจะสามารถแก้ไขราคาปกติและราคาลดสำหรับแต่ละผลิตภัณฑ์ได้

เมื่อคุณตัดสินใจทำแคมเปญลดราคา ให้ใช้ราคาลด มิฉะนั้น คุณสามารถเปิดใช้ราคาปกติสำหรับราคามาตรฐานได้

นอกจากนี้ คุณยังมีตัวเลือกในการเลือกสถานะภาษี ซึ่งจะกำหนดว่าสินค้าต้องเสียภาษีหรือไม่

แท็บทั่วไป

แท็บสินค้าคงคลัง

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

แท็บสินค้าคงคลังจะช่วยคุณในการจัดการสินค้าคงคลังอย่างเหมาะสม ตามค่าเริ่มต้น SKU สถานะสต็อก และตัวเลือกอื่นๆ จะพร้อมใช้งาน

คุณยังมีตัวเลือกในการกำหนด SKU ด้วยตนเองหรือใช้ปลั๊กอิน WordPress เพื่อสร้าง SKU ที่ไม่ซ้ำกัน

แท็บสินค้าคงคลัง

แท็บการจัดส่งสินค้า

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

แท็บการจัดส่งสินค้า

แท็บผลิตภัณฑ์ที่เชื่อมโยง

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

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

คุณสมบัติ Tab

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

คุณสมบัติ Tab

แท็บขั้นสูง

แท็บขั้นสูงสามารถใช้เพื่อเพิ่มบันทึกการซื้อที่ปรากฏขึ้นหลังจากทำการสั่งซื้อ

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

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

แท็บขั้นสูง

ขั้นตอนที่ 04: สร้างคำอธิบายสั้น ๆ เน้นเฉพาะตัว

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

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

ธีม WordPress WooCommerce Elementor บางส่วนให้ผู้ใช้มีตัวเลือกการแสดงคำอธิบายสั้น ๆ ทั้งสองแบบตั้งแต่เริ่มต้น

เน้นคำอธิบายแบบย่อ

ขั้นตอนที่ 05: รูปภาพคุณสมบัติผลิตภัณฑ์

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

อีกสิ่งหนึ่งที่ควรพิจารณาขณะอัปโหลดภาพผลิตภัณฑ์คือภาพพื้นหลังของหน้าผลิตภัณฑ์ WooCommerce

คุณสามารถเพิ่มรูปภาพผลิตภัณฑ์ไปยัง WooCommerce จากส่วนรูปภาพผลิตภัณฑ์ และเพิ่มรูปภาพแกลเลอรีจากส่วนแกลเลอรีผลิตภัณฑ์

ภาพคุณลักษณะของผลิตภัณฑ์

ขั้นตอนที่ 06: ตั้งค่าหมวดหมู่ร้านค้า WooCommerce

หมวดหมู่การแสดงร้านค้าของ 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 สิ่งนี้จะช่วยให้คุณเพิ่มลิงก์ที่แชร์ได้บนโซเชียลมีเดียพร้อมไอคอนสำหรับแพลตฟอร์มใดๆ

ShopReady ไอคอนโซเชียล

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

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

เพื่อสรุป

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