Schema & Breadcrumbs

Schema is an advanced markup code added to your website. Websites with Schema are easier for search engines and other crawlers to index, meaning it’s easier for them to understand the content of your store, and serve it to more relevant people.

A “breadcrumb” (or “breadcrumb trail”) is a type of secondary navigation scheme that reveals the user’s location in a website or Web application. 

Breadcrumb navigation should be regarded as an extra feature and shouldn’t replace effective primary navigation menus. It’s a convenience feature; a secondary navigation scheme that allows users to establish where they are; and an alternative way to navigate around your website.

Our app automatically adds both breadcrumb navigation and schema code to your shop as easy as clicking a button.


  • Extremely simple to use
  • No messy code left in case you uninstall the app
  • You only have to pay once for the app, no hidden costs, no monthly payments
  • Built-in css editor and live preview to see how the navigation looks like in real time
  • Well documented and fast support

Getting started

After the app was installed, depending on the theme you are using there are 2 ways of using the app.

Online store 2.0

The recent introduction of Online Store 2.0 by Shopify allows users to add app blocks to their themes as native theme sections anywhere in the theme. 

For setting up the structured data, you will have to open the theme editor, select the "Theme Settings" from the bottom left corner and in the right sidebar select "App embeds". Toggle the Schema switch to on and click on it to set up the store logo for the rich snippets.

Note: When upgrading a legacy theme to a new 2.0 theme, the sections may not show up immediately. Please contact us in case you encounter any issues setting up the sections.

Legacy themes

After installation, click on the "Initialize app" button and it will take care of inserting the breadcrumbs in your theme.

After that, you can customize it directly from the theme editor. From Theme settings, find the Schema & Breadcrumbs tab in the right sidebar where you will find the available options.

Setting up FAQ schema

A Frequently Asked Question (FAQ) page contains a list of questions and answers pertaining to a particular topic. Properly marked up FAQ pages may be eligible to have a rich result on Search and an Action on the Google Assistant, which can help your site reach the right users.

If your site has an FAQ page, you can use our app to include the coresponding structured data for it.

In order to set it up, open the app, navigate to FAQ schema settings and insert each of the questions and answers from the shop's FAQ page. The questions and answers must match the ones shown on the page.

They must be manually added in order to assure a correct schema markup with no errors or warnings.