> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.adnabu.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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](https://storage.crisp.chat/users/helpdesk/website/-/e/b/1/4/eb146ac45ce84800/image_8ims1k.png)

## Step 2: Copy the HTML Sitemap link
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](https://storage.crisp.chat/users/helpdesk/website/-/e/b/1/4/eb146ac45ce84800/image_1guy8nc.png)

## 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**
![](https://storage.crisp.chat/users/helpdesk/website/-/e/b/1/4/eb146ac45ce84800/image1n250v5-1_1y8almz.png)
## 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](https://storage.crisp.chat/users/helpdesk/website/-/e/b/1/4/eb146ac45ce84800/image_yli9t4.png)

## 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](https://storage.crisp.chat/users/helpdesk/website/-/e/b/1/4/eb146ac45ce84800/image_1izze1n.png)

![Collections, Pages, Blog Categories, Articles](https://storage.crisp.chat/users/helpdesk/website/-/e/b/1/4/eb146ac45ce84800/image_1s9zb81.png)
## 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**