Get Plugin

Elementor breadcrumbs widget

Breadcrumbs Widget
for Elementor

The Breadcrumbs widget from Unlock Addons adds a small navigation trail near the top of your pages so visitors always know where they are and how to go back. It automatically builds links from your site structure or SEO plugin, and you can style every part of the trail so it fits perfectly into your Elementor templates.

Download free

Get Premium

See It In Action

Packed With Powerful Features

Everything you need to build fast, flexible, and high-performing designs.

Drag & Drop Builder

Easily add and arrange elements using Elementor’s intuitive drag and drop interface.

Flexible Layout Control

Adjust spacing and alignment to create clean, balanced layouts for any design.

Responsive Controls

Fine-tune your design for desktop, tablet, and mobile for a smooth experience.

Lightweight & Fast

Optimized for speed to keep your website fast and responsive without bloat.

How To Use Breadcrumbs

Show a clear navigation trail on any page, improve user experience, and give search engines better context for your content.

How to Add Breadcrumbs in Elementor

Install and activate Unlock Addons for Elementor and your preferred SEO plugin if needed.
Open your header, page template, or individual page in Elementor.
Drag the Breadcrumbs widget into the area where you want the trail to appear, usually under the main heading or inside the header.
Choose the source (SEO plugin or built‑in), set alignment, separator, and what parts of the path to show.
Style the links, current page, and hover states, then save your template so breadcrumbs appear across your site.

Perfect for Blogs, Stores, and Large Sites

Breadcrumbs are especially useful on blogs, online stores, and large content sites where visitors can land deep inside your structure from search or social. A simple trail like Home > Category > Post helps them move up a level, discover related content, and understand how your site is organized, which also sends helpful signals to search engines.

Key Features of the Breadcrumbs Widget

Automatic navigation trail

Generate breadcrumbs automatically from your page hierarchy, categories, or SEO plugin settings, so the trail stays up to date as your site grows.

Custom separators and icons

Choose between slashes, arrows, dots, or custom icons, and control how the current page is highlighted to match your design system.

SEO‑friendly output and schema

Output clean HTML and optional schema markup so search engines can show breadcrumb links in results, improving click‑through and navigation.

Three Simple Steps

Get up and running in minutes. No complexity, no learning curve.

Add the Widget

Drag and drop the widget into your layout from the Elementor panel.

Customize

Adjust content, style, and settings to match your design perfectly.

Publish

Hit publish and your design goes live instantly.

Have Questions? We Have Answers

Breadcrumbs make it easier for visitors to understand where they are and move up a level, and they can also appear in Google search results, which helps both UX and SEO.

The widget works with Elementor Free and Pro. For advanced control and schema, you can connect it to popular SEO plugins that already manage breadcrumbs for your site.

Yes. You can choose whether to show the home link, categories or parent pages, and the current page, and control how deep the trail goes.

Most sites place breadcrumbs just below the header or main page title. You can also add them inside single post templates, product templates, or archive headers built with Elementor.

Take Elementor to the Next Level

Join 50,000+ designers creating high-converting navigation experiences with Elementor.

Browse by Category

AI Text Generator