สินค้า¶
อีคอมเมิร์ซของ 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
คุณยังสามารถสร้างสินค้าจากแบ็กเอนด์ได้โดยไปที่
Products created from the frontend are automatically published, while products created from the backend are not. To publish a product, click the Go to Website smart button to access the product page, then toggle the switch from Unpublished to Published.
นำเข้าสินค้า¶
To import product data using XLSX or CSV files, go to , click the (gear) icon, then Import records.
Tip
หากต้องการเผยแพร่สินค้า**จำนวนมาก** ให้ทำตามขั้นตอนเหล่านี้:
ไปที่
ลบตัวกรอง Published และเปลี่ยนเป็นมุมมอง List
คลิกไอคอน (สลับดรอปดาวน์) และเปิดใช้งาน เผยแพร่แล้ว
คลิกคอลัมน์ :guilabel:`เผยแพร่แล้ว`เพื่อจัดเรียงใหม่ตามสินค้าที่**เผยแพร่แล้ว**หรือ**ยังไม่เผยแพร่**
เลือกสินค้าที่จะเผยแพร่โดยทำเครื่องหมายในช่อง
ในคอลัมน์ เผยแพร่แล้ว ให้ทำเครื่องหมายในช่องสำหรับสินค้าที่เลือกไว้ จากนั้น :guilabel:`ยืนยัน`เพื่อเผยแพร่
Shop page¶
To customize the layout of the main Shop page or modify its content, click Edit. Go to the Blocks tab to add building blocks or to the Customize tab to change the page layout or add features:
Layout: Select Grid or List.
ขนาด: ตั้งค่าจำนวนสินค้าที่แสดงต่อหน้าและต่อบรรทัด
สไตล์: เลือก ค่าเริ่มต้น การ์ด ภาพขนาดย่อ หรือ ตาราง
Image Size: Choose the aspect ratio for the product images: Landscape (4/3), Default (1/1), Portrait (4/5), or Vertical (2/3). You can also adjust the display by changing the Fill options to best fit your design preferences.
- Search Bar: Toggle the switch to display a search bar at the top of the products
หน้า
Prod. Desc.: Toggle the switch to display the product description below the product's name.
Categories: display product categories on the Left, on the Top, or both. If Left is selected, you can enable Collapse Categories to make the category menu collapsible.
Datepicker: Toggle the switch to display a date range calendar to check the availability of rental products over a specific period. The Rental app must be installed to use this feature.
Attributes: Show product attributes on the Left and/or display a (dropdown toggle) icon at the Top allowing customers to filter products based on their attributes.
ตัวกรองราคา: สลับสวิตช์เพื่อแสดงแถบ ช่วงราคา ซึ่งช่วยให้ลูกค้าสามารถกรองสินค้าตามช่วงราคาที่ระบุได้โดยการลากแฮนเดิลที่ปรับได้
Product Tags: Toggle the switch to display the Product Template Tags on the product page and allow customers to filter products using those tags by going to the Tags section in the left column.
Top Bar: Select Sort By to display a dropdown list in the top bar for sorting products and/or Layout to allow customers to switch to the grid or list view using the related icons.
Default Sort: Choose how products are sorted by default: Featured, Newest Arrivals, Name (A-Z), Price - Low to High, or Price - High to Low.
Buttons:
Select the (Shopping cart) option to display an (Add to cart) icon on each product's image, which takes the customer to the checkout page.
Select the (Wishlist) option to display an (Add to wishlist) icon on each product's image allowing logged-in customers to save products to a wishlist.
Select the (Compare) option to display the (Compare) icon on each product's image allowing customers to compare products based on their attributes.
Tip
To feature a product, go to the product form and click the (Favorite) icon next to the product's name.
หน้าสินค้า¶
To access a product's page, go to the Shop and click on the product. Click Edit to customize the page or edit its images.
To access the backend product form, click the Product button in the top-right corner of the product page. Alternatively, navigate to and select the product. You can configure the product page from the form by adding variants, digital documents, or translating content.
Tip
คลิกปุ่มอัจฉริยะ :guilabel:`ไปที่เว็บไซต์`เพื่อกลับไปยังหน้าสินค้าฟรอนต์เอนด์
เครื่องมือการปรับแต่ง¶
To customize a product page, click Edit in the upper right corner of the page. Use the Blocks tab to add building blocks.
Tip
เมื่อลากและวางบล็อกการสร้างบนหน้าสินค้า การวางไว้เหนือหรือใต้เส้นสีน้ำเงินด้านบนหรือด้านล่างจะทำให้มองเห็นได้ในหน้าสินค้าทั้งหมด
คุณสามารถแก้ไขข้อความใดก็ได้บนเว็บไซต์ของคุณโดยคลิกที่ข้อความนั้นในขณะที่อยู่ในโหมด แก้ไข
Go to the Customize tab to modify the page layout or add features:
ข้อกำหนดและเงื่อนไข: สลับสวิตช์เพื่อแสดงลิงก์ไปยัง ข้อกำหนดและเงื่อนไข บนหน้าสินค้า
ลูกค้า:
การให้คะแนน: อนุญาตให้ผู้ใช้พอร์ทัลที่เข้าสู่ระบบส่งการรีวิวผลิตภัณฑ์ได้โดยการคลิกดาวที่อยู่ใต้ชื่อผลิตภัณฑ์และแชร์ประสบการณ์ของตนเองในส่วน ความคิดเห็นของลูกค้า ที่ด้านล่าง การรีวิวจะมองเห็นได้จากหน้าผลิตภัณฑ์โดยใช้ไอคอน (plus) ถัดจากหัวข้อ ความคิดเห็นของลูกค้า หรือจากช่องแชทของแบบฟอร์มผลิตภัณฑ์ หากต้องการจำกัดการมองเห็นเฉพาะพนักงานภายใน ให้สลับสวิตช์ สาธารณะ ถัดจากความคิดเห็นเกี่ยวกับการรีวิว
แชร์: เพิ่มปุ่มไอคอนโซเชียลมีเดียและอีเมลที่ช่วยให้ลูกค้าสามารถแชร์สินค้าผ่านช่องทางเหล่านั้นได้
เลือกจำนวน: สลับสวิตช์เพื่อให้ลูกค้าสามารถเลือกจำนวนสินค้าที่ต้องการซื้อได้
Tax Indication: Toggle the switch to indicate if the price is VAT included or excluded.
รูปแบบสินค้า: แสดง รูปแบบสินค้า ที่เป็นไปได้ทั้งหมดในแนวตั้งเป็น รายการสินค้า หรือในแนวนอนเป็น ตัวเลือก ที่สามารถเลือกได้เพื่อสร้างรูปแบบสินค้าด้วยตัวเอง
แท็กสินค้า: สลับสวิตช์เพื่อแสดง แท็กเทมเพลตสินค้า บนหน้าสินค้าและให้ลูกค้าสามารถกรองสินค้าโดยใช้แท็กเหล่านั้นได้
ตะกร้าสินค้า:
ซื้อเลย: เพิ่มตัวเลือก ซื้อเลย เพื่อนำลูกค้าไปยังหน้าชำระเงิน
รายการที่ต้องการ: เพิ่มตัวเลือก เพิ่มลงในรายการที่ต้องการ ที่ช่วยให้ลูกค้าที่เข้าสู่ระบบสามารถบันทึกสินค้าไว้ในรายการที่ต้องการได้
เปรียบเทียบ: เพิ่มตัวเลือก เปรียบเทียบ ที่ช่วยให้ลูกค้าสามารถ เปรียบเทียบสินค้า ตามคุณลักษณะของสินค้าได้
รายละเอียด: เลือก ด้านล่างของหน้า เพื่อแสดงรายการโดยละเอียดของคุณลักษณะและค่าต่างๆ ที่มีให้สำหรับสินค้า ตัวเลือกนี้จะใช้งานได้เฉพาะกับสินค้าที่มี รูปแบบสินค้า เท่านั้นหาก เครื่องมือเปรียบเทียบสินค้า เปิดใช้งานในเว็บไซต์ การตั้งค่า
Note
ตัวเลือก รูปแบบสินค้า, รายการที่ต้องการ และ เปรียบเทียบ ต้องเปิดใช้งานโดยไปที่ ในส่วน ร้านค้า - สินค้า
ฟังก์ชันที่เปิดใช้งานจะใช้กับหน้าสินค้าทั้งหมด
สินค้าที่มีค่าเดียวสำหรับคุณลักษณะของสินค้าจะไม่สร้างรูปแบบสินค้า แต่ยังคงแสดงใน รายละเอียดสินค้า
รูปภาพและวิดีโอสินค้า¶
To add more media items, such as images and videos, navigate to the product form, then go to the Sales tab and click Add a media under the Extra Product Media section. In the Create Extra Product Media pop-up window, enter the Image Name, and add a video URL or hover your mouse over the (camera) icon and click the (pencil) icon to upload images from your local drive.
หากต้องการปรับแต่งรูปภาพหรือวิดีโอ ให้ไปที่หน้าสินค้าอีคอมเมิร์ซ คลิก แก้ไข และเลือกสื่อที่เกี่ยวข้อง ในแท็บ ปรับแต่ง ให้ใช้ฟีเจอร์ต่อไปนี้:
ความกว้างของรูปภาพ: เปลี่ยนความกว้างของรูปภาพสินค้าที่แสดงบนหน้า
เค้าโครง: เค้าโครง ภาพหมุน ช่วยให้ลูกค้าสามารถนำทางจากรูปภาพหนึ่งไปยังรูปภาพถัดไปได้โดยใช้ (ลูกศรซ้าย) หรือ (ลูกศรขวา) ในขณะที่ ตาราง แสดงรูปภาพสี่รูปในเค้าโครงสี่เหลี่ยม
การซูมภาพ: เลือกเอฟเฟกต์การซูมสำหรับภาพสินค้า: แว่นขยายเมื่อเลื่อนเมาส์ ป๊อปอัปเมื่อคลิก, ทั้งสอง หรือ ไม่มี
ภาพย่อ: จัดวางภาพย่อที่ (ซ้าย) หรือที่ (ด้านล่าง)
ภาพหลัก: คลิก แทนที่ เพื่อเปลี่ยนภาพหลักของสินค้า
ภาพเพิ่มเติม: เพิ่ม ภาพหรือวิดีโอเพิ่มเติม (รวมถึงผ่าน URL) หรือ ลบทั้งหมด
Note
Images must be in PNG or JPG format and with a minimum size of 1024x1024 to trigger the zoom.
ตัวเลือกสินค้า¶
ตัวเลือกสินค้า คือเวอร์ชันที่แตกต่างกันของสินค้าเดียวกัน เช่น สีหรือวัสดุต่างๆ ซึ่งอาจแตกต่างกันในด้านราคาและความพร้อมใช้งาน
ในการกำหนดค่าตัวเลือกสินค้าสำหรับสินค้า:
ไปที่
เลื่อนลงไปที่ส่วน:guilabel:
ร้านค้า - สินค้าและเปิดใช้งานคุณสมบัติ:guilabel:ตัวเลือกสินค้าเข้าถึง:ref:
ฟอร์มสินค้า <ecommerce/products/product-form>และไปที่แท็บ:guilabel:คุณสมบัติและตัวเลือกซึ่งคุณสามารถเพิ่มคุณสมบัติและค่า ช่วยให้ลูกค้าสามารถกำหนดค่าและเลือกตัวเลือกสินค้าบนหน้าสินค้า สำหรับคุณสมบัติหลายรายการ คุณสามารถรวมเข้าด้วยกันเพื่อสร้างตัวเลือกเฉพาะ
หากต้องการแสดงหรือซ่อนคุณสมบัติบนหน้า:guilabel:ร้านค้า และให้ผู้เยี่ยมชมกรองได้ ไปที่ คลิกที่คุณสมบัติ และเลือก มองเห็น หรือ ซ่อน ในฟิลด์:guilabel:การมองเห็นตัวกรองอีคอมเมิร์ซ
Tip
To display the product attributes on the main Shop page, set the Attributes feature to Left using the website editor.
หากต้องการจัดกลุ่มคุณสมบัติภายใต้ส่วนเดียวกันเมื่อ: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)
ความพร้อมใช้งานบนเว็บไซต์¶
หากต้องการตั้งค่าความพร้อมใช้งานของสินค้าบนเว็บไซต์ ให้ไปที่:ref:product form <ecommerce/products/product-form> ไปที่แท็บ Sales และในส่วน eCommerce shop ให้เลือก Website ที่คุณต้องการให้สินค้าพร้อมใช้งาน เว้นช่องว่างไว้เพื่อให้สินค้าพร้อมใช้งานบนเว็บไซต์ ทั้งหมด
Note
คุณสามารถทำให้สินค้าพร้อมใช้งานบนเว็บไซต์ หนึ่ง เว็บไซต์ หรือเว็บไซต์ ทั้งหมด แต่ไม่สามารถเลือกเฉพาะ บางเว็บไซต์ ได้
การจัดการสต็อก¶
หากต้องการเปิดใช้งานและกำหนดค่าตัวเลือกการจัดการคลังสินค้า ให้ไปที่ เลื่อนลงไปที่ส่วน Shop - Products และส่วนย่อย Inventory Defaults
Important
ต้องติดตั้งแอป Inventory จึงจะเห็นตัวเลือกการจัดการคลังสินค้า
หากต้องการแสดงระดับสต็อกบนหน้าสินค้า ต้องตั้งค่าฟิลด์ Product Type เป็น Storable ใน:ref:
product form <ecommerce/products/product-form>
คลังสินค้า¶
ในส่วนย่อย Inventory Defaults ให้กรอกฟิลด์ดังต่อไปนี้:
สินค้าหมด: เปิดใช้งาน ขายต่อไป เพื่ออนุญาตให้ลูกค้าสั่งซื้อได้แม้ว่าสินค้าจะ**หมดสต็อก** ไม่ต้องเลือกหากต้องการ**ป้องกันการสั่งซื้อ**
แสดงจำนวนที่มีอยู่: แสดงจำนวนที่มีอยู่ภายใต้เกณฑ์ที่กำหนดบนหน้าสินค้า จำนวนที่มีอยู่จะคำนวณจากจำนวน คงเหลือ ลบด้วยจำนวนที่จองไว้สำหรับการโอนขาออกแล้ว
การเปรียบเทียบสินค้า¶
เพื่ออนุญาตให้ผู้เยี่ยมชมเว็บไซต์เปรียบเทียบสินค้าตามคุณสมบัติ ไปที่ เลื่อนลงไปที่ส่วน ร้านค้า - สินค้า และเปิดใช้งาน เครื่องมือเปรียบเทียบสินค้า
ไอคอน (เปรียบเทียบ) พร้อมใช้งานแล้วบนการ์ดผลิตภัณฑ์แต่ละใบบนหน้าร้านค้าหลักเมื่อลูกค้านำเมาส์ไปวางเหนือไอคอนนั้น หากต้องการเปรียบเทียบผลิตภัณฑ์ ลูกค้าสามารถคลิกตัวเลือก (Compare) บนผลิตภัณฑ์ที่ต้องการเปรียบเทียบ จากนั้นคลิก เปรียบเทียบ ในหน้าต่างป๊อปอัปที่ด้านล่างของหน้าเพื่อไปยังสรุปการเปรียบเทียบ
Note
เครื่องมือเปรียบเทียบสินค้า ใช้งานได้เฉพาะสินค้าที่มี:ref:`คุณสมบัติ <ecommerce/products/product-variants>`เท่านั้น
การเลือก (เปรียบเทียบ) จากหน้าสินค้าก็เป็นไปได้เช่นกัน