Take Control of Your Navigation

Many eCommerce store platforms use loops to create elements of your website. Two of the most common are product loops and navigation loops. They make it nice and easy to build your store as they populate your category pages when you add products and add links to your nav bar when you add categories. Great way to get started but ultimately you need precision control over your navigation and loops won’t give it to you.

Often the navigation link is whatever you name your category and unless you assign a specific file name your URL is that category name too. Sounds fine but what happens when your top keyword phrase for that category changes? You change the category name in the backend of your store so the anchor text in your nav bar is the phrase you’re going after. Still sounds fine, right? Well, if you aren’t using specific file names or your store platform doesn’t offer that functionality then your URL is going to change too. Uh oh. No external links, no page rank, no search positions. You have to start from scratch.

Let’s say you are using file names so you don’t have to worry about losing the URLs you’ve put so much effort into getting ranked. If you have more than a couple of categories in your store you’re going to want to create sections within the nav bar to help your customers find what they are looking for by grouping like categories under those headings. This is impossible using your store platform’s built in loop.

You need to go static. The only way to have complete dominance over your nav is to create it by hand. That may sound strange in this era of automation, but it’s the truth. You nav bar will still be automatically added to all the pages in your site (or at least the same ones the loop nav was on) and it will still be just one file. You’re going to replace the loop with HTML code.

This is easy to do whether you’ve coded before or not. You only need one thing, your published home page. Simply go to your site, view the page source, locate your nav bar, and copy the code. Paste this code over the code for the loop, publish, and… it should look exactly the same as it did before. Voila, static nav.

Now when you want to update anchor text, all you need to do to is change it in the code and publish, easy peasy. You now also have the ability to add section headings for related groups of categories – a big bonus in the conversion department. To do this, create a new table or copy an existing one from the nav. Change the anchor text to whatever you want your heading to be and remove the hyperlink.

You can get as fancy as you want now. Change the background color of the section heading to separate it from the nav links. Add image icons to grab customer attention. Add other static pages wherever you want them. The length of your page is the limit!