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.

Micah Quinto avatar
Written by Micah Quinto
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?

The enablement or disablement of widgets depends on the version of your Debutify Theme. Please follow the correct guide based on your theme version:

How to Enable or Disable the Debutify Theme Widgets on versions 7.1 and above?

STEP 1

Access your Shopify Admin's Theme Library to open the theme customizer.

STEP 2

Click on the Theme settings icon.

Click on the Theme settings icon.

STEP 3

Scroll down and locate the Debutify Widgets tabs. You’ll find the following categories:

  • Debutify Free Widgets

  • Debutify Paid Widgets

Expand the relevant widget category by clicking on the arrow next to the tab name.

STEP 4

To enable a widget, check the box next to the widget name. To disable it, simply uncheck the box.

How to Enable or Disable the Debutify Theme Widgets between versions 6.0 and 7.0.2?

STEP 1

Sign in to your Debutify Theme Login Portal at platform.debutify.com, and navigate to the Widgets section.

STEP 2

Choose your widget from the Widgets menu, either by searching or filtering by category.

STEP 3

To enable or disable your chosen widget, click on the toggle switch.

STEP 4

  • To enable the widget, confirm by clicking Enable in the confirmation message that appears.

  • To disable the widget, confirm by clicking Disable in the confirmation message that appears.

Note: Enabling or disabling widgets on Debutify Login Portal is available only in Debutify Theme versions 6.0 to 7.0.2. Please make sure your theme is within this version range to access this feature.


How to Manage Breadcrumbs Widget Settings?

STEP 1

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

STEP 2

Navigate theme settings and open the breadcrumbs settings tab.

STEP 3

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

STEP 4

Don't forget to Save the changes.

Did this answer your question?