Best Breadcrumb Block Plugin for WordPress
Create Gutenberg Breadcrumb Block, Breadcrumb Block Plugin for WordPress, Dynamic Breadcrumb, Breadcrumb Builder, WooCommerce Breadcrumb Builder, and More.
7000+Support Issue Solved
2,531,647+ Total Downloads
List Of Features
- Styles Component support
- Custom wrapper tag
- Custom Icon with position
- Custom Label with position
- Custom Seperator
- Variety of elements support
- Post Term Title – dynamic class name Pro!
- Author Name – dynamic class name Pro!
- Rankmath Title – dynamic class name Pro!
- Search Terms – dynamic class name Pro!
- Tag Title – dynamic class name Pro!
- Category Title – dynamic class name Pro!
- Custom text element
- Home page link – dynamic element
- Front page link – dynamic element
- Posts page link – dynamic element
- Post Title – dynamic element
- Post Author – dynamic element
- Post Date – dynamic element
- WooCommerce support
- Custom text option
- Term Ancestors
- Custom URL option
- Responsive support
- Post ID – dynamic element
- Post Category – dynamic element
- Post Tag – dynamic element
- Term Title – dynamic element
- WooCommerce Shop – dynamic element
- WooCommerce Account – dynamic element
- Search Text – dynamic element
- Archive Title – dynamic element
- 404 Text – dynamic element
- Date Text – dynamic element
- Author Name – dynamic element
- Post Anchestors – dynamic element Pro!
- Post Categories – dynamic element Pro!
- Post Tags – dynamic element Pro!
- Post Term – dynamic element Pro!
- Post Terms – dynamic element Pro!
- Term Parents – dynamic element Pro!
- Term Ancestors – dynamic element Pro!
- WooCommerce Cart – dynamic element Pro!
- Woo Checkout – dynamic element Pro!
- Display Icon Pro!
- Enable Schema Pro!
- Schema enable or disable option
- Block Variations
- CSS Library
- Advanced CSS pseudo selector Pro!
- Advanced CSS property Pro!
- In-built pro block variations Pro!
30+ Breadcrumb Element
So far, we’ve added 30+ dynamic and custom elements that you can use as breadcrumb items. For each element, you have complete control over the visual style: customize the wrapper, add icons, adjust separators, refine labels, and define URLs. Scroll down to explore all the awesome elements you can use right now!
Text
Create a Custom Breadcrumb Label using text and also you can personalize them further with icons, links, and custom URLs.
Home Page Link
Dynamic home page link helps your breadcrumb up-to-date automatically. Plus, it’s possible to personalize labels, icons, and custom URLs.
Front Page Link
Dynamic front page link helps your breadcrumb up-to-date automatically. Plus, it’s possible to personalize labels, icons, and custom URLs.
Post Page Link
Post Title
The Post Title element automatically displays the current post title in your breadcrumbs. You can also personalize it further with a custom label, URL, and icon.
Post Author
This dynamic post author breadcrumb element displays the author name and you can personalize it further with a custom label, URL, and icon.
Post Date
Showcase the post’s publish date directly in your breadcrumbs. You can also customize the display format, label, URL, and icon for a personalized touch.
Post Day
Showcase the post’s publish day directly in your breadcrumbs. You can also customize the display format, label, URL, and icon for a personalized touch.
Post Month
Showcase the post’s published month directly in your breadcrumbs. You can also customize the display format, label, URL, and icon for a personalized touch.
Post Year
Showcase the post’s published year directly in your breadcrumbs. You can also customize the display format, label, URL, and icon for a personalized touch.
WooCommerce Shop
Easily add the WooCommerce shop page link to your breadcrumbs. You can further customize it with a custom label, icon, or even a different URL.
Post ID
This element allows you to display the current post ID in your breadcrumb. You can further customize it with a custom label, URL, and icon.
Post Category
Include the current post’s category name in your breadcrumbs. You can personalize it further with a custom label, icon, or URL.
Post Tag
This element allows you to display the current post’s tag within your breadcrumbs. You can personalize it further with a custom label, icon, or URL.
Post Term
Post term breadcrumb element integrates with WordPress taxonomy that you can display and personalize further with a custom label, icon, and URL.
Post Terms
Post terms breadcrumb element integrates with WordPress taxonomies categories and tags that you can display and personalize them further with a custom label, icon, and URL.
Term Title
Easily display the term title in your breadcrumb and personalize it with a custom label, icon, and URL.
Term Parents
Query and display the term parent name and personalize it further with a custom label, icon, and URL.
Term Ancestors
Query and display the term ancestors and personalize it further with a custom label, icon, and URL.
Custom Label and URL
Under each breadcrumb element, you’ll find the options to add a custom label and link. The items are draggable so you can change the position of breadcrumb items by dragging with a mouse.
Custom Separator
Separators clearly distinguish the individual breadcrumb items, making it easier for users to scan and understand the navigational structure of the website. From our block settings, you’ll find an option called Separator. Here you can customize the separator and add styles on the Styles tab.
Custom Icon
Custom icons enhance the usability and visual appeal of Breadcrumb Items. While it’s not strictly essential, incorporating icons into breadcrumbs can significantly improve the user experience. So far, we’ve included three different icon libraries Font Awesome, IconFont, and Bootstrap Icons, to choose from. Also, there is an option called ‘Icon Position‘ to change the position of icons.
Custom Style
We have included a maximum number of CSS properties on our Styles Component that can help you apply custom styles. This Styles feature is so advanced that you can also customize CSS states like hover and add styles.
Breadcrumb Schema
Our Breadcrumb block can automatically generate Schema which is really helpful for SEO. Breadcrumb schema is a type of structured data markup that can be used to mark up breadcrumb items on a website. This markup helps search engines understand the structure of the content and how it is organized.
From the Breadcrumb block option settings, you can quickly enable or disable Schema.
Custom Class
Custom classes are important to make your HTML design more modular, reusable, and maintainable. We’ve the option to put custom classes on our Breadcrumb Gutenberg block.
Third-Party Integrations
Now you can integrate third-party plugins with breadcrumbs to control the data displayed and how it’s integrated. We’ve already integrated over 10 third-party plugins.
WooCommerce
WooCommerce is a free and open-source eCommerce platform that is powered by WordPress and supported by a global community.
Frequently Asked Questions
Breadcrumb is a secondary navigation that helps users understand the structure of a website and how to get back to previous pages. Breadcrumbs are especially useful for large or complex websites. It can also be beneficial for SEO. Search engines use breadcrumbs to understand the structure of a website and index its pages more effectively. This can lead to improved SEO rankings and increased visibility in search results.
Breadcrumbs have both SEO and user experience benefits. It helps search engines to understand which pages on your website are related to each other. This helps search engines to crawl and index your website more effectively, which can lead to improved SEO rankings.
The best way is to use a plugin. There are many different breadcrumb plugins available for WordPress but the best one is Combo Blocks.
This plugin offers a block called Breadcrumb. From the block inserter search and insert the block. Now from the block settings, you can add and customize the wrapper, icons, separators, labels, and URLs.
Documentation
Get Started Building Fantastic Blogs, News Magazine Websites, and More!
Using the Combo Blocks Gutenberg plugin, you may create the websites of your dreams.