Hype Discounts

Storefront blocks

11 articles

Storefront blocks overviewStorefront blocks are the parts of Hype Discounts your shoppers actually see: the announcement bar, the pop-up toast, the gift banner, the cart…Adding a block to your themeSix of the Hype Discounts blocks are placed in your theme by hand: the gift banner, progress bar, product banner, product price, volume selector, and…Announcement barThe announcement bar is a full-width message pinned to the top of every page, shown while a Hype campaign is active. It is available for every…Toast (pop-up)The toast is a small floating message that appears over the page when a Hype campaign is active — for example, to confirm that a discount has been…Gift bannerThe gift banner shows shoppers the free gifts a Gift with Purchase campaign is offering, how close they are to unlocking them, and a button to claim…Progress barThe progress bar shows shoppers how close their cart is to the next reward in a Cart Goals campaign — free shipping, an order discount, or a free…Product bannerThe product banner is a single-line message on the product page that advertises the discount running on that product — for example Get 20% off with…Product priceThe product price block renders Hype's own price display on the product page: the original price, the discounted price, and a message such as Save…Volume discount selectorThe volume discount selector is the interactive "buy more, save more" picker on the product page. It lists each tier of a Volume Discount campaign,…Volume discount tableThe volume discount table lists the tiers of a Volume Discount campaign as a simple table — quantity on the left, saving on the right. It is a…Variables you can use in block textEvery text field in a campaign block accepts variables. Write a variable as {{name}} — two braces, no spaces — and Hype replaces it on the storefront…

Still need help?

Start a chat and we'll pick it up right here.