> For the complete documentation index, see [llms.txt](https://shopvid.gitbook.io/shopvid-shoppable-video-reels/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shopvid.gitbook.io/shopvid-shoppable-video-reels/manage-widget/create-new-widget.md).

# Create new widget

### What is the Manage Widget Feature?

The Manage Widget feature is your control center for creating and customizing video displays on your store. A widget is a container that holds your videos and determines how they appear to customers.

### How to Create and Manage Widgets

{% embed url="<https://app.arcade.software/share/dPwoxEs3sSwuiR1rgjgP>" %}

#### Creating a New Widget

**To create your widget:**

1. Navigate to **Manage widget** in your Shopvid dashboard
2. Click **Create new widget**

#### **Select widget type**

You can choose from 5 of our widget types:&#x20;

* Highlighted carousel: Display video list as a carousel with a highlighted video in the middle&#x20;
* Basic carousel: Display video list as a carousel&#x20;
* Grid: Display videos as rows and columns&#x20;
* Float: Display video as a float element&#x20;
* Story: Display video list as stories just like that of social platforms

#### Select display page&#x20;

Choose a page you want to display videos:&#x20;

* Product pages: Appear on product pages but not on other site pages
* Other pages: Appear on all pages except product pages

#### Adding Videos to Your Widget

{% hint style="info" %}
Based on your selection of display page, the video setting may differ accordingly.
{% endhint %}

**For Product pages**, to add videos of tagged product:&#x20;

1. In the General tab, click **Add products**
2. Browse your product or use search to find specific videos
3. Select products by clicking the checkbox
4. Click **Done** and view added products on the left side of the editor

**For Other pages**, to add videos from your library:

1. In the General tab, click **Video or Browse**
2. Browse your video library or use search to find specific videos
3. Select videos by clicking the checkbox on each thumbnail
4. Click **Done** and view added videos on the left side of the editor

#### Configuring Settings

To see specific configuration of each widget type, please navigate to according page:&#x20;

{% content-ref url="/pages/oeNz4nF5IcrpUJneqi1h" %}
[Setting up widgets](/shopvid-shoppable-video-reels/manage-widget/setting-up-widgets.md)
{% endcontent-ref %}

{% content-ref url="/pages/4lv9TabbCJxtkKO1Xlzh" %}
[Grid](/shopvid-shoppable-video-reels/manage-widget/create-new-widget/grid.md)
{% endcontent-ref %}

{% content-ref url="/pages/UxOMLy7RhJpr8hULCBLu" %}
[Float](/shopvid-shoppable-video-reels/manage-widget/create-new-widget/float.md)
{% endcontent-ref %}

{% content-ref url="/pages/2v0rvJ54Sefpb1wQoM96" %}
[Story](/shopvid-shoppable-video-reels/manage-widget/create-new-widget/story.md)
{% endcontent-ref %}

#### Previewing Your Widget

Always preview your widget before publishing to ensure it looks perfect on all devices.

#### Managing Widget Status

Control when your widget is visible to customers using the status setting.

1. Locate the **Status** toggle in General tab
2. Choose your status:
   * **Active:** Widget can be displayed when added to theme
   * **Inactive:** Widget is hidden even if added to theme

### Widget Display Requirements

For a widget to appear on your store, ensure:

1. Widget status is Active ✓
2. Widget is saved with videos ✓
3. Widget ID is added to theme settings ✓
4. Shopvid app is enabled in theme ✓

If your widget isn't showing, check each requirement in order.