NewThe Supreme Bundle: every Divi Supreme plugin, 31% less than buying separately.See what’s inside →

Breadcrumbs module

Divi Breadcrumbs that show the way back.

A trail from Home to the current page that builds itself. Style each crumb, swap the icons, and send BreadcrumbList schema to Google.

divisupreme.com/divi-breadcrumbs-module/

Breadcrumbs module

What is the Divi Breadcrumbs module?

Breadcrumbs is a Divi 5 module in Divi Supreme Pro that shows where a page sits in your site, from Home down to the page the visitor is on. It reads the trail from WordPress, so posts, pages, categories, products and archives all work.

Change the home text and link, show or hide the home icon, pick any separator icon, and style items, separators and the current page separately. BreadcrumbList schema markup is built in.

styled parts

click to add schema

Any

Divi icon

custom code

Start from a Breadcrumbs recipe.

The recipes and the playground run on the front end. Use Preview, or open the page, to try them.

Try every Breadcrumbs setting.

The recipes and the playground run on the front end. Use Preview, or open the page, to try them.

Everything Breadcrumbs can do.

Builds itself

Reads the trail from WordPress for pages, posts, categories, tags, products and archives.

Custom home

Rename Home, link it to any URL, and open it in a new tab.

Any icon

Show a home icon and choose the separator from the Divi icon library.

Style each part

Separate colours, fonts, spacing and gaps for items, separators and the current page.

BreadcrumbList schema

Outputs structured data so Google can show the trail in search results. Turn it off if another plugin does this.

Divi 5 native, WPML ready

Works in the Theme Builder and with translated pages in WPML.

Breadcrumbs documentation

Setup for Divi 5: home text and link, icons, separators, item styling and schema markup.

Questions about Breadcrumbs.

Where does the trail come from?

From WordPress. The module works out the parent pages, categories or product categories for the page it is on, so you add it once in a Theme Builder template and it works everywhere.

Can I change the Home link?

Yes. Change Home Text, turn on Use Custom URL Link for Home to send it to any URL, and choose the same window or a new tab.

Can I change the icons?

Yes. Show or hide the home icon and pick any Divi icon for it. Turn on Custom Separator Icon to choose the separator icon too.

Does it add schema markup?

Yes. Schema Markup (BreadcrumbList) is on by default and outputs microdata for search engines. Turn it off if your SEO plugin already adds breadcrumb schema.

Can I style the current page differently?

Yes. Items, Separators and Current each have their own background colour, font, spacing and bottom gap.

What if the trail wraps on mobile?

Use the Bottom Gap settings to add space below each crumb when the trail runs onto a second line.

Does Breadcrumbs work with Divi 5 and WPML?

Yes. It is a native Divi 5 module and follows translated pages and categories in WPML.

Next module, A to Z

Business Hours Module

Related modules

Menu Module

Build headers and mega menus in Divi 5.

Table Of Contents Module

Auto-build a linked list of page headings.

Post Reading Time Module

Show how long a post takes to read.

4.9 out of 5

Rated 4.9 by Divi designers on Trustpilot. Running on 350,000+ sites.

Help visitors find their way.

Breadcrumbs comes with 70+ Divi 5 modules and 16 extensions in Divi Supreme Pro.

Divi Supreme