Learn how to use the Breadcrumbs widget in Booking Website Pro to improve site navigation and help visitors understand where they are on your website.
The Breadcrumbs widget can be added to a site so the site visitor can easily understand their location in a page's hierarchy 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 page the user is currently on. Breadcrumbs should not be used on sites with flat hierarchies (only 1 or 2 levels deep). In this case, the navigation bar can clearly indicate what section a page lives within.
For more information on widgets and the widgets library, see Widgets: Library and Overview.
Breadcrumbs display the names of the following:
- Pages and sub-pages
- Folders
- Store pages (for native store)
- Dynamic pages
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.
The blog tool isn’t currently supported, so the main blog page will not appear as the parent. Instead, the homepage will be displayed as the parent for blog posts.
Content Editor
To access the content editor, click the element to open the floating menu, then click the option for the content editor.
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, select Edit Design from the floating menu to open the design panel. Click the element to open the floating menu, then click the option to edit design
Use the design editor to change the link style, configure the divider between the listed pages, and adjust the spacing.