Currently, the promo bar for the “SUMMER SALE – Get 10% off with code SUMMER 🌴” disappears once the user scrolls. This reduces its visibility after the homepage and may lead to low discount code usage and missed conversions, especially if users forget about the promotion deeper in their journey.
To increase awareness and usage of the discount code by ensuring the promo message is persistently visible at the top of the site layout, even if it doesn’t follow the user (not sticky). This keeps the code top-of-mind while preserving a clean scroll experience.
If we make the promo bar static, then more users will notice and remember the discount code, leading to increased code usage and higher conversion rates because visibility and recall of promotional offers directly impact purchase intent.
Behavior: Promo bar is visible at the top of the homepage but scrolls away when the user navigates down the page.
CTA Text: SUMMER SALE – Get 10% off with code SUMMER 🌴

Behavior: Promo bar remains static instead of scroll away.
Style: Same color, text, and size to isolate the effect of persistence.
Implementation: Use position: sticky; top: 0; z-index: 999; in the CSS for the promo bar container.

Impact 9/10 Higher exposure to promo code likely increases discount usage and urgency-based purchases.
Confidence 8/10 Best practices and UX patterns show sticky promo bars drive higher engagement (common on DTC sites).
Ease 7/10 Simple front-end CSS fix; no dev backend changes needed. Can be easily implemented via VWO or in code.
Total ICE Score: 24/30
VWO link:
https://app.vwo.com/#/test/ab/76/summary/?accountId=1091932
Negative