---
title: "How to Add Breadcrumbs on WooCommerce Product Single Page?"
url: https://theplusaddons.com/docs/add-breadcrumbs-on-woocommerce-product-single-page/
date: 2023-10-26
modified: 2026-04-10
lang: en
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2023/10/How-to-Add-Breadcrumbs-on-WooCommerce-Product-Single-Page_-1024x536.jpg
word_count: 259
---

# How to Add Breadcrumbs on WooCommerce Product Single Page?

## 

- Integrate the Breadcrumbs Bar widget from The Plus Addons for Elementor to enhance WooCommerce product single pages.
- Utilize Nexter Builder or Elementor Pro to create a single product template for displaying breadcrumbs.
- Adjust the Breadcrumbs Bar widget settings to customize the appearance of breadcrumbs on WooCommerce product pages.

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](https://theplusaddons.com/docs//breadcrumbs-bar-widget-settings-overview/).*

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

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-breadcrumbs/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

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](https://nexterwp.com/docs/nexter-theme-builder-explained/), or you can use Elementor Pro if you are already using it.

> *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.

Suggested reading: [Ultimate guide to protect WooCommerce store from fraud & fake orders ](https://theplusaddons.com/blog/protect-woocommerce-store-from-fraud-fake-orders/)

![single product breadcrumb demo](https://theplusaddons.com/wp-content/uploads/2023/10/single-product-breadcrumb-demo.png)

Also, read [how to add breadcrumbs on blog post single Page](https://theplusaddons.com/docs/add-breadcrumbs-on-blog-post-single-page/).