---
title: "How to Add Breadcrumbs on Custom Post Types Single Page?"
url: https://theplusaddons.com/docs/add-breadcrumbs-on-custom-post-types-single-page/
date: 2023-10-26
modified: 2026-09-14
lang: en
author: "Aditya Sharma"
description: "Custom post types such as books, courses or case studies often sit outside the normal blog structure, which makes a breadcrumb more useful, not less. The Breadcrumbs Bar widget from..."
image: https://theplusaddons.com/wp-content/uploads/2023/10/How-to-Add-Breadcrumbs-on-Custom-Post-Types-Single-Page_-1024x536.jpg
word_count: 590
---

# How to Add Breadcrumbs on Custom Post Types Single Page?

Custom post types such as books, courses or case studies often sit outside the normal blog structure, which makes a breadcrumb more useful, not less.

The **Breadcrumbs Bar** widget from The Plus Addons for Elementor adds a trail to those single pages automatically, using the post type's own name.

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

## How to Add Breadcrumbs on a Custom Post Type Single Page

- Open the single template for that post type, or your header template if you want the breadcrumb everywhere.- Add the **Breadcrumbs Bar** widget where the trail should appear.- Set the **Separator Icon** and **Extra Option** settings to taste.- Publish, then open one of the custom post type items.

The trail shows the home link, the post type's name and the item title:

![Front-end breadcrumb reading Home, Book, The Complete Handbook of Web Navigation Patterns](https://theplusaddons.com/wp-content/uploads/2026/09/breadcrumbs-result-cpt.webp)

![Breadcrumb on a custom post type single page above the item title and content](https://theplusaddons.com/wp-content/uploads/2023/10/cpt-single-post-breadcrumb-demo.png)

## What the Trail Shows

| Part | Where it comes from |
| ---- | ------------------- |
| Home | The **Home Title** setting, linked to your home page |
| Middle step | The post type's singular name, linked to a listing of that post type |
| Last step | The item's title, as plain text |

## Adding the Separator to the Post Type Link

The separator icon is not drawn on the post type step unless you ask for it. In **Separator Icon**, set **Select Icon** to **Icon** and turn **Enable Icon for the CPT** on.

![Enable Icon for the CPT switch in the Separator Icon section of the Breadcrumbs Bar widget](https://theplusaddons.com/wp-content/uploads/2026/09/breadcrumbs-cpt-icon.webp)

This switch is in the Pro plugin only.

## How It Behaves

- The middle step uses the post type's *singular* name, so a post type named "Books" shows as **Book**.- That step links to a listing of the post type, using the post type's rewrite slug.- An archive page for the post type shows the home link and the post type name.- **Letter Limit > Current** in **Special Option** shortens the item title here, the same way it does on blog posts.- The trail is the same in the free plugin and in Pro, apart from the CPT separator icon.

## Limitations

- The trail does not include the item's custom taxonomy terms. Only the post type name and the title are shown.- An archive for a custom taxonomy shows the post type's name instead of the term, so every term of that taxonomy gets the same trail.- **Enable Icon for the CPT** is a Pro setting. In the free plugin the post type step never carries the separator icon.- The widget does not load Font Awesome, so the icons come out blank on a page where nothing else loads it.

## Troubleshooting

### The post type step shows the wrong word

The widget uses the post type's singular label. Change that label where the post type is registered.

### The post type link goes nowhere useful

It is built from the post type's rewrite slug. A post type registered without a rewrite slug has nothing to link to.

### The separator is missing on the post type step only

Turn **Enable Icon for the CPT** on in **Separator Icon**. It is a Pro setting.

## 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/)

## Frequently Asked Questions

**Q: How do I add breadcrumbs on a custom post type single page in Elementor?**
A: The Breadcrumbs Bar widget from The Plus Addons for Elementor adds the trail automatically on a custom post type single page. Place it in the single template for that post type, or in a header template if you want it site-wide, then set the Separator Icon and Extra Option settings. The trail will show the home link, the post type name, and the item title, which is useful when books, courses, or case studies sit outside the normal blog structure.

**Q: What does the breadcrumb trail show on a custom post type single page?**
A: The trail has three parts: Home, the post type step, and the item title. Home comes from the Home Title setting and links to your home page. The middle step uses the post type’s singular name and links to a listing of that post type. The last step is the item title as plain text. That structure keeps the current item readable while still giving visitors a clear path back to the listing.

**Q: Why does my custom post type breadcrumb show the wrong word?**
A: The widget uses the post type’s singular label, so the breadcrumb text comes from how that post type was registered. If a post type is named Books, the middle step shows Book. Changing that label where the post type is registered changes what appears in the trail. This matters because the breadcrumb is not pulling a custom display name from the page itself, it is using the registered label.

**Q: Why does my custom post type breadcrumb link go nowhere useful?**
A: The middle step is built from the post type’s rewrite slug. If a post type was registered without a rewrite slug, there is nothing for that breadcrumb step to point to. That means broken or unhelpful links usually come from registration settings, not from the widget output itself. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH uses that slug to connect the breadcrumb to the listing page.

**Q: Can I show breadcrumbs site-wide or only on one custom post type template?**
A: The placement depends on where you add the Breadcrumbs Bar widget. A header template shows it site-wide, while a single template or archive template limits it to those pages only. That makes it flexible for different layouts without changing how the trail itself works. The same widget is available in Free and Pro, so placement choice is separate from licensing.

**Q: What are the limitations of breadcrumbs on custom post types here?**
A: The trail only shows the post type name and title, not custom taxonomy terms. On a custom taxonomy archive, it still shows the post type’s name instead of the term, so every term in that taxonomy gets the same trail. The free plugin also never adds the separator icon on the CPT step because Enable Icon for the CPT is a Pro setting. The widget does not load Font Awesome either, so icons can appear blank if nothing else loads it.