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

# Onsite Messaging - Shopify 

This guide will walk you through adding the Gale HSA/FSA Eligibility widget to your Shopify theme, enabling onsite messaging for HSA/FSA Eligible Products.

***

## Prerequisites

Before you begin, ensure the following:

* **Shopify Admin Access** : You have administrative access to your Shopify store.
* **Gale Setup Complete** : You have installed the **Gale HSA & FSA Eligibility** app, configured your API Key, and synced your products. See the [Shopify installation guide](/onboarding/shopify/installation) if you haven't done this yet.

## Add HSA/FSA Eligibility Widget

<Steps>
  <Step title="Add the Widget to Your Theme">
    Click Add Widget to Theme or go to your theme editor page and select Default **Product Page**Template.

    <img src="https://mintcdn.com/galepaymentsinc/-tfqSxxNOR5RQPkA/Screenshot2025-02-12at7.07.38PM.png?fit=max&auto=format&n=-tfqSxxNOR5RQPkA&q=85&s=ac9070f38609b8c787afbd8a54b59ad1" alt="" width="1756" height="674" data-path="Screenshot2025-02-12at7.07.38PM.png" />

    Add a section/block under the Product Price or Product Title and choose from one of these two options.

    * HSA/FSA Eligible (Icon)
    * HSA/FSA Eligible (Text)

    <img src="https://mintcdn.com/galepaymentsinc/6E_ZV_7QXfiku1ty/images/Screenshot-2026-08-05-at-5.15.57-PM.png?fit=max&auto=format&n=6E_ZV_7QXfiku1ty&q=85&s=de71100d601df6aea04acd130c77f2d6" className="dark:hidden" width="1208" height="998" data-path="images/Screenshot-2026-08-05-at-5.15.57-PM.png" />

    <img src="https://mintlify.s3.us-west-1.amazonaws.com/galepaymentsinc/onboarding/shopify/images/Screenshot-2026-08-05-at-5.15.57-PM.png" className="hidden dark:block" />
  </Step>
</Steps>

***

## Custom Code for Widgets

<Card title="Add Onsite messaging using Custom Code" icon="code" href="customcode" cta="Add Using Custom Code">
  If you are using a custom theme , you can paste code snippets provided at approriate locations (product page template preferred.)
</Card>

***

## Troubleshooting

* **Eligibility Messaging not Visible**: Ensure that you have synced products and added messaging widget to **Default Product** Template using theme editor.
* **Product not Eligible**: Ensure that you have added correct **GTIN/UPC** Codes for relevant products and have synced products after doing so.

***

## Need Help?

If you encounter any issues, contact our support team at [support@withgale.com](mailto:support@withgale.com). We're here to help!

***

**By completing these steps, you will be able to see HSA/FSA Eligibility messaging on your store for eligible products.**