Adding breadcrumb navigation with the shortcode
Posted: Wed Jan 15, 2025 4:53 am
The shortcode method is simple and allows you to display breadcrumb navigation links in your WordPress posts and pages or on the product pages of your online store.
Simply edit the post, page or product and paste the following shortcode where you want to display the breadcrumb navigation path:
1
[aioseo_breadcrumbs]
If you use the standard block editor, the shortcode will automatically be converted into the shortcode block.
Add shortcode for breadcrumbs
You can now save your post or page and preview it to see the breadcrumb menu in action.
This is what it looked like on our test page.
Preview of shortcode breadcrumbs navigational links
2. Adding breadcrumb navigation with the Gutenberg block
If you don’t want to use the shortcode option or don’t remember maldivian lads the shortcode, you can display breadcrumb navigation using AIOSEO – Breadcrumbs block.
Simply edit the post or page where you want to display breadcrumb navigation and add the AIOSEO – Breadcrumbs block.
AIOSEO breadcrumbs block
The plugin will then load a live preview of your breadcrumb navigation links and display them in the content area.
Don't forget to update or publish your changes.
AIOSEO breadcrumbs block preview
3. Adding breadcrumb navigation with a widget
The two methods above require you to add a shortcode or block in each post or page where you want to display breadcrumb navigation links.
What if you wanted to automatically display breadcrumbs for every post or page?
Simply edit the post, page or product and paste the following shortcode where you want to display the breadcrumb navigation path:
1
[aioseo_breadcrumbs]
If you use the standard block editor, the shortcode will automatically be converted into the shortcode block.
Add shortcode for breadcrumbs
You can now save your post or page and preview it to see the breadcrumb menu in action.
This is what it looked like on our test page.
Preview of shortcode breadcrumbs navigational links
2. Adding breadcrumb navigation with the Gutenberg block
If you don’t want to use the shortcode option or don’t remember maldivian lads the shortcode, you can display breadcrumb navigation using AIOSEO – Breadcrumbs block.
Simply edit the post or page where you want to display breadcrumb navigation and add the AIOSEO – Breadcrumbs block.
AIOSEO breadcrumbs block
The plugin will then load a live preview of your breadcrumb navigation links and display them in the content area.
Don't forget to update or publish your changes.
AIOSEO breadcrumbs block preview
3. Adding breadcrumb navigation with a widget
The two methods above require you to add a shortcode or block in each post or page where you want to display breadcrumb navigation links.
What if you wanted to automatically display breadcrumbs for every post or page?