---
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-09-14
lang: en
author: "Aditya Sharma"
description: "On a shop, the breadcrumb is how a customer gets from one product back to the category it came from without using the browser's back button. The Breadcrumbs Bar widget..."
image: https://theplusaddons.com/wp-content/uploads/2023/10/How-to-Add-Breadcrumbs-on-WooCommerce-Product-Single-Page_-1024x536.jpg
word_count: 558
---

# How to Add Breadcrumbs on WooCommerce Product Single Page?

## 

- Breadcrumbs Bar de The Plus Addons for Elementor construye la ruta desde las categorías del producto, incluidas las anidadas, y en un producto la ruta va desde Home hasta el nombre del producto.
- Breadcrumbs Bar está en la edición Free y en Pro, se activa en The Plus Addons > Widgets, y puede añadirse a una plantilla de encabezado para mostrarlo en todo el sitio o a una plantilla single o archive para esas páginas.
- Breadcrumbs Bar no añade datos estructurados de breadcrumbs, no reemplaza el breadcrumb propio de WooCommerce para los motores de búsqueda, y no carga Font Awesome, por lo que los iconos de Home y separador pueden salir en blanco si nada más lo carga.

On a shop, the breadcrumb is how a customer gets from one product back to the category it came from without using the browser's back button.

The **Breadcrumbs Bar** widget from The Plus Addons for Elementor builds that trail from the product's own categories, including nested ones.

*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/breadcrumbs-bar/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Edition:** **Free** — the Breadcrumbs Bar widget is in the free plugin as well as Pro, and the trail it builds is the same in both.- **Widget to enable:** Breadcrumbs Bar, switched on under **The Plus Addons > Widgets**.- **Where to add it:** the template for the pages you want it on — a header template shows it site-wide, a single or archive template shows it on those pages only.- **Also needed:** WooCommerce, with products assigned to product categories.

## How to Add Breadcrumbs on a Product Page

- Make sure your products are assigned to product categories. The trail is built from them.- Open the single product template, or your header template if you want the breadcrumb site-wide.- Add the **Breadcrumbs Bar** widget where the trail should appear.- Adjust **Separator Icon** and **Extra Option** as you like, then publish and open a product.

The trail runs from the home link through the product's categories to the product name:

![Breadcrumb on a WooCommerce product page above the product title, price and Add to cart button](https://theplusaddons.com/wp-content/uploads/2023/10/single-product-breadcrumb-demo.png)

## What the Trail Shows

| Page | Trail |
| ---- | ----- |
| A product | Home, the parent categories, the product's own category, then the product name |
| A product category archive | Home, the parent categories, then the current category |
| The Shop page | Home, then the Shop page title |

## How It Behaves

- Nested product categories are shown in full, from the top down.- If a product is in more than one category, the widget picks one of them and shows that path.- **Parent** set to Hide in **Extra Option** drops the category steps and leaves the home link and the product name.- **Current** set to Hide removes the product name and leaves the category path.- On a product category archive, **Current** set to Hide removes the current category from the trail completely.- The trail is the same in the free plugin and in Pro.

## Limitations

- A product with no product category gets no category steps at all.- You cannot choose which category is used when a product is in several.- On the Shop page, hiding **Current** leaves the separator that came before it, so the trail can end on a stray separator.- The breadcrumb is plain navigation markup and adds no breadcrumb structured data, so it does not replace WooCommerce's own breadcrumb for search engines.- The widget does not load Font Awesome. On a product page where nothing else loads it, the home and separator icons come out blank.

## Troubleshooting

### The product shows only Home and the product name

The product has no product category, or **Parent** in **Extra Option** is set to **Hide**.

### The trail shows the wrong category

The product belongs to several categories. Reduce it to one, or accept the path the widget picks.

### Nothing appears on the shop or category pages

Those pages use their own templates. Add the widget to the header template, or to the shop and archive templates as well.

## Related Docs

- [Breadcrumbs Bar widget settings overview](https://theplusaddons.com/docs/breadcrumbs-bar-widget-settings-overview/)- [Add breadcrumbs on a blog post single page](https://theplusaddons.com/docs/add-breadcrumbs-on-blog-post-single-page/)- [Add breadcrumbs with the parent page](https://theplusaddons.com/docs/add-breadcrumbs-with-parent-page-in-elementor/)