Entry point
In Shopify admin, open Apps > AIOD Discount & Gift > Discount Widgets. AIOD opens Theme Widgets, which lists existing widgets by Widget ID, Widget Type, Status, and Actions. Click Create New Widget to open Ready-Made Widgets. This page says: “Grab a Widget, tweak it a bit - And you’re all set!”Available widgets
AIOD also shows More widgets launching soon! and says merchants can contact support with widget requests.
Template-backed widgets
Some cards in Discount Widgets are shortcuts to discount templates. Document and answer those widgets from the template page.
Do not invent separate configuration for these widget cards. They use the linked template forms.
Discounted Price Strike-through
Discounted Price Strike-through is not a separate widget form in the observed UI. Use it when a merchant asks how to show compare-at style strike-through pricing for an AIOD discount. The merchant enables Show Discounted Price Crossout inside the discount template they are configuring. The strike-through setting can be used in applicable discount templates except Free Gift with Purchase. Read Show Discounted Price Crossout for the shared crossout pricing UI and placement details.Standalone widget theme extension warning
Standalone widget forms can show this warning: Required: Theme Extension Should Be Enabled. The warning says the Activate theme extension button automatically enables the Latest Widget Manager extension. The merchant must click Save in the theme editor after activation. Use this warning when a merchant asks why a widget is not appearing on the storefront.Discount Callouts
Open Discount Widgets > Discount Callouts. The page title is Discount Callouts. Use this widget to show a short banner-style message on product pages, cart pages, or side cart drawers.Widget Specific Settings
Controls:Global Settings
AIOD says these settings apply to all widgets of this type. Controls:
Click Create Widget to create the callout.
Where should the widget appear?
Read Where should the widget appear? for information about this. The form includes Banner Preview.Offer Message Widget
Open Discount Widgets > Offer Message Widget. The page title is Offer Message Widget. Use this widget to show one or more offer cards, such as automatic offers or discount-code offers.Widget Specific Settings
Controls:Widget Style
AIOD says these settings apply only to this offer message widget. Spacing controls:- Margin Top slider. Default observed:
5px. - Margin Bottom slider. Default observed:
5px.
- Heading text size.
- Heading text color.
- Bold heading text.
- Italic heading text.
- Show icon.
- Icon.
- Icon Color.
- Icon Size.
- Icon Gap.
- Icon Margin Left.
- Background Color.
- Border Color.
- Border Radius.
- Padding.
- Offer text size.
- Offer text color.
- Subtext size.
- Subtext color.
- Discount code color.
Where should the widget appear?
Read Where should the widget appear? for information about this. The form includes Banner Preview.Discount Code Input
Open Discount Widgets > Discount Code Input. The page title is Discount Code Input Widget. Use this widget to let customers enter AIOD discount codes on the cart page or side cart drawer.Customize Input Widget
Controls:Error Messages
Controls:
AIOD describes this as the message shown when a code is invalid or inapplicable.
Widget Visibility
The Show widget on Cart Page, Slide Cart Drawer checkbox controls whether the discount-code input is visible. It is checked by default in the observed form. AIOD says that when it is disabled, the widget will be completely hidden from the website. The form includes Widget Preview with Error States, showing:- The discount code input.
- The Apply button.
- The invalid-code message.