Website Item
Website-specific information has been separated from the Item master into the Website Item DocType. This allows businesses to maintain product information specifically for the online store without affecting inventory or accounting data.
Publishing an Item
Publishing an Item on the website is a simple one-click process.
- Open the required Item.
- Click Actions → Publish in Website.
- ERPNext automatically creates a Website Item.
- The product immediately becomes available on the webshop.
/all-products page and becomes accessible through its individual product page.Updating Website Item Information
Once published, Website Item allows complete control over how the product appears on your online store.
General Information
| Field | Description |
|---|---|
| Website Item Name | Specifies the product title displayed on the website. |
| Route | Automatically generated product URL. |
| Published | Disable this option to temporarily remove the product from the website without deleting it. |
Display Images
Website Item allows multiple ways to present product images.
- Website Image – Primary product image displayed on listings and product pages.
- Slideshow – Displays multiple product images instead of a single image.
- Image Description – Alternative text used for accessibility and SEO.
Stock Information
| Field | Purpose |
|---|---|
| Website Warehouse | Determines which warehouse stock is shown on the website. |
| On Backorder | Displays “Available on Backorder” instead of showing the item as out of stock. |
Display Information
Short Website Description
Displays a brief summary of the product on listing pages. Basic HTML formatting is supported.
Website Description
Rich text description displayed on the product page. If left empty, ERPNext automatically uses the Item Description.
Website Specifications
Displays technical information such as dimensions, material, weight, manufacturer, warranty, and similar specifications.
Display Additional Information
Additional product information can be organized into multiple tabs for a cleaner layout.
- Enable Add Section with Tabs.
- Create one or more tabs.
- Provide a label and HTML content for each tab.
- The first tab automatically displays Product Details using Website Specifications.
Recommended Items
Website Items can display related products to encourage additional purchases.
- Enable Recommendations in E-Commerce Settings.
- Open the Website Item.
- Add products under Recommended Items.
Offers
Highlight promotional campaigns directly on the product page.
| Field | Description |
|---|---|
| Offer Title | Short promotional heading. |
| Offer Subtitle | Brief supporting sentence. |
| Offer Description | Detailed explanation of the promotion. |
Search & SEO
| Setting | Purpose |
|---|---|
| Ranking | Controls the product’s position in product listings. |
| Meta Tags | Improves search engine optimization. |
| Website Item Groups | Assigns the product to website categories. |
Advanced Display Content
Website Item supports custom Bootstrap 4 HTML sections for creating highly customized product pages.
Adding Price Details
Product prices displayed on the website are managed through the Item Price DocType.
- Configure Company.
- Configure the appropriate Price List.
- Set the Default Customer Group in E-Commerce Settings.
Steps
- Create an Item Price for the product.
- Select the same Price List configured in E-Commerce Settings.
- Save the Item Price.
To display discounted pricing, create a Pricing Rule with either:
- Discount Percentage
- Discount Amount
Typical Website Publishing Workflow
- Create an Item.
- Click Publish in Website.
- Configure Website Item details.
- Add product images.
- Configure warehouse and stock display.
- Add descriptions and specifications.
- Configure recommendations and offers.
- Optimize SEO settings.
- Create Item Price.
- Apply Pricing Rules (optional).
- Publish the product.
Key Benefits
- Dedicated website information independent of the Item master.
- Rich product descriptions and specifications.
- Custom product images and slideshows.
- Warehouse-based stock visibility.
- Built-in SEO optimization.
- Cross-selling using recommended products.
- Promotional offer support.
- Flexible pricing and discount management.
- Advanced HTML customization for product pages.