
Merchants: Create an Engaging Landing Page to Educate Your Customers
Including a HSA/FSA landing page is one of the most effective ways to boost conversions and help shoppers realize they can use pre-tax dollars. Showing HSA/FSA customers their options before checkout meaningfully increases purchase completion, while also reducing non-HSA/FSA customer confusion.
Create an HSA/FSA Education Landing Page
Send ad, email, and social traffic here to educate customers and route them into the right purchase flow.
-
1Define goal, audience, and primary CTAChoose your outcome: Pay with HSA/FSA Reimbursement or A/B test both. Match the landing page CTA to your ad creative (“Start assessment”, “Shop eligible”, “Learn more”).Tip
Keep one core action above the fold; repeat it after the “How it works” section.
-
2Gather & customize assetsUse our templates and PDFs—swap in your headlines, proof points, and FAQs.
Landing Page Copy (Google Doc)
Ready-to-edit copy for hero, steps, benefits, FAQ & CTAs
Business Image Assets (Google Drive)
Badges, banners & illustrations for product and landing pages
NoteInclude the “Save up to 40%*” footnote anywhere that claim appears.
-
3Create the landing page in ShopifyGo to Online Store → Pages → Add page and create HSA/FSA Education (handle
/hsa-fsa). Add sections in this order: Hero (value prop) How it works (3–4 steps) Benefits grid FAQs Proof & trustSEOPublish at /hsa-fsa and link it in top/bottom navigation and email footers.
Build, Track, and Launch
-
4Add Medpaid components & connect flowsPlace the HSA | FSA Accepted banner near your hero or first CTA. Include a concise “How it works” with: Pay with HSA/FSA or Reimbursement. Link CTAs to eligible product(s) or your assessment start.Heads up
Use the exact Medpaid widget code from the product guide (Step 3 block). Keep the “Save up to 40%*” footnote wherever that claim appears.
-
5Tracking, QA, and launchTracking: add UTM parameters, fire pixel events (ViewContent/Lead), and confirm conversion on the main CTA.
SEO & navigation: publish at /hsa-fsa, link in top/bottom nav and email footers.
QA: test mobile & desktop; modal overlays above content; smooth scrolling; Esc closes modals; visible focus states.
Quick Launch Checklist
- ✓
Page created at
/hsa-fsaand added to top/bottom navigation. - ✓
CTA aligned to flow (Pay with HSA/FSA vs Reimbursement) and repeated after “How it works”.
- ✓
Medpaid banner/widget inserted; “Save up to 40%*” footnote present near claim.
- ✓
Figma/PDF resources linked for download; FAQ and trust signals added.
- ✓
UTMs/pixels configured; email footer links added; mobile/desktop QA complete.
Common HSA/FSA Questions
Short, plain-English answers your shoppers need—organized by what they’re most likely to ask first.
How does using HSA/FSA save me money? ⌄
Which products are eligible? ⌄
What is a Letter of Medical Necessity (LMN)? ⌄
How do I get a copy of my Letter of Medical Necessity (LMN)? ⌄
Pay with HSA/FSA vs. Reimbursement—what’s the difference? ⌄
Reimbursement: Pay with any card, complete the assessment to obtain an LMN, then submit your receipt and LMN to your HSA/FSA administrator for repayment.
Step-by-step help: How to reimburse with HSA/FSA.












