How to Add Product Notices to WooCommerce Pages
The Product Notice widget allows you to display WooCommerce product notices inside Elementor product templates. These notices appear when actions occur on the product page, such as adding a product to the cart or showing WooCommerce system messages.
The widget dynamically displays WooCommerce notices within your custom Elementor product layout. You can control typography, colors, and alignment using Elementor style settings.
This widget is typically used when building custom WooCommerce single product pages with Elementor Theme Builder.
Part of WooCommerce Elementor Widgets #
The Product Notice widget is part of the WooCommerce widget collection included with Spexo Addons. These widgets help you design complete WooCommerce product templates directly inside Elementor.
You can browse the full widget library on the Elementor WooCommerce Widget Collection.
When to Use the Product Notice Widget #
The Product Notice widget is used when you want to display WooCommerce system notices inside a custom product template.
This widget is commonly placed near the add to cart section so users can easily see messages such as product added to cart or other product-related notifications. It works well with widgets that Display Product Stock Status and Show Product Tabs.
Requirements #
Before using the Product Notice widget make sure the required plugins and WooCommerce settings are available.
- WooCommerce plugin installed and activated
- Products created in your WooCommerce store
- Elementor product template created
- Spexo Addons Pro plugin installed and active
This widget works inside Elementor WooCommerce single product templates created using Theme Builder.
How to Add the Product Notice Widget #
Follow these steps to add the Product Notice widget inside an Elementor WooCommerce template.
- Open the WooCommerce single product template in Elementor.
- Search for the Product Notice widget in the Elementor widget panel.
- Drag the widget into your product page layout.
- The widget will display WooCommerce notices dynamically inside the template.
After adding the widget WooCommerce notices will appear inside the Elementor product template layout.
Style Settings #
To customize the Product Notice widget appearance open the Style tab in the Elementor panel.
Style #
From this section you can control text color, background color, border color, typography, and spacing for WooCommerce notice messages.
These settings allow you to match notice styling with the design of your WooCommerce product page.
Common Issues and Fixes #
If WooCommerce notices are not visible confirm that you are editing a WooCommerce single product template. This widget will not display notices on normal pages.
If no notice appears try performing an action such as adding a product to the cart to trigger the WooCommerce notice message.
If the widget does not appear in Elementor review the Configure Spexo Widgets documentation and confirm the widget is enabled.
Frequently Asked Questions #
Why are WooCommerce notices not visible? #
WooCommerce notices only appear when certain actions occur such as adding a product to the cart. If no action triggers a notice nothing will be displayed.
Can I style WooCommerce notices? #
Yes. The Product Notice widget allows you to customize colors, typography, borders, and spacing from the Elementor Style tab.
Does this widget show cart notifications? #
Yes. WooCommerce cart and product notices will appear in this widget when triggered.
Getting stuck? Feel free to Contact Our Support for further assistance.
Navigation:
