> ## 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.

# Flex Shopify Payments App Installation

> Follow the steps below to connect your Shopify store to Flex.

Follow the steps below to connect your Shopify store to Flex.

<Note>
  This guide assumes you've already [created your Flex account and added your payout information](/developer-guides/onboarding). Complete that first if you haven't.
</Note>

## Installation guide

<Steps titleSize="h3">
  <Step title="Connect your Shopify store from Flex">
    In the Flex dashboard, navigate to **Settings → Integrations → Shopify**.

    <img src="https://mintcdn.com/flex-87/Mr2DmDnHeSSB1j0e/images/shopify/installation/shopify-onboarding-settings-integrations.png?fit=max&auto=format&n=Mr2DmDnHeSSB1j0e&q=85&s=3916113333bdf2a1028ad10e19cf7e46" alt="" width="2000" height="661" data-path="images/shopify/installation/shopify-onboarding-settings-integrations.png" />

    Enter your Shopify store subdomain (e.g., `your-store` for `your-store.myshopify.com`) and click **Connect**.

    <img src="https://mintcdn.com/flex-87/Mr2DmDnHeSSB1j0e/images/shopify/installation/shopify-onboarding-connect-form.png?fit=max&auto=format&n=Mr2DmDnHeSSB1j0e&q=85&s=9d8c1fff472292541c8cc0b899d44345" alt="" width="2000" height="737" data-path="images/shopify/installation/shopify-onboarding-connect-form.png" />

    You'll be redirected to Shopify Admin to approve the Flex app's permissions.

    <img src="https://mintcdn.com/flex-87/Mr2DmDnHeSSB1j0e/images/shopify/installation/shopify-onboarding-shopify-install-prompt.png?fit=max&auto=format&n=Mr2DmDnHeSSB1j0e&q=85&s=69eb930e91d221f263a4796516cb6615" alt="" width="2000" height="984" data-path="images/shopify/installation/shopify-onboarding-shopify-install-prompt.png" />

    Once approved, Shopify sends you back to Flex. The pixel installs automatically and product sync begins.

    <Note>
      Product sync can take several minutes or longer depending on the number of products in your store. You can leave the page — sync continues in the background and the dashboard updates when it's done.
    </Note>

    <img src="https://mintcdn.com/flex-87/Mr2DmDnHeSSB1j0e/images/shopify/installation/shopify-onboarding-syncing.png?fit=max&auto=format&n=Mr2DmDnHeSSB1j0e&q=85&s=99d7d23c758b66095bc2ee55c67405d5" alt="" width="2000" height="945" data-path="images/shopify/installation/shopify-onboarding-syncing.png" />

    When sync completes, your store shows as Connected and is ready to use.

    <img src="https://mintcdn.com/flex-87/Mr2DmDnHeSSB1j0e/images/shopify/installation/shopify-onboarding-connected.png?fit=max&auto=format&n=Mr2DmDnHeSSB1j0e&q=85&s=266afc1987119b6176087b8587cd700d" alt="" width="2000" height="954" data-path="images/shopify/installation/shopify-onboarding-connected.png" />

    <Note>
      If the **Connect** button doesn't open Shopify Admin, see [Installing manually from the Shopify App Store](#installing-manually-from-the-shopify-app-store) below.
    </Note>
  </Step>

  <Step title="Sync products & eligibility">
    Flex syncs the products from your Shopify Store and creates a corresponding product in Flex. We also configure a webhook that listens for any product changes on your Shopify store.

    Once synced, Flex will automatically determine HSA/FSA eligibility for all products using an intelligent multi-stage pipeline and categorize products into the following eligibility types:

    | Type                          | Description                                                                                            |
    | ----------------------------- | ------------------------------------------------------------------------------------------------------ |
    | `auto_substantiation`         | Product is automatically eligible (found in eligible product databases or verified as medical product) |
    | `letter_of_medical_necessity` | Product may be eligible with a letter from a medical professional                                      |
    | `prescription`                | Prescription-required items                                                                            |
    | `vision`                      | Vision correction products                                                                             |
    | `not_eligible`                | Product is not HSA/FSA eligible                                                                        |
  </Step>

  <Step title="Configure Flex as a payment gateway on your store">
    In Shopify Admin, navigate to **Settings → Payments** and verify that "Pay with Flex" is set to 'Active'.

    <img src="https://mintcdn.com/flex-87/lkoWewjBZGBpLcvx/images/shopify/installation/shopify-onboarding-9.png?fit=max&auto=format&n=lkoWewjBZGBpLcvx&q=85&s=d7837b3df049ebdf0f49ff0c6ce27abb" alt="" width="3456" height="1838" data-path="images/shopify/installation/shopify-onboarding-9.png" />

    If you do not see "Pay with Flex," select **Add payment method** and search for Flex.

    <img src="https://mintcdn.com/flex-87/lkoWewjBZGBpLcvx/images/shopify/installation/shopify-onboarding-10.png?fit=max&auto=format&n=lkoWewjBZGBpLcvx&q=85&s=43eb9909e4ca3f1d2740444b7e8ea8fa" alt="" width="3456" height="1838" data-path="images/shopify/installation/shopify-onboarding-10.png" />
  </Step>

  <Step title="Confirm Flex checkout functionality">
    Navigate to Settings and select **Customer Events** to verify the Flex Pixel status is 'Connected'.

    <img src="https://mintcdn.com/flex-87/lkoWewjBZGBpLcvx/images/shopify/installation/shopify-onboarding-4.png?fit=max&auto=format&n=lkoWewjBZGBpLcvx&q=85&s=0de0ee4c38feb331608f7313691e87b4" alt="" width="3456" height="1838" data-path="images/shopify/installation/shopify-onboarding-4.png" />

    Verify the checkout is working by adding a product to the cart and selecting 'Pay with HSA/FSA' at checkout. You should be redirected to the Flex Checkout to enter payment details.
  </Step>

  <Step title="You're all set!">
    You have successfully installed the Flex Shopify Payments App and enabled Flex Shopify Payments on your store.
  </Step>
</Steps>

## Installing manually from the Shopify App Store

If the **Connect** button in step 1 doesn't open Shopify Admin, or you run into errors during the automatic install, you can install the Flex app directly from the Shopify App Store.

<Steps titleSize="h3">
  <Step title="Open the Flex Shopify Payments App listing">
    Navigate to the [Flex Shopify Payments App listing](https://apps.shopify.com/flex-shop-pay) and click **Install**.

    <img src="https://mintcdn.com/flex-87/lkoWewjBZGBpLcvx/images/shopify/installation/shopify-onboarding-3.png?fit=max&auto=format&n=lkoWewjBZGBpLcvx&q=85&s=fa03cfd3dd43a9a97cbb1ab0ff94cdf7" alt="" width="2200" height="1170" data-path="images/shopify/installation/shopify-onboarding-3.png" />
  </Step>

  <Step title="Approve the requested permissions">
    Approve the requested permissions when prompted.
  </Step>

  <Step title="Return to the Flex dashboard">
    After install completes, you should be automatically redirected to the Flex dashboard at **Settings → Integrations → Shopify**. Your store should now appear as Connected. Product sync will start automatically.
  </Step>
</Steps>

If you still don't see your store as Connected after a manual install, contact [support@withflex.com](mailto:support@withflex.com).

<Card title="Install the Flex Marketing App" icon="shopping-bag" href="/merchant-success/overview/shopify-marketing" horizontal>
  Promote HSA/FSA across your storefront with dynamic badges, a prebuilt landing page, and product eligibility synced from Flex.
</Card>
