See it in action Storefront widgets
The theme app blocks that show your discounts on the store.
New to the words we use? See Glossary.
- Widgets overviewWhat AndOr storefront widgets are, which theme block draws each one, and where you can place them in your theme.
- App embedThe settings of the AndOr Discount Display app embed, like the shared colors, corner radius, style preset and custom CSS.
- Add AndOr with codeThe theme code library from the app, in the same order.
- Storefront textChange or hide the notes shoppers see in AndOr widgets, for each language your store sells in.
- Sale priceThe AndOr sale price shows the old price crossed out beside the price a shopper pays today.
- Savings badgeThe savings badge is a small chip with the saving, like "Save 20%", or a discount code shoppers can copy.
- CountdownThe AndOr countdown shows shoppers how long a sale has left, such as Sale ends in 3h 12m, on the product page.
- Volume tiersThe AndOr Volume tiers block shows a buy more, save more price table, or a volume picker shoppers click to set the quantity.
- Bundle cardThe AndOr bundle card shows a Frequently bought together box on the product page with products you pick, so shoppers add the whole bundle in one click.
- Buy X get YThe AndOr Buy X get Y (buy one get one) banner on product pages and the claim row in the cart.
- Free gift slotThe AndOr free gift line on product pages and the gift slot in the cart.
- Gift chooserThe Choose gift window that the cart gift slot opens, its two steps, phone layout and what it needs to appear.
- Goal barThe order goal bar, or free shipping bar, shows how much more a shopper needs to spend for the next reward, on product pages, the cart and the cart drawer.
- Goal suggestionsUp to three products under the goal bar, each with an Add button, that help a shopper reach the next reward.
- Collection bannerOne bar across the top of a collection page saying a discount runs on this collection, such as "Save up to 20% on this collection".
- Show discounts you already haveShow the discounts you made in Shopify or in Rules on your storefront, with a sale price, a badge or a goal bar.
- Current offersThe AndOr Offers block lists the deals running in your store right now, and what each one takes off.
- Discount calloutOne short line with an icon, such as a truck beside "Free shipping", shown while a free shipping discount runs or always.