Elementor Breadcrumbs Widget

The Breadcrumbs atomic widget displays one trail for the current context. It is available in Lite and Pro with supported Elementor 4 integration.

1. Open the page or template in Elementor and search for Breadcrumbs.
2. Add the widget where the trail should appear.
3. Adjust Elementor styling as needed. Under Advanced, Additional CSS Class adds your own class.
4. Update or publish, then preview the result on the front end.

The editor uses the current content or an appropriate template preview; on the front end the trail follows the current request. Its contents and visibility also depend on BreadcrumbsPress settings. If the preview says it cannot render in this context, choose a suitable preview page or check the context and visibility.

For alternative routes to one post, see the Pro Multi Breadcrumbs widget.