Velo Code - How to Set Up Breadcrumbs in Wix

This code helps you in adding breadcrumbs to your website. Breadcrumbs helps your website visitors navigate the website smoothly and helps search engines understand the website content better.

Code

$w.onReady(function () {

$w('#myBreadcrumbs').items = [

{ 'icon': 'wix:vector://v1/4c47c6_d6f8a5ad487c416399846a79a524196f.svg/', 'link': '/' },

{ 'label': 'Privacy Policy', 'link': '/privacy-policy' },

{ 'label': 'Accessibility Statement', 'link': '/lions', 'isCurrent': true }

];

});

How To Use It

1. Add breadcrumbs element on your page.

2. In #myBreadcrumbs, replace the element ID of the breadcrumbs.

3. You can either use an Icon or a Name to represent a page name. In this code, we have set the Home page as icon. You can replace the icon URL wix:vector://v1/4c47c6_d6f8a5ad487c416399846a79a524196f.svg/. The "'link': '/'  represents homepage.

4. The code { 'label': 'Venue', 'link': '/zoo' } shows the pages. Where the label is the name of the page visible to visitors and link /zoo is the slug of the page where users can navigate to on click. Based on website heiarchy, you can set the labels and slugs.