Hey Funnelish community!
We’ve just designed a new Product Price with Badges section that makes your discount impossible to miss, and we’d love to share it with you.
Product Price with Badges Preview
What it is
A compact price block with a red percentage-off badge, a struck-through compare-at price, the bold sale price and a second red banner underneath for an extra in-cart discount (“Save an extra 10% in cart”).
Why it works
- Shows the savings instantly: The crossed-out price next to the sale price makes the deal obvious.
- Percentage badge grabs attention: Shoppers notice a red “-40%” before they read anything else.
- Extra incentive to act now: The in-cart savings banner gives a reason to add to cart instead of waiting.
- No images needed: Built entirely with text elements, so it loads instantly.
How to Add It
- Copy the JSON below.
{"id":225561,"type":"section","parent_states":{"default":{"states":{"default":{"style":{"responsive":{"visible":true,"margin":false,"padding":false,"sticky":false,"width":false,"backgroundColor":false,"backgroundImage":false,"backgroundStyle":false,"backgroundPosition":false,"font":false,"border":false,"shadows":false},"desktop":{"visible":true,"width":"full","padding":{"left":16,"right":16,"top":24,"bottom":24},"backgroundColor":"#1e2025"},"tablet":{"visible":true},"mobile":{"visible":true}},"data":{},"interaction":{}}}}},"children":[{"id":919420,"type":"row","labelTitle":"My Row","labelColor":"#449CF4","parent_states":{"default":{"states":{"default":{"style":{"responsive":{"visible":true,"margin":false,"padding":true,"sticky":false,"cols":false,"orientation":true,"gap":false,"maxWidth":false,"backgroundColor":false,"backgroundImage":false,"backgroundStyle":false,"backgroundPosition":false,"font":false,"border":false,"shadows":false},"desktop":{"visible":true,"margin":{"top":0,"left":0,"right":0,"bottom":0},"padding":{"top":24,"left":16,"right":16,"bottom":24},"sticky":{"enabled":false,"position":"top","distance":0},"cols":"one","orientation":"auto","gap":{"number":0,"append":"px"},"maxWidth":{"append":"px","placeholder":"none","number":null},"backgroundColor":"#1e2025","cssGradient":"","backgroundImage":"","backgroundStyle":"cover","backgroundPosition":"top","font":{"fontFamily":"","fontSize":14,"color":"#303030","fontStyling":{"bold":false,"italic":false,"line-through":false,"underline":false},"textAlign":"initial"},"border":{"top":{"style":"solid","width":1,"color":"#ffffff26"},"right":{"style":"solid","width":1,"color":"#ffffff26"},"bottom":{"style":"solid","width":1,"color":"#ffffff26"},"left":{"style":"solid","width":1,"color":"#ffffff26"},"radius":{"topLeft":{"size":24},"topRight":{"size":24},"bottomRight":{"size":24},"bottomLeft":{"size":24}}},"shadows":[]},"tablet":{"visible":true,"orientation":"auto"},"mobile":{"visible":true,"orientation":"auto"}},"data":{"cssId":"","dataBindings":{"dataset":{"type":"dataset"}},"title":""}}}}},"children":[{"width":100,"children":[{"id":676507,"type":"container","parent":919420,"labelTitle":"My Block","labelColor":"#449CF4","parent_states":{"default":{"states":{"default":{"style":{"responsive":{"visible":true,"orientation":true,"font":true},"desktop":{"visible":true,"align":"center","margin":{"top":0,"left":0,"right":0,"bottom":0},"padding":{"top":0,"left":0,"right":0,"bottom":0},"gap":{"number":8,"append":"px"},"minMaxWidth":{"min":null,"max":null},"minMaxHeight":{"min":null,"max":null},"sticky":{"enabled":false,"position":"top","distance":0},"zIndex":{"number":null,"append":""},"orientation":"column","children":[{"width":"","type":"fit-content","index":0},{"name":"","width":null,"type":"fit-content","index":1}],"font":{"fontFamily":"","fontSize":18,"color":null,"fontStyling":{"bold":false,"italic":false,"line-through":false,"underline":false},"textAlign":"center"},"cssGradient":"","backgroundColor":"","backgroundImage":"","backgroundStyle":"cover","backgroundPosition":"top","border":{"top":{"style":"solid"},"right":{"style":"solid"},"bottom":{"style":"solid"},"left":{"style":"solid"},"radius":{"topLeft":{},"topRight":{},"bottomRight":{},"bottomLeft":{}}},"shadows":[],"textShadows":[]},"tablet":{"visible":true,"orientation":"column"},"mobile":{"visible":true,"orientation":"column"}},"data":{"cssId":"","title":"","dataBindings":{"dataset":{"type":"dataset"}}},"interaction":{},"name":""}}}},"children":[{"width":"","type":"%","index":0,"children":[{"id":151137,"type":"container","parent":676507,"labelTitle":"My Block","labelColor":"#449CF4","parent_states":{"default":{"states":{"default":{"style":{"responsive":{"visible":true,"orientation":true,"font":true},"desktop":{"visible":true,"align":"center","margin":{"top":0,"left":0,"right":0,"bottom":0},"padding":{"top":0,"left":0,"right":0,"bottom":0},"gap":{"number":8,"append":"px"},"minMaxWidth":{"min":null,"max":null},"minMaxHeight":{"min":null,"max":null},"sticky":{"enabled":false,"position":"top","distance":0},"zIndex":{"number":null,"append":""},"orientation":"row","children":[{"width":"","type":"fit-content","index":0},{"name":"","width":null,"type":"fit-content","index":1},{"name":"","width":null,"type":"fit-content","index":2}],"font":{"fontFamily":"","fontSize":18,"color":null,"fontStyling":{"bold":false,"italic":false,"line-through":false,"underline":false},"textAlign":"center"},"cssGradient":"","backgroundColor":"","backgroundImage":"","backgroundStyle":"cover","backgroundPosition":"top","border":{"top":{"style":"solid"},"right":{"style":"solid"},"bottom":{"style":"solid"},"left":{"style":"solid"},"radius":{"topLeft":{},"topRight":{},"bottomRight":{},"bottomLeft":{}}},"shadows":[],"textShadows":[]},"tablet":{"visible":true,"orientation":"row"},"mobile":{"visible":true,"orientation":"row"}},"data":{"cssId":"","title":"","dataBindings":{"dataset":{"type":"dataset"}}},"interaction":{},"name":""}}}},"children":[{"width":"","type":"%","index":0,"children":[{"id":334543,"type":"paragraph","parent":151137,"labelTitle":"My Block","labelColor":"#449CF4","parent_states":{"default":{"states":{"default":{"style":{"responsive":{"visible":true,"font":true,"padding":true},"desktop":{"visible":true,"justifyContent":"center","margin":{"top":0,"left":0,"right":0,"bottom":0},"padding":{"top":4,"left":8,"right":8,"bottom":4},"minMaxWidth":{"min":null,"max":null},"minMaxHeight":{"min":null,"max":null},"sticky":{"enabled":false,"position":"top","distance":0},"zIndex":{"number":null,"append":""},"backgroundColor":"#c73225","font":{"fontFamily":"","fontSize":12,"color":"#FFFFFFFF","fontStyling":{"bold":true,"italic":false,"line-through":false,"underline":false},"textAlign":"center"},"lineHeight":{"append":"x","placeholder":"normal","number":1.5,"min":0},"letterSpacing":{"append":"px","placeholder":"normal","number":null},"border":{"top":{"style":"solid"},"right":{"style":"solid"},"bottom":{"style":"solid"},"left":{"style":"solid"},"radius":{"topLeft":{"size":5},"topRight":{"size":5},"bottomRight":{"size":5},"bottomLeft":{"size":5}}},"textShadows":{"angle":0,"distance":0,"blur":0,"spread":0,"color":"transparent","type":""}},"tablet":{"visible":true,"padding":{"top":3,"left":6,"right":6,"bottom":3}},"mobile":{"visible":true,"padding":{"top":3,"left":6,"right":6,"bottom":3}}},"data":{"cssId":"","dataBindings":{"text":{"type":"text","fallback":true}}},"interaction":{},"name":""}}}},"content":"<p>-40%</p>","selected":false}]},{"name":"","width":null,"type":"%","index":1,"children":[{"id":787778,"type":"paragraph","parent":151137,"labelTitle":"My Block","labelColor":"#449CF4","parent_states":{"default":{"states":{"default":{"style":{"responsive":{"visible":true,"font":true},"desktop":{"visible":true,"justifyContent":"center","margin":{"top":0,"left":0,"right":0,"bottom":0},"padding":{"top":0,"left":0,"right":0,"bottom":0},"minMaxWidth":{"min":null,"max":null},"minMaxHeight":{"min":null,"max":null},"sticky":{"enabled":false,"position":"top","distance":0},"zIndex":{"number":null,"append":""},"backgroundColor":"","font":{"fontFamily":"","fontSize":14,"color":"#a0a0a0","fontStyling":{"bold":false,"italic":false,"line-through":true,"underline":false},"textAlign":"center"},"lineHeight":{"append":"x","placeholder":"normal","number":1.2,"min":0},"letterSpacing":{"append":"px","placeholder":"normal","number":null},"border":{"top":{"style":"solid"},"right":{"style":"solid"},"bottom":{"style":"solid"},"left":{"style":"solid"},"radius":{"topLeft":{},"topRight":{},"bottomRight":{},"bottomLeft":{}}},"textShadows":{"angle":0,"distance":0,"blur":0,"spread":0,"color":"transparent","type":""}},"tablet":{"visible":true,"font":{"fontSize":12}},"mobile":{"visible":true,"font":{"fontSize":12}}},"data":{"cssId":"","dataBindings":{"text":{"type":"text","fallback":true}}},"interaction":{},"name":""}}}},"content":"<p>$143.77</p>","selected":false}]},{"name":"","width":null,"type":"%","index":2,"children":[{"id":576692,"type":"paragraph","parent":151137,"labelTitle":"My Block","labelColor":"#449CF4","parent_states":{"default":{"states":{"default":{"style":{"responsive":{"visible":true,"font":true},"desktop":{"visible":true,"justifyContent":"center","margin":{"top":0,"left":0,"right":0,"bottom":0},"padding":{"top":0,"left":0,"right":0,"bottom":0},"minMaxWidth":{"min":null,"max":null},"minMaxHeight":{"min":null,"max":null},"sticky":{"enabled":false,"position":"top","distance":0},"zIndex":{"number":null,"append":""},"backgroundColor":"","font":{"fontFamily":"","fontSize":18,"color":"#FFFFFFFF","fontStyling":{"bold":true,"italic":false,"line-through":false,"underline":false},"textAlign":"center"},"lineHeight":{"append":"x","placeholder":"normal","number":1.2,"min":0},"letterSpacing":{"append":"px","placeholder":"normal","number":null},"border":{"top":{"style":"solid"},"right":{"style":"solid"},"bottom":{"style":"solid"},"left":{"style":"solid"},"radius":{"topLeft":{},"topRight":{},"bottomRight":{},"bottomLeft":{}}},"textShadows":{"angle":0,"distance":0,"blur":0,"spread":0,"color":"transparent","type":""}},"tablet":{"visible":true,"font":{"fontSize":16}},"mobile":{"visible":true,"font":{"fontSize":16}}},"data":{"cssId":"","dataBindings":{"text":{"type":"text","fallback":true}}},"interaction":{},"name":""}}}},"content":"<p>$102.56</p>","selected":false}]}],"selected":false}]},{"name":"","width":null,"type":"%","index":1,"children":[{"id":951064,"type":"paragraph","parent":676507,"labelTitle":"My Block","labelColor":"#449CF4","parent_states":{"default":{"states":{"default":{"style":{"responsive":{"visible":true,"font":true,"padding":true},"desktop":{"visible":true,"justifyContent":"center","margin":{"top":0,"left":0,"right":0,"bottom":0},"padding":{"top":10,"left":6,"right":6,"bottom":10},"minMaxWidth":{"min":null,"max":null},"minMaxHeight":{"min":null,"max":null},"sticky":{"enabled":false,"position":"top","distance":0},"zIndex":{"number":null,"append":""},"backgroundColor":"#c73225","font":{"fontFamily":"","fontSize":13,"color":"#FFFFFFFF","fontStyling":{"bold":false,"italic":false,"line-through":false,"underline":false},"textAlign":"center"},"lineHeight":{"append":"x","placeholder":"normal","number":1,"min":0},"letterSpacing":{"append":"px","placeholder":"normal","number":null},"border":{"top":{"style":"solid"},"right":{"style":"solid"},"bottom":{"style":"solid"},"left":{"style":"solid"},"radius":{"topLeft":{"size":5},"topRight":{"size":5},"bottomRight":{"size":5},"bottomLeft":{"size":5}}},"textShadows":{"angle":0,"distance":0,"blur":0,"spread":0,"color":"transparent","type":""}},"tablet":{"visible":true,"font":{"fontSize":12},"padding":{"top":8,"left":4,"right":4,"bottom":8}},"mobile":{"visible":true,"padding":{"top":8,"left":4,"right":4,"bottom":8},"font":{"fontSize":12}}},"data":{"cssId":"","dataBindings":{"text":{"type":"text","fallback":true}}},"interaction":{},"name":""}}}},"content":"<p>Save an extra 10% in cart ($97.64)</p>","selected":false}]}],"selected":false}],"type":"col"}],"parent":225561,"selected":false}],"selected":true,"parent":null}
- Open your page in the Funnelish Page Builder.
- Paste it onto your canvas using Paste / Import Section.
- Update the prices, percentage and savings text.
Make it yours:
- Enter your real compare-at price and sale price
- Update the percentage badge to match
- Edit or remove the extra savings banner
- Change the badge color to suit your brand
- Save and publish
Pro tip: Double-check your math. The percentage badge and the in-cart price should match your real prices exactly. Shoppers notice when the numbers don’t add up, and misleading discounts can break advertising rules.
Live Preview Link: Product Price with Badges
Try it right under your product title and track the results! Questions about setup? Drop a comment below, and we’ll walk you through it.