Shopify Assets

This is a collection of Shopify Marketing assets to help you promote HSA/FSA as a payment method on your Shopify store.

All assets and an example of what they look like can be found here (opens in a new tab).

Add HSA/FSA Announcement Bar:

You can add an announcement bar to your Shopify store to let your customers know that they can use their HSA/FSA card to pay for their order.

1. Access your Shopify Admin and navigate to 'Online Store.'
2. Choose 'Customize' within your selected theme.
3. In the header section, click on 'Add Section.'
4. Opt for 'Announcement Bar.'
5. Enter your preferred text, such as "Your Brand is HSA/FSA Eligible."
6. Adjust the announcement bar's placement to your desired location.
7. Click 'save'.

Add Flex Save with your HSA/FSA Text to Product Page:

1. Visit https://flex-shop-pay-test.myshopify.com/pages/hsa-fsa-faq (opens in a new tab) to access the assets.
2. Download the Flex logo and save it as "flex-logo-dark."
3. Go to your Shopify Admin and select 'Online Store.'
4. Choose 'Customize' within your theme.
5. In the page dropdown at the top, select your preferred product page.
6. Click 'Add Block' to the product information.
7. Opt for 'Icon with Text' and remove excess information, leaving one icon and one text.
8. Change the layout to vertical for a side-by-side display of the icon and text.
9. For the first icon, choose 'Select Image' and 'Upload Image.'
10. Locate and select the previously saved Flex logo, 'flex-logo-dark.svg.'
11. Click 'Done.'
12. Modify the text to read "| Save 30% when you pay with HSA/FSA."
13. Move the block to your desired location and save.

Use the Flex HSA/FSA Elegible Icon

Add Flex icon to Any Page:

1. Visit https://flex-shop-pay-test.myshopify.com/pages/hsa-fsa-faq (opens in a new tab) to view the assets.
2. Download the Flex logo and save it as "flex-hsa-fsa."
3. Access your Shopify Admin and select 'Online Store.'
4. Choose 'Customize' within your theme.
5. In the page dropdown, select your preferred product page or page of choice.
6. In the template area on the left, select 'Add Section.'
7. Opt for 'Multi Column' and remove extra column blocks, leaving one column.
8. Adjust the heading size to 'Small,' image width to 'One-Third Width of Column,' number of columns on desktop to '1,' column alignment to 'Center,' and secondary background to 'None.'
9. Remove the button label to eliminate the button.
10. Enter your desired text into the column, e.g., 'Your Product is HSA/FSA Eligible.'
11. Add the text 'Select Flex at checkout to pay with your HSA/FSA card and save 30%.'
12. For the image, select 'Select Image,' 'Add Image,' and upload the HSA/FSA icon.
13. Click 'Done' and move the block into place.
14. Save your changes.