October DealsAmazon USOctober deal check: compare before you payAmazon US: current deals, useful picks and tech finds.Check DealsClean PCRecommendedOne scan can reveal what keeps slowing WindowsLook for cleanup and repair opportunities.Run ScanOctober DealsAmazon USDeal season is back - check today's better picksAmazon US: current deals, useful picks and tech finds.See Picks×
Skip to content
Breadcrumbs

How to Add Breadcrumbs in WooCommerce: A Beginner’s Guide

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

To add breadcrumbs in WooCommerce, first check whether your theme, WooCommerce, or an SEO plugin already displays them. Then use just one source: keep the existing trail, enable breadcrumbs in Yoast or Rank Math, or customize WooCommerce’s native breadcrumbs. For beginners, a plugin already installed on the site is usually the simplest route; PHP and theme-template changes are best left to someone comfortable editing WordPress code.

How do I add breadcrumbs in WooCommerce?

Breadcrumbs are a linked path—often starting at Home—that helps shoppers see where a product or category sits in your store. Before installing or enabling anything, open a product page and a category or shop archive. If a useful trail is already there, you may not need to add one.

Choose one implementation for the location where the trail should appear. Two breadcrumb systems can produce duplicate trails, and plugin settings may replace or conflict with the WooCommerce output.

Choose the method that fits your store

Method Best fit How it is placed Main caution
Existing theme or WooCommerce output A trail already appears and meets your needs Keep the current storefront output; check theme options if you need adjustments Do not add another source without removing or replacing the existing one.
Yoast SEO You already use Yoast Enable breadcrumbs in Yoast settings, then use a theme integration, shortcode, or block Theme integration may require code; theme-file edits can be overwritten by updates.
Rank Math You already use Rank Math Enable breadcrumbs, then use its template function or shortcode/block Disable competing WooCommerce breadcrumbs if Rank Math is to provide the trail.
Native WooCommerce customization You need to change WooCommerce labels, separators, URLs, wrappers, or output behavior Add documented PHP customization through a child theme or code-snippet plugin This is developer-level work; do not edit the parent theme’s functions.php directly.
WooCommerce block-theme editor You are editing a product-page template in a block theme and want to style breadcrumbs Use the editor’s breadcrumb color and typography controls in that product-page editing context These controls apply to the documented block-theme product-page context, not necessarily every theme setup.

Add breadcrumbs with Yoast SEO

  1. In WordPress, open Yoast SEO → Settings → Advanced → Breadcrumbs, enable breadcrumbs, and save.
  2. Choose where the trail should appear. Yoast documents a theme integration for site-level placement, the Home » How to Add Breadcrumbs in WooCommerce: A Beginner’s Guide shortcode, and a Yoast Breadcrumbs block for individual content.
  3. If you use Yoast WooCommerce SEO and want Yoast’s trail to replace WooCommerce’s, enable its Replace WooCommerce Breadcrumbs setting when Yoast breadcrumbs are enabled.

The exact placement depends on your theme. A shortcode or block can suit a specific content area; theme integration is more site-wide and may require help from the theme developer. Back up before making theme-file changes. Yoast’s setup and placement guidance is in its breadcrumb implementation guide.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Add breadcrumbs with Rank Math

  1. Enable Breadcrumbs in Rank Math’s settings and save the configuration.
  2. Place the trail using the rank_math_the_breadcrumbs() template function, the [rank_math_breadcrumb] shortcode, or a shortcode block in a block-theme template.
  3. If Rank Math is meant to own the output, disable or remove the competing default WooCommerce breadcrumb output as needed.

Use a shortcode or block when it gives you the placement you need; use the template function for theme-level placement if you are comfortable working with templates. A theme may need adjustment to position the function correctly. See Rank Math’s breadcrumb setup guide for its implementation options.

Customize or remove WooCommerce’s native breadcrumbs

WooCommerce documents PHP filters for changing details such as the Home label, separator, wrapper/defaults, and Home URL, as well as removing its breadcrumbs. Its examples include woocommerce_breadcrumb_defaults and woocommerce_breadcrumb_home_url. This route is for code-level customization, not a visual setting beginners should expect to find in every theme.

Put custom code in a child theme’s functions.php file or use a code-snippet plugin. WooCommerce warns: “Please don’t add custom code directly to your parent theme’s functions.php file as this will be wiped entirely when you update the theme.” Its documentation describes this as developer-level work and says customizations are outside its support policy. If you are unsure how to adapt a hook or template safely, ask a WordPress developer; WooCommerce points readers to Codeable for developer help.

Review WooCommerce’s breadcrumb customization documentation before using a filter or removing the default output. Hooks and theme behavior can differ, so do not paste code without understanding its effect on your setup.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Style breadcrumbs in a block-theme product template

When editing a product-page template in a block theme, WooCommerce documents editor controls for breadcrumb text and link colors and typography. Open the relevant product-page template in the site editor, select the breadcrumb block, and adjust the available style controls. This guidance applies to that block-theme editing context; it does not establish that every classic theme or plugin placement has the same controls. See WooCommerce’s product-page editing guide.

Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Check that the trail works

  • Inspect representative product pages and category or shop archive pages.
  • Confirm that there is only one trail in each location.
  • Follow the links to make sure they lead to the expected home, category, and product destinations.
  • Check the layout on both desktop and mobile so the trail remains readable and does not crowd nearby content.

Theme hooks, plugin behavior, menu labels, and editor controls can vary or change with updates. If a setting or placement differs from these instructions, check the documentation for the versions of WordPress, WooCommerce, your theme, and your SEO plugin that are actually installed.

Quick Recap

Bestseller No. 2
SaleBestseller No. 4
Latin Real Book: C Edition
Latin Real Book: C Edition
Features Over 160 Latin Songs; Arranged for C Instruments; Standard Notation; 48 Pages
$38.99
Rank #4
Sale
Latin Real Book: C Edition
  • Features Over 160 Latin Songs
  • Arranged for C Instruments
  • Standard Notation
  • 48 Pages

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

Leave a Reply

Your email address will not be published. Required fields are marked *

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Read next

Recommended PC Tool
Recommended PC Tool
Crashes, No Sound, or Screen Glitches?Free driver scan
PC Slower Than It Used to Be?Free scan - under a minute

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.