Product Detail Page (PDP) - Flex Documentation
Why use the Flex badge on PDPs?
Product pages are a key decision point in the customer journey. Merchants who feature the Flex badge on eligible PDPs consistently see stronger performance than those who don’t. The badge does more than display eligibility — it educates, reassures, and drives action.
Why it matters
Increase awareness
Catch customer attention earlier in the journey with visible, trustworthy badges.
Educate customers
The Flex badge includes built-in education (via hover modal) that guides customers through using their HSA/FSA funds.
Boost conversion rates
When customers know they can use pre-tax funds, they’re more likely to complete a purchase.
Improve customer experience
Clear, consistent messaging reduces confusion and supports inquiries around eligibility.
Stay compliant
Choose your product type (Always Eligible or Dual Use) to keep messaging accurate and IRS-aligned.
Assets
We provide two Flex badge variations for custom implementation:
- Badge with Info Icon — includes a hover modal to explain HSA/FSA usage.
- Icon-only version — ideal for a simple layout. If using this version, please link the badge to a landing page or FAQ that explains how HSA/FSA purchases work.
Educational modals
The Flex badge is intended to be used with an educational modal that explains how to checkout using HSA/FSA. These modals help customers understand eligibility and reduce confusion during checkout. Merchants who use a modal typically see better results. These educational modals come in two variations:
- Always Eligible Modal — explains the straightforward process for products that are always HSA/FSA eligible
- Dual Use Modal — provides information about the qualification process for products that require a Letter of Medical Necessity
By providing this information directly on your product pages, you reduce friction in the purchase journey and increase customer confidence.
Best practices
Do not modify or misrepresent Flex’s branding, such as by altering logos, colors, or messaging.
- Place the badge near the “Add to Cart” button or directly below the product name.
- Ensure the badge is clearly visible and optimized for both desktop and mobile.
- If using the info icon variation, link it to the proper hover modal or landing page explaining HSA/FSA eligibility.