Hello Nicola,
Thank you for contacting Rank Math.
I have installed in a local WordPress installation the Hello Elementor theme and the Rank Math and Elementor plugins.
To enable the breadcrumbs, you need to copy the PHP code displayed at the top of the breadcrumbs section. You can get it at WordPress Dashboard > Rank Math Dashboard > General Settings > Breadcrumbs
After that, you need to go to the WordPress Dashboard > Appearance > Theme Editor and there, look at the right panel for a folder called template-parts.
You need to edit the following files: 404.php, archive.php, search.php and single.php.
You only need to add the code you copied from the Rank Math breadcrumbs page (this one):
<?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?>
Add it just before the main tag opens on each file.
After that just save the files and if you are using a cache plugin, empty it; and your breadcrumbs should display.
I have attached a screencast showing how to do it:
https://i.rankmath.com/l3ed6J
Looking forward to helping you.
Thank you.
hi Todd,
Many thanks for your reply.
So, I did the modifications you suggested and run into one more issue 🙂
When the page is set as “default”, the breadcrumb is displayed on the page.
However, I use the setting “Elementor Full Width” and the breadcrumb does not display.
Is it possible to have it with this setting?
Additionally, I was wondering if it is possible to display it in a different section of the page rather than having it only at the top below the header?
Hello Nicolas,
To answer your first question, when you set the setting “Elementor Full Width”, you are using a custom Elementor template instead of the ones you just added the breadcrumbs code.
So in that case, you should add a shortcode with the Rank Math’s breadcrumb code. And you can place that shortcode wherever you want in the page you are editing with Elementor.
This is the Rank Math’s breadcrumb code you have to add in the shortcode field:
I have recorded a little screencast so you can see how I create an Elementor page with the “Elementor Full Width” setting and I am placing the breadcrumb below all the content:
https://i.rankmath.com/ecHavG
To answer the second question, yes, you can place the breadcrumb’s code wherever you want in the page; just add it wherever you need it in the templates you edit. For example, I am going to share with you a screencast where I change the breadcrumb’s position in the search template from the top of the page to the bottom:
https://i.rankmath.com/sOPPI3
If you do have another question in the future, please feel free to create a new forum topic, and it will be our pleasure to assist you again.
Thank you.
Todd – That was the perfect answer!!!
All working now 🙂
Thank you so much for your help and support !!!!
Hello Nicolas,
We are super happy that this resolved your issue.
If you have any other questions in the future, know that we are here to help you.
If you don’t mind me asking, could you please leave us a review (if you haven’t already) on https://wordpress.org/support/plugin/seo-by-rank-math/reviews/#new-post about your overall experience with Rank Math? We appreciate your time and patience.
If you do have another question in the future, please feel free to create a new forum topic, and it will be our pleasure to assist you again.
Thank you.
