Platforms
Add a store locator map to Shopify
Direct answer
How does this MapsMaker embed workflow work?
Publish the map in MapsMaker, add the iframe to a dedicated Shopify page template, and verify the active theme's Custom Liquid support.
No credit card No code Export anytime
No code
Visual map building
CSV + Sheets
Spreadsheet workflows
Website-ready
Share links and embeds
How it works
1
Prepare the locator
Build and publish the map in MapsMaker, then verify its location data, search, filters, and directions.
2
Create the Shopify page
Add a dedicated Store Locator page and assign a page template that will not affect unrelated content.
3
Copy the iframe
Open MapsMaker Share → Embed and copy the complete paid embed snippet.
4
Add Custom Liquid
Open the page template in the theme editor, add a Custom Liquid section or block, and paste the iframe.
5
Preview and publish
Check the exact page on desktop and mobile, save the theme, and verify no other template users inherited the locator.
Requirements for a Shopify store locator
Use a dedicated Shopify page and template so the locator does not accidentally appear on every resource that shares a theme template.
A published MapsMaker locator on Starter, Pro, or Business
Online Store theme-editor access and a theme that offers a Custom Liquid section or block
A dedicated Store Locator page and, when needed, a dedicated page template assigned only to that page
A clear mobile layout with enough height for search, filters, location cards, and the map
Add the map through the theme editor
Publish the map in MapsMaker and copy Share → Embed. Then open the Store Locator page's assigned template in Shopify's theme editor and add a Custom Liquid section or block.
Paste the complete iframe instead of only its src URL
Set width to 100% and begin with an explicit height around 700–800px for a locator with a list
Save the theme, preview the exact page, and confirm the map was not added to other pages sharing the template
If the theme has no Custom Liquid option, use a small custom theme section or ask a qualified Shopify developer rather than forcing code into an unrelated block
Example: a searchable retail-locations page
A useful `/pages/store-locator` page can introduce the store network in visible Shopify text, show a 750px MapsMaker locator, and finish with customer-service information.
Use groups for primary store types and tags for cross-cutting services such as pickup or repairs
Store accurate coordinates, opening hours, phone numbers, and website CTAs in MapsMaker
Keep shipping, stock, and ordering claims in Shopify content unless they are backed by a separate live integration
Troubleshoot theme and sizing problems
Theme-template scope is the first thing to check when the embed appears in the wrong place; dimensions and domain access are the next checks.
Map appears on several pages: create a dedicated page template and assign it only to the locator page
No Custom Liquid section: confirm the active theme supports it or use a reviewed custom section
List or filters are cut off: increase the iframe and section height and test the theme's mobile breakpoint
Domain denied: allow the live Shopify storefront domain on MapsMaker Business; add a separate preview host only if that preview sends a usable referrer and is part of your test plan
Limits, performance, and official Shopify guidance
The embed is an interactive locator, not a Shopify app. It does not automatically read inventory, orders, customers, or product availability.
MapsMaker records best-effort map views and actions; those events are not Shopify purchase attribution
Theme changes and app wrappers can alter spacing, lazy loading, or content-security rules, so re-test after a theme update
Review Shopify's official Help Center pages named "Sections and blocks" and "Templates" because available blocks depend on the theme and its version
Frequently asked questions
Do I need a Shopify app?
No for the basic iframe workflow. MapsMaker is embedded through the theme, so it does not install as a Shopify app or gain access to store orders and customers.
Why is Custom Liquid missing from my theme?
Sections and blocks vary by theme and template. Check the current theme documentation; if it does not expose Custom Liquid, use a reviewed custom section or developer-assisted theme edit.
Why did the locator appear on several pages?
Those pages share the same Shopify template. Create a dedicated page template and assign it only to the Store Locator page.
Does MapsMaker track Shopify purchases from the map?
No. MapsMaker records best-effort map interactions such as views, marker clicks, directions, and CTAs, not completed Shopify orders or revenue attribution.
Can I update store locations without changing the theme?
Yes. Save the location changes in MapsMaker and keep the existing iframe. Revisit Shopify only when the page layout or embed markup needs to change.
Build with MapsMaker
Create your map in minutes
Start with a template, import locations if you have a spreadsheet, and publish a link or embed.