Umbraco Commerce
CMSCloudHeartcoreDXP
15.latest
15.latest
  • Umbraco Commerce Documentation
  • Release Notes
    • v15.1.0-Rc
    • v15.0.0-Rc
  • Commerce Products
    • Commerce Packages
    • Commerce Payment Providers
    • Commerce Shipping Providers
  • Getting Started
    • Requirements
    • Installation
    • Licensing
    • Configuration
    • User Interface
  • Upgrading
    • Upgrading Umbraco Commerce
    • Version Specific Upgrade Notes
    • Migrate from Vendr to Umbraco Commerce
      • Migrate Umbraco Commerce Checkout
      • Migrate custom Payment Providers
  • Tutorials
    • Build a Store in Umbraco using Umbraco Commerce
      • Installation
      • Creating a Store
        • Configuring your Store
      • Creating your first Product
      • Implementing a Shopping Cart
        • Using the Umbraco.Commerce.Cart Drop-in Shopping Cart
        • Creating a Custom Shopping Cart
      • Implementing a Checkout Flow
        • Using the Umbraco.Commerce.Checkout Drop-in Checkout Flow
        • Creating a Custom Checkout Flow
      • Configuring Store Access Permissions
  • How-To Guides
    • Overview
    • Configure SQLite support
    • Use an Alternative Database for Umbraco Commerce Tables
    • Customizing Templates
    • Configuring Cart Cleanup
    • Limit Order Line Quantity
    • Implementing Product Bundles
    • Implementing Member Based Pricing
    • Implementing Dynamically Priced Products
    • Implementing Personalized Products
    • Implementing a Currency Switcher
    • Building a Members Portal
    • Order Number Customization
    • Create an Order via Code
  • Key Concepts
    • Get to know the main features
    • Base Currency
    • Calculators
    • Currency Exchange Rate Service Provider
    • Dependency Injection
    • Discount Rules / Rewards
    • Events
      • List of validation events
      • List of notification events
    • Fluent API
    • Order Calculation State
    • Payment Forms
    • Payment Providers
    • Pipelines
    • Price/Amount Adjustments
    • Price Freezing
    • Product Adapters
    • Product Bundles
    • Product Variants
      • Complex Variants
    • Properties
    • ReadOnly and Writable Entities
    • Sales Tax Providers
    • Search Specifications
    • Settings Objects
    • Shipping Package Factories
    • Shipping Providers
    • Shipping Range/Rate Providers
    • Tax Sources
    • UI Extensions
      • Analytics Widgets
      • Entity Quick Actions
      • Order Line Actions
      • Order Properties
      • Order Collection Properties
      • Order Line Properties
      • Store Menu Items
    • Umbraco Properties
    • Unit of Work
    • Umbraco Commerce Builder
    • Webhooks
  • Reference
    • Stores
    • Shipping
      • Fixed Rate Shipping
      • Dynamic Rate Shipping
      • Realtime Rate Shipping
    • Payments
      • Configure Refunds
      • Issue Refunds
    • Taxes
      • Fixed Tax Rates
      • Calculated Tax Rates
    • Storefront API
      • Endpoints
        • Order
        • Checkout
        • Product
        • Customer
        • Store
        • Currency
        • Country
        • Payment method
        • Shipping method
        • Content
    • Management API
    • Go behind the scenes
    • Telemetry
Powered by GitBook
On this page
  • Create a Product Composition
  • Create a Product Document Type
  • Allow Creating Product Pages
  • Create a Product

Was this helpful?

Edit on GitHub
Export as PDF
  1. Tutorials
  2. Build a Store in Umbraco using Umbraco Commerce

Creating your first Product

Learn how to create your first product in Umbraco Commerce.

PreviousConfiguring your StoreNextImplementing a Shopping Cart

Last updated 1 month ago

Was this helpful?

By default, products in Umbraco Commerce are regular content nodes. These can consist of any number of properties depending on the site design. To be considered a product, however, a Document Type must contain the fields Sku and Price, with their corresponding aliases sku and price.

Create a Product Composition

Because any node in Umbraco can be a product, the first step is to create a Product Composition. This composition can be applied to any Document Type to make it a product.

  1. Navigate to the Settings section of the backoffice.

  2. Create a new Element Type called Product.

  3. Add an SKU property with the alias sku and select the Text Box Editor.

  4. Add a Price property with the alias price and select the Price Property Editor that comes with Umbraco Commerce.

  1. Click Save to create the Element Type.

Create a Product Document Type

With the product composition created, you can now create a Document Tyoe for a product.

  1. Navigate to the Settings section of the backoffice.

  2. Create or open a Document Type that you want to use as a product.

  3. Click the Compositions button.

  4. Select the Product composition you created earlier and Submit.

  1. Add any other properties to your Document Type as needed for your product.

  1. Click Save to save the changes.

Allow Creating Product Pages

If you haven't already, you'll need to allow the product Document Type to be a child node of the store root or product container Document Type.

  1. Open your store root or product container Document Type to edit.

  2. Navigate to the Structure tab.

  3. Add our new Document Type to the Allowed child node types property.

  1. Click Save to save the changes.

Create a Product

  1. Navigate to the Content section of the backoffice.

  2. Create a new content node somewhere beneath the store root using the Document Type you created earlier.

  1. Fill in the details of the product, including the SKU and Price properties.

  1. Click Save and Publish to save the product.

  2. Navigate to the frontend of the site to view the product page.

With the product created, you can now move on to .

Implementing a Shopping Cart
Umbraco Commerce Property Editors
Product Composition
Umbraco Commerce Property Editors
Umbraco Commerce Property Editors
Allow Product as Child Node
Create Product
Product Page Editor
Product Page