Onsite Messaging for Eligible Products - WooCommerce
Add HSA/FSA eligible product messaging widgets to WooCommerce using shortcodes.
Why Onsite Messaging is Important ?
If you sell HSA/FSA-eligible products in your WooCommerce store, it’s essential to inform your customers directly on the product page. Many shoppers may not know that they can use their Health Savings Account (HSA) or Flexible Spending Account (FSA) funds to purchase eligible items.
Our plugin automatically determines if a product is eligible and displays the correct messaging. Instead of adding the eligibility messaging manually to each product, you only need to add it once in your single product page template.
How to Add the Shortcode to the Single Product Page Template
You need to place this shortcode inside the single product page template so that it automatically applies to all products.
Using the Default WordPress Editor
Using the Default WordPress Editor
Using the Default WordPress Editor (Site Editor)
If your theme supports Full Site Editing (FSE), follow these steps:
-
Go to Appearance → Editor (Site Editor).
-
Select Templates → Single Product.
-
Click Edit and find the area where you want the eligibility message to appear (e.g., below the price or product description).
-
Click the + button to add a new block.
-
Search for Shortcode and select the Shortcode block
-
Enter the shortcode:
-
Click Save to apply changes.
Now, every product page will dynamically display HSA/FSA eligibility information if applicable.
Using Elementor
Using Elementor
If you are using Elementor to customize your WooCommerce product pages:
-
Navigate to Templates → Theme Builder in Elementor.
-
Click Single Product and Edit the product page template.
-
Add a new Shortcode widget to the desired location (e.g., below the price).
-
Paste the shortcode:
-
Click Update to apply changes.
Now, all products will automatically show the eligibility widget if they qualify.
Using WPBakery Page Builder
Using WPBakery Page Builder
For stores using WPBakery Page Builder:
-
Go to WPBakery Page Builder → Templates.
-
Edit the Single Product template.
-
Click Add Element and select the Shortcode block.
-
Insert the shortcode:
-
Save the template and update your changes.
This ensures that the eligibility message appears across all WooCommerce product pages dynamically.
By adding the shortcode once to the WooCommerce single product page template, you ensure that the HSA/FSA eligibility widget automatically appears on all eligible products. There’s no need to edit individual product pages—our plugin handles the logic to determine eligibility.
Available Widget Shortcodes
There are five different widget styles that you can add to your WooCommerce product pages. Use the appropriate shortcode on product pages.
1. Eligibility Widget Style 1
Displays Eligibility Status with learn more anchor.
2. Eligibility Widget Style 2
Displays Eligibility Status with Gale Logo and Info icon.
3. Eligibility Widget Style 3
Displays a clickable message that opens a pop-up with more details about HSA/FSA eligibility.
4. Eligibility Widget Style 4
Displays a clickable message that opens a pop-up with more details about HSA/FSA eligibility without Gale Logo.
5. Eligibility Widget Style 5
Troubleshooting
If the shortcode is not displaying correctly, ensure that your WooCommerce theme supports shortcodes
For further assistance, contact our support team.