# User Interface

The Umbraco Commerce UI consists of a number of key areas, split over three sections within the Umbraco backoffice:

* **Settings** for managing the different store settings.
* **Commerce** for managing store-related content (orders, discounts, etc).
* **Content** for managing the Umbraco Commerce products.

## Settings Section

The **Settings** section is where the configuration of all Store settings is managed. From here you can manage how the Store works as well as what options will be available within the Store.

The UI for the **Settings** section consists of a Tree which lists all available Stores and their key areas available for configuration. It also contains a right-hand editor panel. This can either act as an editor interface or as a list view interface for listing items within that given configuration area.

![Umbraco Commerce Settings - Editor View](https://4119392862-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLSLlTQTRr58JSwooVHuf%2Fuploads%2Fgit-blob-2c4cdcf53af79e189866ccaed6f06afb88754cca%2Fumbraco-commerce_settings_section_editor_view.png?alt=media)

![Umbraco Commerce Settings - List View](https://4119392862-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLSLlTQTRr58JSwooVHuf%2Fuploads%2Fgit-blob-adcbc717d788aff47468ebbafcf169ba4ca9919f%2Fumbraco-commerce_settings_section_list_view.png?alt=media)

Each Store has 8 key areas of configuration accessible within the **Settings** section:

* **Store**: Each Store node contain Store level configuration settings.
* **Order Statuses** contain the configuration of the different Statuses an order can be in. Think of these as an organizational structure for your Orders.
* **Shipping Methods** contains the list of Shipping Methods available to a Store.
* **Payment Methods** contains the list of Payment Methods available to a Store.
* **Countries** contain the list of Countries the Store is able to trade with.
* **Currencies** contain the list of accepted Currencies for the Store.
* **Taxes** contains the list of Tax Classes and their Tax Rates for the Store.
* **Email Templates** contains the list of Email Templates supported by the Store.

## Commerce Section

The **Commerce** section contains a Tree to access the Stores and their different features, as well as a right-hand panel for managing the items.

![Umbraco Commerce Orders View](https://4119392862-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLSLlTQTRr58JSwooVHuf%2Fuploads%2Fgit-blob-322945f12db841836777e72abdc70ad7587b6406%2Fcommerce_orders_view.png?alt=media)

![Umbraco Commerce Order Editor](https://4119392862-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLSLlTQTRr58JSwooVHuf%2Fuploads%2Fgit-blob-920ba93a382ef3f4df3e801e11184c624e8105a6%2Fcommerce_order_details.png?alt=media)

## Content Section

The **Content** section is where the Umbraco Commerce product nodes are managed. Managing products with Umbraco Commerce is similar to working with regular content nodes.

![Umbraco Commerce Store Picker Dialog](https://4119392862-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLSLlTQTRr58JSwooVHuf%2Fuploads%2Fgit-blob-541c90e12ab9837af4444978798d4f3d8a8cb79e%2Fcontent_store_picker.png?alt=media)