Widgets in Studio provide special layers and groups that can promote discounts or special offers on your items. There are two types of widgets available: Percentage Off and Savings.

The Percentage Off widget calculates the percentage discount based on the item's sale price and original price. Before adding this widget, you can modify the condition under the Discount is higher than XX section. This means the widget will only appear if the discount is higher than the specified percentage. You also have the option to display the sale price alongside the percentage.

The Savings widget calculates the difference between the original price and the sale price. To display this, you need to add the savings widget and set the condition for when it should be visible, based on the input in the Discount is higher than XX section.

Widgets are special types of layers in Studio, and you can set additional conditions on them. Each template can only have one widget of each type.

To edit the layers within a widget, click the Edit Widget button.

When you're in widget editing mode, a purple border will appear around the canvas, indicating that you can only interact with layers within the widget. Any layers you add to the canvas during this mode will automatically be included in the widget.

To move layers outside of a widget into the widget, select them, right-click, and choose the option to add them to your desired widget.

If you need to edit the widget's condition (such as the minimum discount value), go to the Widget Panel, select the widget you want to modify, and click the Edit button.