breakly Add to Shopify

Features

Every Breakly feature

104 features for quantity breaks on Shopify, from offer types and targeting to the storefront widget, design settings, checkout and developer hooks.

Add to ShopifySee the templates
Quantity breaksAdd quantity breaks to Shopify product pages: tiered discounts styled like your theme, with the same price on the page, in the cart and at checkout.Variant picker per itemLet shoppers pick a size and color for each item in a Shopify quantity break, with swatches and photos. The tier price covers the whole mix.Mix and matchRun mix and match quantity discounts on Shopify: items from a collection or a product list count together toward the same quantity break tiers.Buy X, get Y freeOffer buy one get one, buy 2 get 1 free and other free-item quantity deals on Shopify product pages, with the free item taken off at checkout.Bundle pricingSell quantity bundles at one price on Shopify, like 2 for $50 or 3 for $69, shown on the product page and charged exactly at checkout.

The full list

Offers

  • Quantity tiersSet 2 to 6 tiers per offer, with quantities from 1 to 999.
  • Percent off eachTake a percentage off every item, with up to two decimals.
  • Amount off eachTake a fixed amount off every item in the tier.
  • Fixed price eachSell every item in the tier at one fixed price.
  • Buy X, get Y freeMake the cheapest items free for every full tier quantity.
  • Fixed total for the tierSet one total price for the tier, such as 3 for $48.
  • Regular-price tierAdd a tier with no discount to show the regular price next to deals.
  • Tier templatesStart from seven tier sets, including Buy 1, get 1 free.
  • Tier titles, subtitles and badgesWrite a title, subtitle and badge for each tier.
  • Savings placeholderWrite {save} in a subtitle to show the tier's saving.
  • Quantity placeholderWrite {q} in a tier title to show the tier quantity.
  • Default tier title stylesName untitled tiers Buy 2, Buy 3 or Single, Duo, Trio, Pack of 4.
  • Preselected tierChoose the tier the widget selects when the page loads.
  • Offer headingSet the widget heading per offer, or keep the translated default.
  • Offer layout and savings formatOverride the design's layout and savings format for one offer.
  • Checkout messagesWrite the discount message shown in the cart and at checkout, per tier.
  • Offer translationsTranslate heading, tier texts and checkout messages into 11 languages.
  • Live previewPreview the widget with your product's prices while you edit.
  • Pause and activateTurn an offer off and on without losing its settings.
  • Duplicate offersCopy an offer with all its settings as a paused offer.
  • Delete offersDelete an offer; its discount and widget stop right away.
  • Offers listSee each offer's status, products, tiers, orders and discounts given.

Targeting

  • Specific productsApply an offer to products you pick, with all their variants.
  • CollectionsApply an offer to every product in the collections you pick.
  • All productsRun one store-wide offer for every product without its own offer.
  • Excluded productsLeave up to 500 products out of a store-wide offer.
  • Count per productCount all variants of a product together toward a tier.
  • Count per variantCount each variant on its own toward a tier.
  • Mix & matchCount any products of the offer together toward a tier.
  • Exclude subscriptionsKeep subscription items out of the count and the discount.
  • Exclude B2B customersGive buyers who buy for a company no discount from the offer.
  • Country limitsRun an offer only for shoppers in up to 60 countries.
  • SchedulingStart and end an offer at set times in your store's time zone.
  • Offer priorityResolve products in several offers with fixed, explained priority rules.
  • Overlap warningsSee banners when offers share products, countries or schedules.
  • Catalog syncUpdate offers automatically when products or collections change.

Storefront

  • Auto placement app embedShow the widget on product pages without editing templates.
  • Placement positionPlace the widget above the add to cart button or below the price.
  • Quantity breaks app blockPlace the widget anywhere in a section with the theme editor.
  • Widget outside product pagesShow the block in featured product and page builder sections.
  • Block heading and layoutOverride the heading and layout for one block in the theme editor.
  • Hide the theme's quantity selectorReplace the theme's quantity field with the chosen tier's quantity.
  • Per-item variant pickersLet shoppers pick a different variant for each item in a tier.
  • Color swatchesShow color options as swatches from Shopify swatches or color names.
  • Variant thumbnailsShow each item's variant image next to its pickers.
  • Hide the theme's variant pickerHide the theme's picker while per-item pickers are shown.
  • Update the theme's priceShow the chosen tier's price per item or total in the theme's price.
  • After add to cartSend shoppers to the cart or checkout, or keep the theme's behavior.
  • Highlight Buy it nowFill Buy it now with the accent and outline Add to cart.
  • Mixed-variant add to cartAdd every chosen variant through the theme's own add to cart.
  • Buy it now with mixed variantsAdd all picked variants and open checkout when Buy it now is pressed.
  • Storefront languagesShow the widget's texts in 11 languages.
  • Shopper currency pricesShow tier prices in the shopper's currency, converted like checkout.
  • Compare-at pricesShow the compare-at total struck through next to the tier price.
  • Sold-out variantsDisable sold-out values in item pickers and mark them Sold out.
  • Counting hintsTell shoppers when items mix and match or count per option.
  • Scheduled end on cached pagesHide the widget on cached pages once a scheduled offer ends.

Design

  • TemplatesStart from six templates: Theme, Outline, Soft, Solid, Ticket and Mono.
  • LayoutsShow tiers as cards, columns, compact pills, a list, a table or a grid.
  • Automatic accentTake the accent color from the theme's add to cart button.
  • Accent colorPick your own accent for the chosen tier, badge and savings.
  • Element colorsSet eight colors, from card background to badge text and savings chip.
  • Text settingsSet tier title size and weight, price size and capital letters.
  • Heading styleCenter the heading between lines, align it left or hide it.
  • Theme cornersMatch the add to cart button's corners, up to 16 px.
  • Corner radiusSet the widget's corner radius from 0 to 24 px.
  • SpacingMake the tiers tight, normal or roomy.
  • Badge styleShow badges as an edge pill, a tilted sticker or a corner tag.
  • Savings formatShow savings as a percentage or as an amount.
  • Price per itemShow each item's price under tiers of two or more.
  • Swatch size and shapeMake swatches small, medium or large, round or square.
  • Custom CSSAdd up to 4,096 characters of CSS, scoped to the widget.
  • Design previewPreview the design at desktop and mobile widths before saving.

Checkout and pricing

  • Automatic checkout discountApply all offers with one Shopify Functions automatic discount.
  • Same price on page and checkoutUse one integer-cent formula in the widget and at checkout.
  • Cart-based countingApply tiers to cart quantities, also from drawers and express checkout.
  • Price endingsRound discounted prices down to .99, .95, .90 or whole amounts.
  • Multi-currency checkoutConvert store-currency amounts with Shopify's rate in every currency.
  • Discount combinationsCombine with product, shipping and, when allowed, order discounts.
  • Gift cards excludedNever discount gift cards.
  • Price checkSee what checkout charges per tier in each market currency.
  • Discount status and repairRecreate or turn on the Breakly discount from Home.
  • Combine with product codesTurn on product code combinations for the Breakly discount from Home.
  • Shopify Discounts integrationOpen Breakly's offer editor from Create discount in Shopify Discounts.

Insights and plans

  • Setup checklistFollow three setup steps on Home, with links to the theme editor.
  • Monthly summarySee counted orders, sales, discounts and average order value on Home.
  • No-discount diagnosisGet likely causes when 30 days pass without a discounted order.
  • Analytics summarySee discounted orders, sales, discounts and their share of all orders.
  • Results by offer and tierCompare orders, items, discounts and sales per offer and tier.
  • Last 30 days chartSee discounted orders per day for the last 30 days.
  • Counted orders listList the month's latest 250 counted orders with links to Shopify.
  • Check orders againAdd discounted orders Breakly missed from the last 60 days.
  • Orders CSV exportDownload a month's counted orders as a CSV file.
  • PlansFree for 100 orders, Growth for 1,000, Pro unlimited, all features included.
  • Plan usage warningsSee a banner on Home when you near or pass your plan's orders.
  • Offers keep runningKeep offers and the discount running when a month passes the limit.
  • Help pageFind setup links, answers and the support email inside the app.

Developers

  • Tier change eventListen for breakly:tier-change with product, quantity, variants and prices.
  • Add eventListen for breakly:add before add to cart or Buy it now.
  • Price hookMark the theme's price element with data-breakly-price.
  • Variant picker hookMark the theme's variant picker with data-breakly-variants.
  • CSS classesStyle the widget with stable breakly__ element and breakly-- modifier classes.
  • Custom propertiesTune colors, spacing and sizes with --bk- CSS custom properties.
  • Theme editor reloadsSet up widgets again when the theme editor reloads a section.

All of it, on every plan.

Add to Shopify

Free up to 100 discounted orders a month.