> ## Documentation Index
> Fetch the complete documentation index at: https://docs.withflex.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Landing Page

> Create a dedicated HSA/FSA landing page to educate customers and drive conversions.

Create a dedicated landing page to educate customers, drive traffic, and increase HSA/FSA conversions. With clear messaging and branded assets, your landing page can explain the checkout process, reduce support questions, and highlight eligible products.

<div className="doc-screenshot">
  <img src="https://mintcdn.com/flex-87/WZ5Rw29dthYWUMCH/images/marketing/website/landing-page-hero.png?fit=max&auto=format&n=WZ5Rw29dthYWUMCH&q=85&s=f7d9f8a4d5d70f3118c8841b39f25d4a" alt="Landing page examples from Flex merchants" noZoom width="2400" height="1223" data-path="images/marketing/website/landing-page-hero.png" />
</div>

## Why use a Flex landing page?

A Flex-branded landing page helps customers understand how to use their HSA/FSA funds on your site — improving conversion and reducing friction. Merchants who include a landing page often see stronger engagement and fewer questions about eligibility.

<Note>
  Duplicate and edit the Flex Landing Page Template Figma file [here](https://www.figma.com/design/2pJPseQKr1CSg5AO8SSuB4/Flex-Landing-Page-Template?node-id=4005-16\&t=JnZ1MSJO5tlbmuLD-1).
</Note>

<img src="https://mintcdn.com/flex-87/mQcpMzKP79FZ1PTt/images/marketing/website/landing-page-1.png?fit=max&auto=format&n=mQcpMzKP79FZ1PTt&q=85&s=d51fb1e4e92de71ec6c466ace88ebed1" alt="Landing page example" width="3579" height="1959" data-path="images/marketing/website/landing-page-1.png" />

### Why it matters

**Increase awareness**\
Educate customers about eligibility and how HSA/FSA payments work.

**Boost SEO and organic traffic**\
Target HSA/FSA keywords and highlight eligible products in one centralized place.

**Reduce support inquiries**\
Help customers self-serve with FAQs and visual guidance.

**Improve the purchase journey**\
Set expectations before checkout by explaining payment steps for Always Eligible or Dual-Purpose products.

**Drive conversions**\
Add clear calls to action and featured product sections that help customers move from learning to buying.

## Landing page templates

Customize your landing page based on how you accept HSA/FSA payments.

### Always eligible landing page

For merchants who accept HSA/FSA for products that are always eligible without requiring a Letter of Medical Necessity (LMN).

**Template:**

> \[COMPANY LOGO] x \[FLEX LOGO]
>
> COMPANY has partnered with Flex so qualifying customers can use their Health Savings Account (HSA) or Flexible Spending Account (FSA) to pay for products at checkout.
>
> \[Section Header] HSA/FSA Payments With Flex
>
> \[Insert Checkout Images of checkout process]
>
> \[CTA] SHOP ELIGIBLE PRODUCTS
>
> \[Insert eligible products or sections]
>
> \[Section Header] Customer FAQS
>
> For more information, check out our FAQs below or reach out to \[INSERT SUPPORT ALIAS].
>
> Eligibility depends on your circumstances and your plan. See [withflex.com/legal/disclosures](https://www.withflex.com/legal/disclosures).

### Dual-purpose landing page

For merchants who accept HSA/FSA for customers who qualify for a Letter of Medical Necessity (LMN). This applies to dual-purpose products, where eligibility depends on the customer having a qualifying condition.

**Template:**

> \[COMPANY LOGO] x \[FLEX LOGO]
>
> COMPANY has partnered with Flex so qualifying customers can use their Health Savings Account (HSA) or Flexible Spending Account (FSA) to pay for products at checkout.
>
> \[Section Header] HSA/FSA Payments With Flex
>
> \[Insert Checkout Images of LMN process]
>
> \[Copy] At checkout, select Flex | Pay with HSA/FSA as your payment option. You will be prompted to complete a brief telehealth consult to confirm your eligibility to pay with HSA/FSA. From there, enter your HSA or FSA debit card details and complete your checkout as usual. If you don't have your HSA or FSA debit card handy, you can also complete the checkout with a regular credit or debit card.
>
> A licensed provider will review your consultation, and within 2 hours of your purchase, Flex will email you both a Letter of Medical Necessity as well as an itemized receipt. Keep these documents for your records should your HSA/FSA provider or the IRS require additional documentation.
>
> \[CTA] SHOP ELIGIBLE PRODUCTS
>
> \[Insert eligible products or sections]
>
> \[Section Header] Customer FAQS
>
> For more information, check out our FAQs below or reach out to \[INSERT SUPPORT ALIAS].
>
> Eligibility depends on your circumstances and your plan. See [withflex.com/legal/disclosures](https://www.withflex.com/legal/disclosures).

## Best practices

<Warning>
  Do not modify or misrepresent Flex's branding, such as by altering logos, colors, or messaging.
</Warning>

* Link your landing page from modals, badges, banners, and emails.
* Highlight your Flex partnership with our logo and brand elements.
* Use our visual assets to clearly show the HSA/FSA checkout process.
* Include a "Shop Now" or "Eligible Products" section.
* Add customer FAQs to reduce confusion and support inquiries.

## Examples

Here are great landing page examples from merchants across industries.

<div className="border border-gray-200 dark:border-gray-700 rounded-xl overflow-hidden mt-4">
  {[
      { category: 'Baby / maternity products', links: [{ label: 'Cradlewise', url: 'https://cradlewise.com/hsa-fsa/' }] },
      { category: 'Footwear', links: [{ label: 'OluKai', url: 'https://olukai.com/pages/hsa-fsa-eligible-footwear' }] },
      { category: 'Skincare / beauty', links: [{ label: 'Dermstore', url: 'https://www.dermstore.com/c/hsa-fsa/' }, { label: 'Omnilux', url: 'https://omniluxled.com/pages/hsa-fsa-eligible' }] },
      { category: 'Fitness', links: [{ label: "Mike's Bikes", url: 'https://mikesbikes.com/pages/hsa-fsa-payments-with-flex' }] },
      { category: 'Supplement / functional wellness / nutrition', links: [{ label: 'AMMD', url: 'https://www.amymyersmd.com/pages/hsa-fsa' }, { label: 'Ballerina Farm', url: 'https://ballerinafarm.com/pages/hsa-fsa' }] },
      { category: 'Recovery / smart health', links: [{ label: 'Therabody', url: 'https://www.therabody.com/pages/hsa-fsa-eligibility' }, { label: 'Ultrahuman', url: 'https://www.ultrahuman.com/us/hsa-fsa/' }] },
      { category: 'Home', links: [{ label: 'Matic', url: 'https://maticrobots.com/hsa-fsa' }, { label: 'Whisker', url: 'https://www.whisker.com/hsa-fsa-store' }] },
    ].map((row, i, arr) => (
      <div key={i} className="flex items-center justify-between bg-white dark:bg-gray-900" style={{padding: '0.875rem 1.25rem', borderBottom: i < arr.length - 1 ? '1px solid' : 'none', borderColor: 'inherit'}}>
        <span className="text-sm text-gray-700 dark:text-gray-300">{row.category}</span>
        <div style={{display: 'flex', gap: '0.75rem'}}>
          {row.links.map((link, j) => (
            <a key={j} href={link.url} className="text-sm font-medium text-indigo-600 dark:text-indigo-400" style={{textDecoration: 'none', borderBottom: 'none'}}
            onMouseEnter={e => e.currentTarget.style.opacity='0.7'}
            onMouseLeave={e => e.currentTarget.style.opacity='1'}>
              {link.label} →
            </a>
          ))}
        </div>
      </div>
    ))}
</div>

<div className="doc-screenshot">
  <img src="https://mintcdn.com/flex-87/uGtvn_CgGhLJLhmO/images/marketing/website/landing-page-examples.png?fit=max&auto=format&n=uGtvn_CgGhLJLhmO&q=85&s=00472e4c28bcbf6f63805792711b5187" alt="Merchant landing page examples" noZoom width="2400" height="1260" data-path="images/marketing/website/landing-page-examples.png" />
</div>

## Compliance

<Warning>
  Any surface that promotes HSA/FSA eligibility carries the applicable disclaimer from [Compliant Marketing](/merchant-success/overview/compliant-marketing), on the same screen as the claim, at a readable size, and on screen long enough to be read in video.

  The disclaimer hyperlinks [withflex.com/legal/disclosures](https://www.withflex.com/legal/disclosures). In images and video, the URL on its own is fine.

  The Flex eligibility badge is an eligibility claim. A page carrying the badge carries the disclaimer, even where no other HSA/FSA copy appears.
</Warning>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.