# How to Manage Widget Schema in Omnitron?

This tutorial provides step-by-step instructions for managing widget schemas on your site and mobile platforms in Omnitron.

## <mark style="color:red;">Step 1: Navigate to Widget Schema Management​</mark> <a href="#step-1-navigate-to-widget-schema-management" id="step-1-navigate-to-widget-schema-management"></a>

* Navigate to the Omnitron platform and log into your account.
* Follow the **Sales Channels** > **Content Management** sidebar and click the **Widget Schema Management** page.<br>

  <figure><img src="https://3333414532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIbwGN7KwvYi0iLbjtnXz%2Fuploads%2FA2zGFZhv2mO2bHWoFyFe%2Fimage.png?alt=media&#x26;token=3e134e60-387b-4146-91ac-3af11e2c36b8" alt=""><figcaption></figcaption></figure>

## <mark style="color:red;">Step 2: Filtering Widget Schemas​</mark> <a href="#step-2-filtering-widget-schemas" id="step-2-filtering-widget-schemas"></a>

* On the Widget Schema Management page, the filter panel and the list of existing widget schemas are displayed.
* You can filter the widget schemas based on Widget Type. The selected filters are displayed in the active filters row.

## <mark style="color:red;">Step 3: Creating a New Widget Schema​</mark> <a href="#step-3-creating-a-new-widget-schema" id="step-3-creating-a-new-widget-schema"></a>

To add a new widget to the Storefront, the first step is to create a **Widget Schema**.

* To create a new widget schema, click the **+ New Widget Schema** button located in the upper-right corner.<br>

  <figure><img src="https://3333414532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIbwGN7KwvYi0iLbjtnXz%2Fuploads%2F5QxbyTS48T9gnecSl3TG%2Fimage.png?alt=media&#x26;token=8b003a7e-85f1-48bc-85b1-384b52a2cef3" alt=""><figcaption></figcaption></figure>
* Fill in the required fields, including:
  * **Widget Type:** Provide a name for the widget type.
  * **Schema:** This field defines the widget areas to be displayed on the Storefront in JSON format. It is used to specify the areas that will be included within a widget, subsequently added to the Storefront under the Widget Management menu. Please contact your project manager for assistance in completing this field.
* Click **Save** after filling all necessary fields.<br>

  <figure><img src="https://3333414532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIbwGN7KwvYi0iLbjtnXz%2Fuploads%2F7G7G5VtpwkEm2wj3guCA%2Fimage.png?alt=media&#x26;token=482d7ce3-9960-494c-a600-cdbd5fb2c4b2" alt=""><figcaption></figcaption></figure>

## <mark style="color:red;">Step 4: Updating Widget Schemas​</mark> <a href="#step-4-updating-widget-schemas" id="step-4-updating-widget-schemas"></a>

* To make updates, click on the row of an existing widget schema in the list.
* You will be directed to the detail screen where you can make the necessary changes.<br>

  <figure><img src="https://3333414532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIbwGN7KwvYi0iLbjtnXz%2Fuploads%2FbNnhZ4AmVDFCiPitcmja%2Fimage.png?alt=media&#x26;token=4f749038-6abb-4647-985b-4e53bd1c6796" alt=""><figcaption></figcaption></figure>
