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.
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
App Setup Instruction Library
Create your HTML sitemap
Walkthrough Video
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
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.
Add a link to your HTML sitemap
Walkthrough Video
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
Instructions
- 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/sitemap6. 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.
Remove link to your HTML sitemap
- 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:
- Add domain properties and verify your site with Google.2. Copy your XML sitemap link: https://{INSERT-YOUR-STORE-URL}/sitemap.xml3. 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
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
Need Help or Have Questions?
Visit our Help Center for additional setup instructions, troubleshooting tips, and answers to frequently asked questions about Magical Product Fees.
Always label deposits separately for compliance
Display bottle deposit fees as a clearly labeled, separate line item at checkout and on receipts. This meets regulatory transparency requirements, builds customer trust by showing exactly what they're paying, and makes it significantly easier to track deposits for reporting and audits. Use a clear label like "Bottle deposit" or "Container deposit (CRV)" so customers immediately understand the charge.
“Magical Fees is the only fee app that allows you to apply a fee based on a specific or individual state/province situation. All the other apps we tested only allow 'Location' (the entire country) which is a major limitation. The solution Magical Fees applies during the Cart to Checkout process is very smart and not a hassle. Very easy app to setup and the support was great.”