The Breadcrumbs widget can be added to a site so the site visitor can easily understand their location and explore the site effectively, and as a result improve the site's SEO. The Breadcrumbs widget displays the site hierarchy on a trail based on the user's current location. Breadcrumbs should not be used on sites with flat hierarchies (only 1 or 2 levels deep). In this case, the navigation bar can clearly indicates what section a page lives within.
The Breadcrumbs widget cannot be used in fixed headers. For other header types, the header must be converted to a row before you can add the Breadcrumbs widget.
Breadcrumbs displays the names of the following:
Pages and sub-pages
Folders
Dynamic pages
Store pages (for native store)
For the Breadcrumbs widget to display dynamic pages, you need to enable the Show on all setting:
In the side panel, click Pages.
Click the gear icon next to the dynamic page.
Click Hide/Show in navigation, and select Show on all.
To add the Breadcrumbs widget:
In the side panel, click Widgets.
Click and drag the Breadcrumbs widget into your site. If you are working in Flex mode, point to the container, and click + to select the Breadcrumbs widget.
Content Editor
To access the content editor:
Right-click the widget, and click Edit Content.
Select the items you want visible on the breadcrumbs. You have the following options:
Home Page. Always show the home page in the breadcrumbs.
Current Page. Show the current page in the breadcrumbs.
Hide the breadcrumbs when there isn't a parent page. Enables breadcrumbs for all pages except the homepage or pages on the first level of navigation.
Design Editor
To access the design editor:
Right-click the widget, and click Edit Design.
In the Links section, select the font and text options.
Select a Divider style for the divider between each page in the breadcrumbs.
In the Current Page, Hover, and Folder sections, select a font color and font format.