Step-by-Step Guide to Setting Up Magical XML & HTML Sitemap on Shopify

This article will walk you through how to install and setup the Magical XML/HTML Sitemap app on your Shopify Store.

App Install Instructions

Installing the app in Shopify is easy.

Click “Add app” on the Magical Sitemap app listing.

App Setup Instructions

After completing the app installation, read the setup instructions to learn how to create your sitemap and add a link to it on your store.

Initial App Setup

Setup Instructions

The guided setup process within the app ensures the sitemap will be active in minutes, not hours. Open the app in within the Shopify store to view the detailed instructions for each of the following steps:

  • Step 1: Create your sitemap
  • Step 2: Add a link to your sitemap

For assistance with setup, contact the Magical Apps team once the app is installed.

App Setup Instruction Library

Create your HTML sitemap

Walkthrough Video
Instructions

You must create your sitemap to begin using the app.

Click “Create sitemap” to generate the sitemap. By default, it will list all Products, Collections, and Pages on your store.

Walkthrough Video
Instructions
  1. From your Shopify admin, go to Online Store > Navigation.
  2. On the Navigation page, click the title of the menu that you want to edit.
  3. Click Add menu item.
  4. Enter a name for the menu item. This name displays in the menu, and can include special characters or emoji.
  5. Click the Link field, and then enter  /tools/sitemap
  6. From the dropdown below select the box with the arrow and /tools/sitemap to lock in your selections.
  7. Click Add to save your menu item.
  8. Click Save menu.
  1. From your Shopify admin, go to Online Store > Navigation.
  2. On the Navigation page, click the title of the menu that you want to edit.
  3. Click Delete beside the menu item that you want to remove.
  4. Click Remove to confirm.
  5. Click Save menu.

Submit your XML sitemap to Google

Your XML sitemap is a separately generated page designed to help search engines like Google index your website.

Follow these instructions to submit your XML sitemap to Google:

  1. Add domain properties and verify your site with Google.
  2. Copy your XML sitemap link: https://{INSERT-YOUR-STORE-URL}/sitemap.xml
  3. Submit your sitemap file to Google Search Console.

Click the XML sitemap submitted button to confirm you have submitted your sitemap to Google.

Walkthrough Video

Customizing the HTML sitemap

By default, the app generates an HTML sitemap featuring All Products, All Collections, and All Pages. However, it can also be manually customized:

Adding specific Products, Collections, Pages, Blogs, or Blog Posts to the HTML Sitemap
  1. Open the “HTML Sitemap” page in the app.
  2. Click “Add Item” within the section you want to edit.
  3. Under “Type” select the type of content you want to add.
  4. Under “Name” type the name of the page being added.
  5. Click within the “Link” box and paste the link or select the content you want to link to.
  6. Click “Add”.
  7. Click “Save” to publish the addition.
  1. Open the “HTML Sitemap” page in the app.
  2. Click “Add Item” within the section you want to edit.
  3. Under “Type” select “Custom URL”.
  4. Under “Name” type the name of the page being added.
  5. Under “Custom Link” paste the URL for the page being added.
  6. Click “Add”.
  7. Click “Save” to publish the addition.
  1. Open the “HTML Sitemap” page in the app.
  2. Click “Add Item” within the section you want to edit.
  3. Under “Type” select “Custom URL”.
  4. Under “Name” type the name of the page being added.
  5. Under “Custom Link” paste the URL for the page being added.
  6. Click “Add”.
  7. Click “Save” to publish the addition.

Frequently Asked Questions

Discover answers to common questions about the Magical XML/HTML Sitemap app for Shopify.

Read FAQs


Magical XML/HTML Sitemap

Easily add customizable XML/HTML sitemaps, improve navigation, and start ranking higher on Google with the Magical XML/HTML Sitemap app.