Articles on: Nabu for Sitemap
This article is also available in:

How to Add the HTML Sitemap to Your Shopify Store

An HTML Sitemap is a human-readable page that lists all important links of your store in an organized format. It helps visitors navigate your store easily and also helps search engines discover pages through internal linking.


This guide explains how to add the HTML Sitemap generated by Nabu Sitemap to your Shopify store.


What is the HTML Sitemap in Nabu Sitemap?

Nabu Sitemap automatically creates an HTML Sitemap page for your store.

  • It lists your store’s products, collections, pages, and blog content
  • It is meant for store visitors and internal navigation
  • It is not meant to be submitted to Google Search Console

👉 For search engines, you should submit the XML Sitemap instead


Step 1: Open the HTML Sitemap section in the app

  1. Open Nabu Sitemap from your Shopify Admin
  2. Go to the HTML Sitemap section
  3. You’ll see your HTML Sitemap link, usually like:


/apps/sitemap


You can click View HTML Sitemap to preview the page.


HTML Sitemap


From the HTML Sitemap card, copy the link shown (for example):


https://your-store.myshopify.com/apps/sitemap


You’ll use this link when adding it to your store navigation.


Step 3: Go to Shopify Menus

  1. Open Shopify Admin
  2. Navigate to Content → Menus
  3. Choose the menu where you want to add the sitemap link

👉 Recommended: Footer menu

Footer placement is best because:

  • Visitors expect sitemap links there
  • It doesn’t clutter your main navigation
  • Search engines can still crawl it


Content > Menus


Step 4: Add the Sitemap menu item

  1. Select your footer and add menu items
  2. Set the Name as: "Sitemap"
  3. In the** Link **field, paste: /apps/sitemap
  4. Click Add

Step 5: Save & Publish

  1. Click Save on the menu
  2. Visit your storefront
  3. Scroll to the footer and click Sitemap to confirm it opens correctly


✅ Your HTML Sitemap is now live on your store.


Sitemap displayed on Footer


Example of a Generated HTML Sitemap

The default design, layout, and styling of the HTML Sitemap automatically follow your Shopify theme’s styles, ensuring it looks consistent with the rest of your store.


If you change your Shopify theme in the future, the HTML Sitemap will automatically adapt to the new theme’s design.


Additionally, you can use Nabu Sitemap’s app settings to customize the HTML Sitemap design based on your preferences.


Product links


Collections, Pages, Blog Categories, Articles

Important Notes

  • The HTML Sitemap updates automatically when your store content changes
  • You can refresh it anytime from the app using the Refresh button


What to do next?

Now that your HTML Sitemap is added:

👉 Check out our other help articles to learn:

  • How to submit your XML Sitemap to Google Search Console
  • How to submit your XML sitemap to Bing Webmaster Tools


Updated on: 06/01/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!