How to Show Dynamic Product Names on WooCommerce Pages
The Product Title widget allows you to display the WooCommerce product name inside Elementor product templates. This widget is used when building custom WooCommerce product pages using Elementor.
The widget automatically pulls the product title from WooCommerce and displays it inside the layout. You can control typography, alignment, and spacing using Elementor style settings.
This widget is commonly used when designing custom WooCommerce product pages with Elementor Theme Builder.
Explore WooCommerce Widgets #
The Product Title widget works together with other WooCommerce widgets to build complete product page layouts.
You can explore all available widgets on the WooCommerce Elementor Widgets page.
When to Use the Product Title Widget #
The Product Title widget is used when creating custom WooCommerce product templates in Elementor. It displays the product name dynamically from WooCommerce.
This widget is usually placed near the top of a product page layout. It works well with widgets like Product Price, Add to Cart, product images, and product meta.
Requirements #
Before using the Product Title widget, make sure the required plugins and settings are ready. This widget only works inside WooCommerce single product templates.
- WooCommerce plugin installed and activated
- Products created in your WooCommerce store
- Elementor product template created
- Spexo Addons plugin installed and active
How to Add the Product Title Widget #
Follow these steps to add the Product Title widget inside an Elementor product template.
- Open the WooCommerce product template in Elementor.
- Search for the Product Title widget in the Elementor widget panel.
- Drag the widget into your product page layout.
- The widget will automatically display the WooCommerce product name.
After you complete this step, the Product Title widget will appear inside your Elementor product template layout.
How to Configure the Content Settings #
To configure the content settings for the Product Title widget, click the Content tab in the Elementor panel.
Title #
From the Title section, you can control how the product title appears in your template. You can enable a title link and redirect visitors to the product page or another page on your site.
You can also choose the title size using the available options such as Default, Small, Medium, Large, XL, and XXL. The widget also lets you set the HTML tag and alignment for the product title.
How to Style Product Title #
To customize the Product Title widget design, click the Style tab in the Elementor panel. You will find the Title styling options there.
Title #
From this section, you can change the title color, hover color, text stroke, text shadow, typography, and spacing. You can also choose from multiple blend mode options based on your design needs.
Common Issues and Fixes #
If the product title does not appear in the editor, make sure you are editing a WooCommerce product template. This widget will not display dynamic product data on a normal page.
If the widget does not appear in the Elementor panel, check the Configuring Widgets documentation and confirm that the widget is enabled.
Related WooCommerce Widgets #
The Product Title widget is often used with other WooCommerce widgets to build complete product page layouts in Elementor. These widgets allow you to design fully customized WooCommerce product templates.
Related Documentation #
You can review these guides to build better WooCommerce and Elementor layouts with Spexo Addons.
Frequently Asked Questions #
Why is the product title not visible in Elementor? #
The Product Title widget only works inside WooCommerce product templates. It will not show dynamic product data on regular pages.
Can I style the WooCommerce product title? #
Yes. You can change the typography, color, alignment, spacing, text stroke, and shadow settings from the Style tab.
Can I link the product title? #
Yes. The widget includes a title link option that lets you redirect visitors to the product page or another selected page.
If you want to explore all available widgets, visit the Spexo Elementor Widgets page. You can also review widget configuration in the Configuring Widgets documentation.
Getting stuck? Feel free to Contact Our Support for further assistance.
Navigation:
