Skip to main content
All CollectionsWidgetsShopping Enhancers
How to Use the Breadcrumbs Widget in the Debutify Theme?
How to Use the Breadcrumbs Widget in the Debutify Theme?

A guide on how to use the Breadcrumbs widget in the Debutify Theme.

Diane Eunice Narciso avatar
Written by Diane Eunice Narciso
Updated over a week ago

Using Breadcrumbs to Improve User Experience

Breadcrumbs are an important navigational tool that can greatly enhance the user experience on your website. They are a series of links that show the path a user has taken to get to their current location within your site's hierarchy. Breadcrumbs are typically displayed at the top of a page, just below the header, and can greatly improve the usability of your website.

Why Use Breadcrumbs?

Breadcrumbs are a great way to help users understand their current location within your website. They provide a clear and easy-to-follow path back to previous pages, making it easier for customers to navigate your online store and find the products they're looking for. This can greatly improve the overall user experience and increase user engagement on your site.

In addition, breadcrumbs can also help reduce bounce rates on your website. When users can easily navigate back to previous pages, they are more likely to stay on your site and continue browsing. This can ultimately lead to increased sales and conversions.

Designing Effective Breadcrumbs

When designing your breadcrumbs, it's important to keep a few key things in mind. First, make sure they are easy to read and understand. Use clear and concise labels for each link, and avoid using technical or confusing language.

It's also important to ensure that your breadcrumbs provide a clear path back to previous pages. This means that each link should take the user back to the previous page they were on, rather than jumping around to different pages. This will help users navigate your site more easily and avoid getting lost.

In addition, consider the placement and design of your breadcrumbs. As mentioned earlier, they are typically displayed at the top of a page, just below the header. Make sure they are visually distinct from the rest of your page's content, so they are easy to spot and use.

How to Enable/Disable the Breadcrumbs Widget?


Sign in to your Debutify Theme log-in portal at, and navigate to the add-ons section.


Choose your widget from the Add-ons menu, either by searching or filtering by category. Toggle the switch to enable or disable it.


When prompted to enable/disable a widget, click 'Enable' or 'Disable' to confirm your choice.

If the selected widget is not available in your current plan, you'll be prompted to upgrade. Click 'Upgrade' to proceed or 'Cancel' to continue without upgrading.

How to Manage Breadcrumbs Widget Settings?


From your Shopify admin, navigate to the Theme library and open your theme customizer.


Navigate theme settings and open the breadcrumbs settings tab.


On the breadcrumbs settings, you can tick to show it on desktop, mobile, social media on desktop, and social media on mobile.


Don't forget to Save the changes.

Did this answer your question?