Homepage - Flex Documentation

Site Banner

A thin banner at the top of the homepage and collection pages is the fastest way to let every visitor know HSA/FSA is accepted before they reach checkout. Best practices:

• Pin above navigation so it’s visible site-wide
• Link directly to your HSA/FSA landing page or eligible product collection
• Use the official Flex logo and approved messaging for faster recognition
• Keep copy simple and to one line

Homepage Spotlight

A larger co-branded section on your homepage that explains the HSA/FSA benefit and drives customers to act. Best used at launch, paired with a promotional event or product launch for eligible categories, during Open Enrollment, or Q4 ‘use it or lost it’. Best practices:

• Include the Flex badge and “Pay with HSA/FSA” lock-up in your creative
• Link to your HSA/FSA landing page or eligible product collection
• Pair with the site banner for full-page coverage

Bonus: Site Navigation

Adding a dedicated navigation link makes it easy for customers to find eligible products without browsing your full catalog.

• Add an “HSA/FSA Eligible” link to your main navigation or as a top-level collection
• On Shopify, create a tagged collection (e.g. hsa-fsa-eligible) and link it from the nav Suggested labels:

HSA/FSA Eligible
Shop HSA/FSA
HSA/FSA Collection

For compliance-approved language and savings claim guidelines, see the Brand & Messaging Hub.