Website Building » WooCommerce » What Are WooCommerce Breadcrumbs?

What Are WooCommerce Breadcrumbs?

Last updated on January 15, 2023 @ 12:35 pm

Breadcrumbs are a type of navigation element that helps users understand their location within a website. They typically appear as a series of links, with the current page’s title being the last link in the series. For example, a breadcrumb for the WooCommerce Shop page might look like this:

Home > Shop

Breadcrumbs can be extremely useful for both website visitors and search engines. For visitors, breadcrumbs provide a clear indication of where they are on a website and how they got there.

This can be especially helpful if a visitor wants to backtrack to a previous page or section. For search engines, breadcrumbs can help improve the click-through rate (CTR) for organic listings by making it clear to users what they will find on your website if they click on your listing.

While WooCommerce does not come with built-in breadcrumb functionality, it is easy to add breadcrumbs to your WooCommerce store using a plugin or custom code. In this article, we will show you how to add breadcrumbs to your WooCommerce store.

How to Add Breadcrumbs to Your WooCommerce Store

There are two ways you can add breadcrumbs to your WooCommerce store: using a plugin or by adding custom code to your site. We will cover both methods in this section.

Method 1: Adding Breadcrumbs Using a Plugin

If you want to add breadcrumbs to your WooCommerce store without having to edit any code, then using a plugin is the easiest way to do it. We recommend using the Yoast SEO plugin as it is one of the most popular SEO plugins for WordPress and it includes built-in support for adding breadcrumbs to your website.

First, you need to install and activate the Yoast SEO plugin. For more details, see our step by step guide on how to install a WordPress plugin.

PRO TIP: What Are WooCommerce Breadcrumbs?

Breadcrumbs are a navigation aid that allows users to see their current location within a website and navigate back to previous pages. WooCommerce breadcrumbs show the hierarchy of pages from the home page to the current page. For example, if you are on a product page, the breadcrumb would show: Home > Shop > Product.

While breadcrumbs can be helpful in navigation, they can also be a source of confusion for some users. If you are using WooCommerce breadcrumbs on your site, we recommend providing clear instructions on how to use them.

Upon activation, you need to visit SEO » Search Appearance page and click on ‘Breadcrumb.’

This will open up the ‘Breadcrumb settings’ page where you need to select ‘Enabled’ next to ‘Enable Breadcrumbs.’

Don’t forget to click on the ‘Save Changes’ button at the bottom of the page.

Method 2: Adding Breadcrumbs Using Custom Code

  • Adding PHP Code
  • Adding CSS Code
  • Adding HTML Code
Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.