Getting Started
Updated 2026-06-03
Add Mapstore blocks to your theme
What this article helps you do
Add the Mapstore map block and related app embeds to your Shopify theme so your store locator appears on your storefront.
Before you start
- Mapstore is installed and you have at least one store
- You have access to Online Store -> Themes -> Customize
Step-by-step instructions
1. Open the theme editor
- In Shopify admin, go to Online Store -> Themes.
- Click Customize on your active theme.
2. Add the Mapstore map block
- Go to the page where you want the store locator (e.g. a “Store locator” or “Find us” page).
- Add a new section or select an existing one.
- Click Add block.
- In the Apps section, find Mapstore and add the Map block.
- The map will appear with your stores.
3. Enable the Mapstore app embeds
Mapstore also includes two app embeds that control storefront customization:
- Mapstore Style Settings
- Mapstore Text Settings
To enable or edit them:
- In the theme editor, open App embeds or use the Mapstore links from the Mapstore home page.
- Turn on Mapstore Style Settings and Mapstore Text Settings if they are disabled.
- Open each embed to adjust styling or text labels.
4. Add the product availability block if you use product-to-store assignments
If you want shoppers to check where a product is stocked, add the separate Product availability app block on a product template:
- In the theme editor, open a product template.
- Add a block from Apps.
- Choose Product availability.
- Save after placing it where you want the button to appear.
5. Save your changes
Click Save in the theme editor to apply the changes to your storefront.
How to verify it worked
- View the page on your storefront (as a customer).
- The map loads and shows your stores.
- You can search and click stores for details and directions.
- If you enabled product availability, the button appears on product pages.
Common issues and fixes
| Issue | Fix |
|---|---|
| Map block not in the Apps list | Ensure Mapstore is installed and enabled. Refresh the theme editor. |
| Map is empty | Add at least one store in Mapstore and ensure it has a valid address. |
| Can’t find Style or Text settings | Open App embeds in the theme editor, or use the Mapstore home page links to open them directly. |
| Product availability block not visible | Make sure you are editing a product template, not a regular page template. |