# Creating your first Product

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.

![Umbraco Commerce Property Editors](https://3343668521-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlHETtFOx4I72xhuc27Kt%2Fuploads%2Fgit-blob-e7a45907449bc31bcbd43382d61979ef4ebca22d%2Fcommerce_property_editors.png?alt=media)

![Product Composition](https://3343668521-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlHETtFOx4I72xhuc27Kt%2Fuploads%2Fgit-blob-fc85e0ddfdf5918d29b5f4e7977be7af95f67cee%2Fproduct_composition.png?alt=media)

6. 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**.

![Umbraco Commerce Property Editors](https://3343668521-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlHETtFOx4I72xhuc27Kt%2Fuploads%2Fgit-blob-1c0d2295cd2fed63e9c74e7356ebca007d5a23fd%2Fproduct_pick_composition.png?alt=media)

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

![Umbraco Commerce Property Editors](https://3343668521-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlHETtFOx4I72xhuc27Kt%2Fuploads%2Fgit-blob-dff069193ec182b78ee2a3b925e4aa9346392913%2Fproduct_page_doctype.png?alt=media)

6. 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.

![Allow Product as Child Node](https://3343668521-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlHETtFOx4I72xhuc27Kt%2Fuploads%2Fgit-blob-b7585397817cb057d19b46ccad7bd2804716dd75%2Fproduct_allowed_child_node.png?alt=media)

4. 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.

![Create Product](https://3343668521-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlHETtFOx4I72xhuc27Kt%2Fuploads%2Fgit-blob-b92da01ae56d4f1ffa005742c6ed2c2ced98df39%2Fcreate_product.png?alt=media)

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

![Product Page Editor](https://3343668521-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlHETtFOx4I72xhuc27Kt%2Fuploads%2Fgit-blob-289eca6b1c18c49be8c57849d35774dcaf66ae7d%2Fproduct_page_editor.png?alt=media)

4. Click **Save and Publish** to save the product.
5. Navigate to the frontend of the site to view the product page.

![Product Page](https://3343668521-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlHETtFOx4I72xhuc27Kt%2Fuploads%2Fgit-blob-6901c5c13206bf2fa0040d5b916b03e7a26909c3%2Fproduct_page.png?alt=media)

With the product created, you can now move on to [Implementing a Shopping Cart](https://docs.umbraco.com/umbraco-commerce/tutorials/build-a-store/cart).