Shopify Theme App

Shopify Theme App Extension

After installing the Flex Shopify App (opens in a new tab) and signing into your account, you'll have access to marketing assets designed to boost HSA/FSA sales.

Add a Flex Badge to Your Product Page

Follow our guide below to add the Flex badge to your eligible product pages, informing customers which products can be purchased with HSA/FSA.

Sign Into Your Shopify Admin

Log in to your Shopify admin page and select Online Store.

Select Your Live Theme

From the Themes tab, select Customize to access your live theme.

Select Your Product Template


In this example, the Flex Test Store has only one 'Default product' template. This means any changes made to this template will affect all products. Ensure you only add HSA/FSA badges to eligible products. You can learn more about Shopify templates here (opens in a new tab).

From the dropdown menu at the top of the page, select Products and then choose the product template you wish to edit.

Add a New Block or Section

In the sidebar, select Add block (or Add section) at your desired location.

Select Apps

You'll need to select Apps to see the Flex options. Select one of the Flex options to add it to your page.

Adjust Your HSA/FSA Badge

For best results, we recommend putting the badge just below the price, similar to where you may see a 'Buy Now, Pay Later Option'. With the badge selected, you can also adjust the color mode, alignment, and size in the right sidebar.

Final Result

Once completed, the Flex badge should be visible on the eligible product pages you selected.

Video Tutorial