The Breadcrumbs widget is intended to be used on a single product page.
If you want to give shoppers information about how a single product page is connected with other pages of the website or what path has a product page followed, you can use ShopEngine’s Breadcrumbs widget.
A Breadcrumbs’ example: Home > category name > single product page.
Activate Breadcrumbs Widget #
From the WordPress admin dashboard, go to ShopEngine > Widgets. From the list of single-page widgets, turn the Breadcrumbs widget ON.
![Enable breadcrumbs widget of ShopEngine](https://wpmet.com/wp-content/uploads/2021/09/enable_breadcrumbs_widget.png)
Use the Breadcrumbs Widget #
Search for Breadcrumbs Widget under the ELEMENTS tab of Elementor.
![find the breadcrumbs widget of ShopEngine on elementor](https://wpmet.com/wp-content/uploads/2021/09/find_the_breadcrumbs_widget_on_elementor.png)
Drag and drop the Breadcrumbs widget from Elementor onto the single product page (usually, it is set at the top of the page)
![drag and drop the breadcrumbs widget of ShopEngine](https://wpmet.com/wp-content/uploads/2021/09/drag_and_drop_breadcrumbs_on_elementor.png)
Customize the Breadcrumbs Widget #
Breadcrumbs widget for Elementor will let you customize text color, link color, link hover color, typography, alignment, breadcrumbs icon, icon size, and space-in-between.
![customize the breadcrumbs widget styles with elmentor](https://wpmet.com/wp-content/uploads/2021/09/customize_your_breadcrumbs_style.png)