Are you looking to enable Divi Breadcrumbs? If you do, then you have come to the right place.
Divi breadcrumbs enable you to improve your site’s navigation. It acts as the second horizontal navigation by showing links in correspondence to the homepage.
So, if a user visits a project under the Showcase Gallery webpage, the breadcrumb will list the exact path. So, apart from improving navigation, it also helps the site’s SEO.
By default, Divi doesn’t include Breadcrumbs. However, there are multiple ways you can enable breadcrumb navigation. Out of all the options, the most user-friendly option is to use a third-party plugin. However, that’s not free most of the time. To overcome this, you can use WordPress breadcrumbs plugins, which still require some customization.
A more advanced way to do this is to use code. Here, you don’t have to write code but need to copy-paste code in the right place. This approach is free, but it would mean you must go through a complex process.
Let’s cover these ways below.
Importance of Breadcrumbs
Before we look at the methods to enable breadcrumbs on your Divi site, let’s learn why you need them.
Firstly, Divi sites that rely on complex or multi-level store structures can use breadcrumbs to improve user experience. Moreover, it makes it easy for search engines like Google to crawl your site. In return, you get a better ranking boost from these search engines.
Secondly, users know where they are when browsing your site. This can improve user experience and give them more freedom when moving through your site, leading to more page views.
Lastly, the breadcrumbs also tell Google and other search engines about the context of your site. It connects related pages, giving Google some context about your content. If you do it correctly, it can result in a click-through rate.
4 Different Ways To Add Breadcrumbs to Your Divi Website
Yoast SEO Plugin
Price: Free
Yoast is a popular SEO plugin that lets you manage a WordPress site’s SEO. In addition, it enables site owners to easily enable breadcrumbs by ticking an option within the plugin.
To do so, you need to follow the steps below:
- Install the Yoast SEO plugin and activate it.
- Now go to the WordPress dashboard.
- Open SEO > Search Appearance and then Breadcrumbs
- Here, toggle the “Enabled” option.
- It should activate the Yoast SEO breadcrumbs.
As Yoast SEO works for WordPress, most of the work is done. First, however, you need to add some code for it to work.
Simply open the header.php file and add the following code.
<?php
if ( function_exists(‘yoast_breadcrumb’) ) {
yoast_breadcrumb( ‘<p id=”breadcrumbs”>’,'</p>’ );
}
?>
To customize the header, you need to add CSS as well. It will style the breadcrumbs. To do so, open your CSS file and add the following code.
#breadcrumbs{/*Add your CSS styles here*/}
Divi Breadcrumbs Module plugin
Price: Paid
Plugin link: Divi Breadcrumbs Module – Divi Booster
If you don’t want to go into manually enabling breadcrumbs, then you can always use plugins like the Divi Breadcrumbs module plugin. It offers an easy way to add breadcrumbs. All you need to do is install and activate it. Once done, it should enable breadcrumbs according to your plugin settings.
In terms of features, you get the following:
- Customizable icon and home link text
- Automatically breadcrumb links generation
- Access to new breadcrumbs module.’
- Style options
- Manually select location for breadcrumb location
- Works with both Extra and Divi themes.
The Divi Breadcrumbs module is priced at $9 for a single site. But, if you get a 3-site license, it’ll cost you $19. And you can use the module on unlimited sites for just $39.
Divi Supreme Pro Plugin with Breadcrumbs extension
Price: Paid
Plugin link: Divi Supreme Pro
Divi Supreme Pro plugin is a popular creative Divi plugin that offers access to a great list o Divi extensions and modules. It is developed by Elegant Themes and costs $79.
As for features, you get Breadcrumbs extension which lets you quickly add breadcrumbs to your Divi site. Moreover, you can also customize the breadcrumbs and change their style according to your brand design philosophy.
Apart from that, it also offers many other modules and extensions that can help you manage your Divi site. For example, it offers modules such as Gradient Text, Supreme Image, Supreme Button, Facebook Feed, etc.
If you opt to get the plugin from Elegant Themes, you get the following benefits:
- 30-day money-back guarantee
- Unlimited site license
- 1-year updates and support
Divi Plus Plugin
Price: Paid
Plugin link: Divi Plus
Divi Plus is another Elegant Themes premium plugin that gives you access to 50+ modules and 4 extensions. One of those modules is the breadcrumbs module. It lets you create breadcrumbs layout styles while following Google guidelines on how to do it.
Apart from that, you also get other beneficial and customizable modules that let you customize your Divi site without the need to write a single line of code. Additionally, you also get access to 45+ free child themes and 50+ starter templates with 250+ sections.
The Divi Plus Plugin is readily available to buy from Elegant Themes. If you get it from there, you get the following benefits:
- Unlimited website usage with one-time buy.
- 30-day money-back guarantee
- 1-year updates and support
Final Thoughts
As a Divi site owner, you should enable breadcrumbs. Its benefits are justified. As discussed in the article, you can add breadcrumbs either through a free version or a paid third-party Divi module. We suggest picking the method that suits your needs. Using Yoast SEO Plugin and adding some code is advisable if you’re on a budget. However, you need to know how to customize your site. If you’re not confident adding or editing your site code, you can always use one of the three plugins we listed.
So, what approach have you taken? Comment below and let us know.
