How to Add Breadcrumbs on WooCommerce Product Single Page?

Updated on January 23, 2024 by Ananda
Table Of Content

Adding breadcrumbs to your WooCommerce product single page is not only beneficial to your customers but also to your website’s SEO. It helps search engines to understand the structure of your website, making it easier to index and rank your pages. 

With the Breadcrumbs Bar widget from The Plus Addons for Elementor, you can easily add breadcrumbs to the WooCommerce product single page.

To check the complete feature overview documentation of The Plus Addons for Elementor Breadcrumbs Bar widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.

To do this, make sure you’ve added some products to your WooCommerce store.

Now, if you want to show the breadcrumbs only on the WooCommerce product single page, then you have to add the Breadcrumbs Bar widget to the single product template if you don’t have a separate header template for single products.

To create the single product template, you can use the free Nexter Builder or you can use Elementor Pro if you are already using it.

Nexter single product template settings

Note: To show the breadcrumbs on the entire website, you should add the Breadcrumbs Bar widget to the header template.

After that, you can make necessary adjustments to the Breadcrumbs Bar widget.

Now, you should be able to see a beautiful working breadcrumb on your WooCommerce product single page.

Single product breadcrumb demo
Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]

    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website