สินค้า

อีคอมเมิร์ซของ Odoo ช่วยให้คุณสามารถ:ref:เพิ่มสินค้า <ecommerce/products/add-products>`และจัดการ:ref:`หน้าสินค้า <ecommerce/products/product-page>`ได้โดยตรงจากแอปเว็บไซต์ นอกจากนี้ยังช่วยให้คุณสามารถเพิ่ม:ref:`รูปแบบสินค้า <ecommerce/products/product-variants>`และ:ref:`ไฟล์ดิจิทัล <ecommerce/products/digital-files> แปล และเปิดใช้งาน:ref:การเปรียบเทียบสินค้า <ecommerce/products/product-comparison>

เพิ่มสินค้า

สร้างผลิตภัณฑ์

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

Tip

• คุณยังสามารถสร้างสินค้าจากแบ็กเอนด์ได้โดยไปที่ เว็บไซต์ ‣ อีคอมเมิร์ซ ‣ สินค้า`และคลิก :guilabel:`สร้าง

• สินค้าที่สร้างจากฟรอนต์เอนด์จะ:ref:เผยแพร่ <website/pages/un-publish-page>`โดยอัตโนมัติ ในขณะที่สินค้าที่สร้างจากแบ็กเอนด์จะไม่ถูกเผยแพร่ หากต้องการเผยแพร่สินค้า ให้คลิกปุ่มอัจฉริยะ :guilabel:`ไปที่เว็บไซต์`เพื่อเข้าถึงหน้าสินค้า จากนั้นสลับสวิตช์จาก :guilabel:`ไม่เผยแพร่`เป็น :guilabel:`เผยแพร่

ดูเพิ่มเติม

สร้างสินค้าใหม่โดยใช้ฐานข้อมูล Barcode Lookup

นำเข้าสินค้า

หากต้องการ:ref:นำเข้าข้อมูลสินค้า <essentials/export_import_data/import-data>`โดยใช้ไฟล์ XLSX หรือ CSV ให้ไปที่ :menuselection:`เว็บไซต์ --> อีคอมเมิร์ซ --> สินค้า คลิกไอคอน (เกียร์) จากนั้น นำเข้าระเบียน

Tip

หากต้องการเผยแพร่สินค้า**จำนวนมาก** ให้ทำตามขั้นตอนเหล่านี้:

1. ไปที่ Website ‣ eCommerce ‣ Products

2. ลบตัวกรอง Published และเปลี่ยนเป็นมุมมอง List

3. คลิกไอคอน (สลับดรอปดาวน์) และเปิดใช้งาน เผยแพร่แล้ว

4. คลิกคอลัมน์ :guilabel:`เผยแพร่แล้ว`เพื่อจัดเรียงใหม่ตามสินค้าที่**เผยแพร่แล้ว**หรือ**ยังไม่เผยแพร่**

5. เลือกสินค้าที่จะเผยแพร่โดยทำเครื่องหมายในช่อง

6. ในคอลัมน์ เผยแพร่แล้ว ให้ทำเครื่องหมายในช่องสำหรับสินค้าที่เลือกไว้ จากนั้น :guilabel:`ยืนยัน`เพื่อเผยแพร่

การปรับแต่งหน้าสินค้า

ข้อมูลสินค้า

หากต้องการเพิ่มข้อมูลทั่วไปเกี่ยวกับสินค้า ให้ไปที่ เว็บไซต์ ‣ อีคอมเมิร์ซ ‣ สินค้า`และเลือกสินค้า คุณสามารถกำหนดค่าหน้าสินค้าจากฟอร์มได้โดยการเพิ่ม:ref:`รูปแบบ <ecommerce/products/product-variants> เอกสารดิจิทัล หรือ:ref:`แปล <ecommerce/products/translation>`เนื้อหา

คุณยังสามารถเพิ่มคำอธิบายสินค้าเฉพาะสำหรับอีคอมเมิร์ซเพื่อแสดงด้านล่างชื่อสินค้าในหน้าสินค้าได้ โดยไปที่แท็บ การขาย เลื่อนลงไปที่ส่วน คำอธิบายอีคอมเมิร์ซ และเพิ่มคำอธิบาย ใช้ฟีเจอร์:doc:`ตัวแก้ไขข้อความแบบริช <../../essentials/html_editor>`ของ Odoo เพื่อปรับแต่งเนื้อหา

Tip

คลิกปุ่มอัจฉริยะ :guilabel:`ไปที่เว็บไซต์`เพื่อกลับไปยังหน้าสินค้าฟรอนต์เอนด์

การนำเสนอสินค้า

หากต้องการปรับแต่งการนำเสนอสินค้าบนเว็บไซต์ ให้ไปที่ ร้านค้า`และคลิกที่สินค้า คลิก :guilabel:`แก้ไข`เพื่อ:ref:`ปรับแต่ง <ecommerce/products/customization>`หน้า :ref:`แก้ไขรูปภาพ <ecommerce/products/image-customization>`หรือเพิ่ม:doc:`บล็อกการสร้าง <../../websites/website/web_design/building_blocks>

Tip

• เมื่อลากและวางบล็อกการสร้างบนหน้าสินค้า การวางไว้เหนือหรือใต้เส้นสีน้ำเงินด้านบนหรือด้านล่างจะทำให้มองเห็นได้ในหน้าสินค้าทั้งหมด

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

ใช้แท็บ ปรับแต่ง เพื่อแก้ไขเค้าโครงหน้าหรือเพิ่มฟีเจอร์:

• ข้อกำหนดและเงื่อนไข: สลับสวิตช์เพื่อแสดงลิงก์ไปยัง ข้อกำหนดและเงื่อนไข บนหน้าสินค้า

• ลูกค้า:

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

  • แชร์: เพิ่มปุ่มไอคอนโซเชียลมีเดียและอีเมลที่ช่วยให้ลูกค้าสามารถแชร์สินค้าผ่านช่องทางเหล่านั้นได้

• เลือกจำนวน: สลับสวิตช์เพื่อให้ลูกค้าสามารถเลือกจำนวนสินค้าที่ต้องการซื้อได้

• การระบุภาษี: สลับสวิตช์เพื่อระบุว่าราคา:ref:รวมหรือไม่รวม VAT <ecommerce/prices/taxes>

• รูปแบบสินค้า: แสดง รูปแบบสินค้า ที่เป็นไปได้ทั้งหมดในแนวตั้งเป็น รายการสินค้า หรือในแนวนอนเป็น ตัวเลือก ที่สามารถเลือกได้เพื่อสร้างรูปแบบสินค้าด้วยตัวเอง

• แท็กสินค้า: สลับสวิตช์เพื่อแสดง แท็กเทมเพลตสินค้า บนหน้าสินค้าและให้ลูกค้าสามารถกรองสินค้าโดยใช้แท็กเหล่านั้นได้

• ตะกร้าสินค้า:

  • ซื้อเลย: เพิ่มตัวเลือก ซื้อเลย เพื่อนำลูกค้าไปยังหน้าชำระเงิน

  • รายการที่ต้องการ: เพิ่มตัวเลือก เพิ่มลงในรายการที่ต้องการ ที่ช่วยให้ลูกค้าที่เข้าสู่ระบบสามารถบันทึกสินค้าไว้ในรายการที่ต้องการได้

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

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

Note

• ตัวเลือก รูปแบบสินค้า, รายการที่ต้องการ และ เปรียบเทียบ ต้องเปิดใช้งานโดยไปที่ เว็บไซต์ ‣ การกำหนดค่า ‣ การตั้งค่า ในส่วน ร้านค้า - สินค้า

• ฟังก์ชันที่เปิดใช้งานจะใช้กับหน้าสินค้าทั้งหมด

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

รูปภาพและวิดีโอสินค้า

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

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

• ความกว้างของรูปภาพ: เปลี่ยนความกว้างของรูปภาพสินค้าที่แสดงบนหน้า

• เค้าโครง: เค้าโครง ภาพหมุน ช่วยให้ลูกค้าสามารถนำทางจากรูปภาพหนึ่งไปยังรูปภาพถัดไปได้โดยใช้ (ลูกศรซ้าย) หรือ (ลูกศรขวา) ในขณะที่ ตาราง แสดงรูปภาพสี่รูปในเค้าโครงสี่เหลี่ยม

• การซูมภาพ: เลือกเอฟเฟกต์การซูมสำหรับภาพสินค้า: แว่นขยายเมื่อเลื่อนเมาส์ ป๊อปอัปเมื่อคลิก, ทั้งสอง หรือ ไม่มี

• ภาพย่อ: จัดวางภาพย่อที่ (ซ้าย) หรือที่ (ด้านล่าง)

• ภาพหลัก: คลิก แทนที่ เพื่อเปลี่ยนภาพหลักของสินค้า

• ภาพเพิ่มเติม: เพิ่ม ภาพหรือวิดีโอเพิ่มเติม (รวมถึงผ่าน URL) หรือ ลบทั้งหมด

Note

ภาพต้องอยู่ในรูปแบบ PNG หรือ JPG โดยมีมิติอย่างน้อยหนึ่งด้าน (ความสูงหรือความกว้าง) มากกว่า 1024 พิกเซลเพื่อเปิดใช้งานการซูม

บลอกสินค้า

บลอก:guilabel:สินค้า building block ใช้เพื่อแสดงสินค้าที่เลือกซึ่งขายบนเว็บไซต์ของคุณ

ตามค่าเริ่มต้น บลอกจะแสดง:guilabel:สินค้าใหม่ล่าสุด หากต้องการเปลี่ยนสินค้าที่แสดง ไปที่แท็บ:guilabel:ปรับแต่ง ส่วน:guilabel:สินค้า และตั้งค่าฟิลด์:guilabel:กรอง เป็น สินค้าที่ขายล่าสุด หรือ สินค้าที่เข้าชมล่าสุด

นอกจากนี้ ยังสามารถแสดงสินค้าจากหมวดหมู่เฉพาะเท่านั้นโดยใช้ฟิลด์:guilabel:หมวดหมู่

คุณยังสามารถกรองสินค้าตาม:guilabel:แท็ก รวม:guilabel:ตัวเลือก และปรับการแสดงผลโดยเลือก:guilabel:เทมเพลต ที่แตกต่างกัน

ตัวเลือกสินค้า

ตัวเลือกสินค้า คือเวอร์ชันที่แตกต่างกันของสินค้าเดียวกัน เช่น สีหรือวัสดุต่างๆ ซึ่งอาจแตกต่างกันในด้านราคาและความพร้อมใช้งาน

ในการกำหนดค่าตัวเลือกสินค้าสำหรับสินค้า:

1. ไปที่ เว็บไซต์ ‣ การกำหนดค่า ‣ การตั้งค่า

2. เลื่อนลงไปที่ส่วน:guilabel:ร้านค้า - สินค้า และเปิดใช้งานคุณสมบัติ:guilabel:ตัวเลือกสินค้า

3. เข้าถึง:ref:ฟอร์มสินค้า <ecommerce/products/product-form> และไปที่แท็บ:guilabel:คุณสมบัติและตัวเลือก ซึ่งคุณสามารถเพิ่มคุณสมบัติและค่า ช่วยให้ลูกค้าสามารถกำหนดค่าและเลือกตัวเลือกสินค้าบนหน้าสินค้า สำหรับคุณสมบัติหลายรายการ คุณสามารถรวมเข้าด้วยกันเพื่อสร้างตัวเลือกเฉพาะ

หากต้องการแสดงหรือซ่อนคุณสมบัติบนหน้า:guilabel:ร้านค้า และให้ผู้เยี่ยมชมกรองได้ ไปที่ เว็บไซต์ ‣ อีคอมเมิร์ซ ‣ คุณสมบัติ คลิกที่คุณสมบัติ และเลือก มองเห็น หรือ ซ่อน ในฟิลด์:guilabel:การมองเห็นตัวกรองอีคอมเมิร์ซ

Tip

• เพื่อแสดงคุณลักษณะสินค้าใน product catalog ให้ตั้งค่าฟีเจอร์ Attributes เป็น Left โดยใช้ตัวแก้ไขเว็บไซต์

• หากต้องการจัดกลุ่มคุณสมบัติภายใต้ส่วนเดียวกันเมื่อ:ref:เปรียบเทียบสินค้า <ecommerce/products/product-comparison> ไปที่ฟิลด์:guilabel:หมวดหมู่อีคอมเมิร์ซ และเลือก:doc:หมวดหมู่ที่มีอยู่หรือสร้างใหม่ <../../websites/ecommerce/products>

Note

จำเป็นต้องมีค่าคุณสมบัติสองค่าเพื่อให้ตัวกรองมองเห็นได้

ดูเพิ่มเติม

ตัวเลือกสินค้า

ไฟล์ดิจิทัล

คุณสามารถเชื่อมโยงไฟล์ดิจิทัล เช่น ใบรับรอง, eBook หรือคู่มือผู้ใช้กับสินค้า เอกสารเหล่านี้พร้อมใช้งาน:ref:ก่อนชำระเงิน <ecommerce-products-digital-files-before-payment> บนหน้าสินค้าหรือในพอร์ทัลลูกค้า:ref:หลังชำระเงิน <ecommerce-products-digital-files-after-payment>

หากต้องการเชื่อมโยงไฟล์ดิจิทัลกับสินค้า ไปที่:ref:ฟอร์มสินค้า <ecommerce/products/product-form> และคลิกปุ่มสมาร์ท:guilabel:เอกสาร จากนั้นคลิก อัปโหลด เพื่ออัปโหลดไฟล์โดยตรง หรือสำหรับตัวเลือกเพิ่มเติม คลิก สร้าง จากนั้น อัปโหลดไฟล์ของคุณ

Tip

• คุณสามารถเชื่อมโยง URL แทนไฟล์ดิจิทัล หากต้องการดำเนินการ คลิก สร้าง ไปที่ฟิลด์:guilabel:ประเภท และเลือก URL

• เมื่อต้องการแก้ไขไฟล์ที่มีอยู่ ให้คลิก (เมนูแบบเลื่อนลง dropdown menu) ที่มุมขวาบนของการ์ดเอกสาร และคลิก Edit

ไฟล์ดิจิทัลที่พร้อมใช้งานก่อนการชำระเงิน

หากต้องการให้ไฟล์พร้อมใช้งานบนหน้าสินค้า (ก่อนการชำระเงิน) ให้เว้นช่อง Visibility ว่างไว้ และเปิดสวิตช์ Show on product page

ไฟล์ดิจิทัลที่พร้อมใช้งานหลังการชำระเงิน

หากต้องการให้ไฟล์พร้อมใช้งาน (หลังการชำระเงิน) ให้ตั้งค่าช่อง Visibility เป็น Confirmed order และปิดสวิตช์ Show on product page

การแปล

หากเว็บไซต์ของคุณมีหลายภาษา คุณสามารถแปลข้อมูลของสินค้าได้โดยตรงบน:ref:product form <ecommerce/products/product-form> ฟิลด์ที่รองรับหลายภาษาจะมีอักษรย่อของภาษา (เช่น EN) อยู่ถัดจากฟิลด์

ฟิลด์ที่เกี่ยวข้องกับอีคอมเมิร์ซที่ต้องแปลคือ:

• Product name

• Out-of-Stock Message (อยู่ภายใต้แท็บ Sales)

• Sales Description (อยู่ภายใต้แท็บ Sales)

Note

• การมีเนื้อหาที่ไม่ได้แปลบนหน้าเว็บอาจเป็นอันตรายต่อประสบการณ์ผู้ใช้และ:doc:SEO <../../websites/website/structure/seo> คุณสามารถใช้ฟีเจอร์:doc:`แปล <../website/configuration/translate>`เพื่อแปลเนื้อหาของหน้าได้

• หากต้องการตรวจสอบภาษาของเว็บไซต์ ให้ไปที่ Website ‣ Configuration ‣ Settings และไปที่ส่วน Website Info

ความพร้อมใช้งานบนเว็บไซต์

หากต้องการตั้งค่าความพร้อมใช้งานของสินค้าบนเว็บไซต์ ให้ไปที่:ref:product form <ecommerce/products/product-form> ไปที่แท็บ Sales และในส่วน eCommerce shop ให้เลือก Website ที่คุณต้องการให้สินค้าพร้อมใช้งาน เว้นช่องว่างไว้เพื่อให้สินค้าพร้อมใช้งานบนเว็บไซต์ ทั้งหมด

Note

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

การจัดการสต็อก

หากต้องการเปิดใช้งานและกำหนดค่าตัวเลือกการจัดการคลังสินค้า ให้ไปที่ Website ‣ Configuration ‣ Settings เลื่อนลงไปที่ส่วน Shop - Products และส่วนย่อย Inventory Defaults

Important

• ต้องติดตั้งแอป Inventory จึงจะเห็นตัวเลือกการจัดการคลังสินค้า

• หากต้องการแสดงระดับสต็อกบนหน้าสินค้า ต้องตั้งค่าฟิลด์ Product Type เป็น Storable ใน:ref:product form <ecommerce/products/product-form>

สินค้าคงคลัง

ในส่วนย่อย Inventory Defaults ให้กรอกฟิลด์ดังต่อไปนี้:

• Warehouse

• สินค้าหมด: เปิดใช้งาน ขายต่อไป เพื่ออนุญาตให้ลูกค้าสั่งซื้อได้แม้ว่าสินค้าจะ**หมดสต็อก** ไม่ต้องเลือกหากต้องการ**ป้องกันการสั่งซื้อ**

• แสดงจำนวนที่มีอยู่: แสดงจำนวนที่มีอยู่ภายใต้เกณฑ์ที่กำหนดบนหน้าสินค้า จำนวนที่มีอยู่จะคำนวณจากจำนวน คงเหลือ ลบด้วยจำนวนที่จองไว้สำหรับการโอนขาออกแล้ว

การเปรียบเทียบสินค้า

เพื่ออนุญาตให้ผู้เยี่ยมชมเว็บไซต์เปรียบเทียบสินค้าตามคุณสมบัติ ไปที่ เว็บไซต์ ‣ การกำหนดค่า ‣ การตั้งค่า เลื่อนลงไปที่ส่วน ร้านค้า - สินค้า และเปิดใช้งาน เครื่องมือเปรียบเทียบสินค้า

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

Note

• เครื่องมือเปรียบเทียบสินค้า ใช้งานได้เฉพาะสินค้าที่มี:ref:`คุณสมบัติ <ecommerce/products/product-variants>`เท่านั้น

• การเลือก (เปรียบเทียบ) จากหน้าสินค้าก็เป็นไปได้เช่นกัน

รายการที่อยากได้

ปุ่ม Add to wishlist ช่วยให้ลูกค้าสามารถเพิ่มสินค้าไปยังรายการสิ่งที่อยากได้ เช่น บันทึกไว้ใช้ในภายหลัง เพื่อเปิดใช้งาน ไปที่ Website ‣ Configuration ‣ Settings เลื่อนลงไปที่ส่วน Shop - Products แล้วเปิดใช้งาน Wishlists ปุ่มนี้จะแสดงในแต่ละหน้าสินค้า และสามารถปิดใช้งานใน website editor ได้หากจำเป็น

Tip

• คุณยังสามารถแสดงปุ่ม (Wishlist) เมื่อเลื่อนเมาส์ไปเหนือสินค้าบน shop page ได้อีกด้วย

• ลูกค้าสามารถย้ายสินค้าจากตะกร้าไปยังรายการสิ่งที่อยากได้โดยคลิกปุ่ม Save for later ใน Order overview checkout step

• แคตตาล็อก
• ราคา
• การขายเสริมและการขายสินค้าที่มีมูลค่าสูงขึ้น