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.
- Access your Shopify Admin and navigate to 'Online Store.'
- Choose 'Customize' within your selected theme.
- In the header section, click on 'Add Section.'
- Opt for 'Announcement Bar.'
- Enter your preferred text, such as "Your Brand is HSA/FSA Eligible."
- Adjust the announcement bar's placement to your desired location.
- Click 'save'.
Add Flex Save with your HSA/FSA Text to Product Page:
- Visit https://flex-shop-pay-test.myshopify.com/pages/hsa-fsa-faq (opens in a new tab) to access the assets.
- Download the Flex logo and save it as "flex-logo-dark."
- Go to your Shopify Admin and select 'Online Store.'
- Choose 'Customize' within your theme.
- In the page dropdown at the top, select your preferred product page.
- Click 'Add Block' to the product information.
- Opt for 'Icon with Text' and remove excess information, leaving one icon and one text.
- Change the layout to vertical for a side-by-side display of the icon and text.
- For the first icon, choose 'Select Image' and 'Upload Image.'
- Locate and select the previously saved Flex logo, 'flex-logo-dark.svg.'
- Click 'Done.'
- Modify the text to read "| Save 30% when you pay with HSA/FSA."
- Move the block to your desired location and save.
Use the Flex HSA/FSA Elegible Icon
Add Flex icon to Any Page:
- Visit https://flex-shop-pay-test.myshopify.com/pages/hsa-fsa-faq (opens in a new tab) to view the assets.
- Download the Flex logo and save it as "flex-hsa-fsa."
- Access your Shopify Admin and select 'Online Store.'
- Choose 'Customize' within your theme.
- In the page dropdown, select your preferred product page or page of choice.
- In the template area on the left, select 'Add Section.'
- Opt for 'Multi Column' and remove extra column blocks, leaving one column.
- 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.'
- Remove the button label to eliminate the button.
- Enter your desired text into the column, e.g., 'Your Product is HSA/FSA Eligible.'
- Add the text 'Select Flex at checkout to pay with your HSA/FSA card and save 30%.'
- For the image, select 'Select Image,' 'Add Image,' and upload the HSA/FSA icon.
- Click 'Done' and move the block into place.
- Save your changes.