FAIR

Federated and Independent Repositories

Breadcrumbs Divi Module

Plugin Banner

Breadcrumbs Divi Module

by learnhowwp

Download
Description

The Divi Breadcrumbs plugin enhances your website by adding a customizable Breadcrumbs module to the Divi Builder. Breadcrumbs improve user experience by providing a clear navigational path, helping visitors understand their location within your site and easily backtrack to previous sections.

Features

  • Visual Builder Supported: Enjoy seamless integration with Divi’s Visual Builder. You can drag and drop the Breadcrumbs module into your layout.
  • Customizable Home Text: Define your own text for the home link in the breadcrumbs, offering more flexibility in how you label the starting point.
  • Before Text Option: Add a custom text that appears before the breadcrumbs, providing additional context to your breadcrumbs.
  • Icon Options: Choose from Divi’s icon library to use as the separator between breadcrumb links. You can also add a custom icon before the breadcrumbs to further personalize their appearance.
  • Custom Home Link: If you need to link the home breadcrumb to a custom URL, this option allows you to do so.
  • Color Customization: Tailor the colors of your breadcrumbs to align with your site’s design:
    • Link Color: Set a custom color for breadcrumb links and define a different color for the hover state, ensuring your breadcrumbs.
    • Separator Color: Customize the color of the separator icon.
    • Current Text Color: Specify a color for the text of the current page, helping users easily identify their current location.

For a live demonstration and to see the Breadcrumbs module in action, visit Breadcrumbs Demo Page.

The content generated in the Visual Builder is only for preview. Part of the Breadcrumbs in the Visual Builder is dummy data but don’t worry you will see the correct breadcrumbs on the front end after you exit the builder.

More Free Divi Plugins

If you have any questions or feature ideas please create a new thread in Support.

  1. Upload lwp-divi-breadcrumbs.zip to the /wp-content/plugins/ directory
  2. Activate the plugin through the Plugins page in your WordPress Dashboard.
Where can I access the module?

After you activate the plugin a module should automatically appear in the module list. The name of the module is Breadcrumbs

Why does the Breadcrumbs content in the Visual Builder look different from the front end?

The content generated in the Visual Builder is only for preview purposes and includes dummy data. This is to help you visualize how the Breadcrumbs will look in the layout. However, the actual Breadcrumbs that appear on the front end of your site will reflect the correct hierarchy of your pages or categories once you exit the builder.

What is the purpose of the ‘Home Text’ setting in the Breadcrumbs module?

The ‘Home Text’ setting allows you to customize the text that is displayed for the home link in the breadcrumbs. By default, it is set to ‘Home’.

What does the ‘Before Text’ setting do?

The ‘Before Text’ setting allows you to specify any text that you want to display before the breadcrumbs.

How can I change the icon used as a separator in the breadcrumbs?

You can change the separator icon in the breadcrumbs by using the ‘Separator Icon’ setting. This setting allows you to select an icon from the available options.

What is the ‘Add Before Icon’ setting used for?

The ‘Add Before Icon’ setting allows you to add an icon before the breadcrumbs. You can choose the icon from the available options.

How can I use a custom link for the Home item in the breadcrumbs?

You can use a custom link for the Home item by enabling the ‘Use Custom Home Link’ setting and then providing the link in the ‘Custom Home Link’ setting.

How can I change the color of the links, separator, and current text in the breadcrumbs?

You can change the color of the links, separator, and current text in the breadcrumbs module by using the ‘Link Color’, ‘Separator Color’, and ‘Current Text Color’ settings respectively. These settings allow you to choose a custom color for each element.

What happens if I don’t see the breadcrumbs on my page?

If you don’t see the breadcrumbs on your page, it could be because there are no parent pages or categories for the current page. Breadcrumbs are generated based on the hierarchy of your pages or categories.

What if I can’t find a specific feature or setting in the plugin?

This is a free plugin and it comes with a set number of features. If you are unable to find a specific feature or setting, it is likely that it was not included in the initial development of the plugin. In such cases, please feel free to open a feature request on the support page. All the features provided by this plugin are listed in the plugin description.

Solved a problem that was plaguing me

By The Moss Report (mossreports) on September 26, 2025

Hey thanks for this plugin. I struggled with all my options using Divi and Divi Supreme and Yoast breadcrumbs. I couldn't get any of those to correctly display the hierarchy of the categories, but yours did it perfectly! Also, I was wondering how to get rid of the word 'Category:' in the breadcrumbs and that question was answered cleanly in your support threads. Perfect now!

Many thanks again.

Ben

Was 5 stars, but seems to have been abandoned

By The Old Man (Graham Smith) on December 30, 2023

<!-- wp:paragraph --> <p class="">Sadly seems to be no longer supported by the developer. This was a 5 star plugin but no replies from support posts 5-6 months ago is poor even for a free plugin. Seems to have become abandoned which is a huge shame as it filled a big gap in DIVI functionality.</p> <!-- /wp:paragraph -->

Does what is says.

By jaredmayer on December 10, 2023

Always wanted a quick way to do this!

not user friendly & no response on forum to questions

By LoisReed on September 18, 2023

I am simply trying to change the "home" link to go to the "shop" page & there is no setting to do this. When I went to the wordpress.org forum, this question has been asked time and time again, with no response. Bummer 🙁

Super plugin !

By jimmybwy on June 22, 2023

Super plugin !

Works well

By blockiq on June 18, 2023

Great Plugin for my secondary navigation

Very Useful This is a Freemium Plugin

By Ahlan Creative (thariqaziz21) on March 24, 2024

<!-- wp:paragraph --> <p class="">Very Useful This is a Freemium Plugin, That's great !</p> <!-- /wp:paragraph -->

Simple and perfect solution!

By Steffen (kapuzestattmuetze) on May 31, 2022

All you need to integrate and style your breadcrumbs.

Brilliant!

By WillOfTheWeb on June 3, 2021

I never knew this existed for Divi. A new tool in my arsenal, many thanks!

Amazing

By Albena Abigail Karaivanova (beni4ka127) on April 15, 2021

This is one simple, effective and amazing plugin! Highly recommend it!

1.2.3

  • Fixed icon is deprecated warning

1.2.2

  • Fixed fatal error with number_format function caused by ?et_blog.
  • Fixed label for ‘Before Icon’.
  • Added option for custom home link.
  • Fixed issue to prevent breadcrumb icon display on homepage when there were no bredcrumbs to display.

1.2.1

  • Fixed Font Awesome icons not working.
  • Fixed warning related to et_pb_get_font_icon_list being used
  • Fixed PHP 8.0 error required parameters after optional parameter

1.2

  • Fixed the missing field position error caused when the parent category was a substring of child category eg Videos > Videos of Something

1.1

  • Added hover controls on Link color
  • Moved the styles options to the Design tab
  • Added option to add a icon at the start of breadcrumbs
  • Added RDFa to Breadcrumbs

1.0.1

  • Fixed the icon size in the Theme Builder
  • Wrapped the before text in a span

1.0

  • First Release
Back to top