สินค้า

Odoo allows you to create, import, and manage your products' pages all within the Website app.

Add products to the catalog

To add a product to your catalog, you can either do it in:

  • From anywhere on your website, click + New ‣ Product. Enter the name of your product, and Save;

  • Website ‣ eCommerce ‣ Products ‣ Create;

  • or by importing data using XLSX or CSV files. To do so, go to Website ‣ eCommerce ‣ Products. Click on Favorites and Import records.

เผยแพร่

Upon creation, products are defaulted as Unpublished in your eCommerce catalog. To make a product visible to visitors, go to Website ‣ Site ‣ Homepage, click on your main shop page, select the product, and enable it as Published in the top-right corner.

Tip

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

List and dropdown toggle buttons

Product page design

Once a product is created, you can access its product page through the Shop page by clicking on the product, and then clicking Edit. Here, you can change the page's additional functions, layout, add content, etc. Note that enabled functions apply to all product pages.

Additional functions

In the website builder window, click Customize to enable additional functions:

  • Customers: Rating allows customers to submit product reviews; Share adds social media and email icon buttons to share the product via those channels;

  • Select Quantity: if enabled, allows to choose the quantity added to cart;

  • Tax Indication: notifies if the price is VAT included or excluded;

  • Variants: shows all possible variants of the product as a Products List; Options as selectable options to compose the variant yourself;

  • Cart: Buy Now adds a checkout button taking the customer directly to the checkout page; Wishlist allows to add the product to a wishlist;

  • Specification: allows you to select where the Specifications section is displayed. This option displays a list of all variant attributes and values of a product, but only works for products with variants.

Note

  • To allow wishlists, the option must be enabled in Website ‣ Configuration ‣ Settings ‣ Shop - Products;

  • To access the Variants options, the Product Variants option must first be enabled under Website ‣ Configuration ‣ Settings ‣ Shop - Products.

เค้าโครง

Within the same Customize tab as the functions, the layout configuration can be changed according to your needs.

  • Images Width: changes the width of the product images displayed on the page;

  • Layout: the Carousel layout displays a large, main image with smaller ones underneath; whereas the Grid displays four images in a square layout (see pictures below);

  • Image Zoom: choose which image zooms are available, either Pop-up on Click, when hovering over the image (Magnifier on hover), on Both, or None;

  • Thumbnails: decide how the thumbnails should be aligned, either vertically (Left), or horizontally (Right);

  • Main Image: click Replace to change the product's main image;

  • Extra Images: click Add or Remove all to add or remove extra product images. You can also add images and videos via URL.

Note

Images must either be in PNG or JPG format. To trigger the zoom, the image has to be bigger than 1024x1024.

Product images layout

Add content

You can use building blocks (Edit ‣ Blocks) to add content to your product page. These blocks can be used to add extra text and picture galleries, features such as Call to Actions, Comparisons, etc.

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

Building blocks on product page

Digital files

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

Digital Files menu

For the configuration:

  • Name: the name of your file;

  • Type: select if it is either a file or a URL. Accordingly, you either have a File Content (base64) field to upload your file, or a URL field to enter your URL.

  • Website: the website on which that file is available. If you want it available for all websites, leave it empty.

The file is then available after checkout in the Sales Orders section, found on the customer's portal.

การกำหนดค่าผลิตภัณฑ์

Multiple languages

If multiple languages are available on your website and you wish to have the product's information translated, it is necessary to encode this translated information in the product's template. Fields with multiple languages available are identifiable by their abbreviation language (ex. EN) next to their field.

Field translation

The eCommerce-related fields to translate are:

  • Product name;

  • Out-of-Stock Message (under the Sales tab);

  • Sales Description (under the Sales tab);

Note

Having untranslated content on a web page may be detrimental to the user experience and SEO.

Note

To check the language(s) of your website, go to Website ‣ Configuration ‣ Settings ‣ Website Info section.

Website availability

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

Stock management

Under the Website ‣ Configuration ‣ Settings ‣ Shop - Products, you can enable and configure inventory management options.

Important

To display the stock level on the product page, the Product Type on the product's form must be set to Storable (only available when the Inventory app is installed).

คลังสินค้า

In the Inventory Defaults sub-section, you can select the eCommerce selling strategy of products:

  • Warehouse: if you have multiple warehouses, you can define the warehouse associated to your website. If you have multiple websites, you can select a different one per website;

  • Out-of-Stock (Continue Selling): enabling it allows customers to continue placing orders even when the product is out-of-stock. Leave it unchecked to prevent orders;

  • Show Available Qty: enabling it displays the available quantity left under a specified threshold on the product page. The available quantity is calculated based on the 'On hand' quantity minus the quantity already reserved for outgoing transfers.

Selling as kit

If you are selling non-prepackaged kits (i.e., the kits are made of individual products), we recommend you read the related documentation to keep track of your stock.

See also

Use kits

Product comparison

You can enable a product comparison tool for your eCommerce by going to Website ‣ Configuration ‣ Settings ‣ Shop - Products, and ticking Product Comparison Tool. This tool allows to save products' specifications and compare them against each other on a single page.

On the product page, scroll down to the Specifications section and click Compare. Repeat the same process for all products you wish to compare. Then, click the Compare button of the pop-up window at the bottom of the page to reach the comparison summary.

Note

The Product Comparison Tool can only be used if attributes are set on the product's template.

Product comparison window