Using Stockist Store Locator with PageFly

Stockist works with the PageFly app on Shopify, and it’s possible to add your store locator map as an element on a page built with PageFly.

Note that the steps on this page aren't always necessary: when you install our Shopify app, we’ll automatically add a new Store Locator page to your shop that already has your map set up. You can feel free to use this page without needing to set up another.
However, if you’d like to add Stockist to a page built with PageFly, you can follow the steps below.

Installing Stockist on a PageFly page

  1. In PageFly, open or create the page where you’d like to add your map
  2. Click the Add element button in the left panel, then under Basic click HTML/Liquid and find the HTML5/Liquid element:
  3. Click and drag the HTML5/Liquid element into the page at the point where you’d like the map to appear:
  4. Click on the new element you added, then click Open Code Editor in the side panel:
  5. Open the Embed code page of the Stockist dashboard. If you set up our Shopify app, click the Show manual installation steps link:
  6. Click in the grey code box to select the embed code:
  7. Right-click on the code and select Copy from your browser's right-click menu, or press Ctrl+C (or Cmd+C on Mac)
  8. Back in PageFly, paste the code from step 5 into the code editor that was opened, then click Save & Close:
  9.  The "Loading store locator..." message should appear in the HTML element you added, but the map itself won’t load within PageFly's editor view (it only loads on your live site):
  10. Click Save to update the page:
  11. To check that your map was set up properly, use the Preview option to view the page as it will appear on your site. The app should load as expected in the preview:
  12. If things look good, click Publish to make the page live on your site:
If you run into any issues, we're happy to help – just reach out using the Contact us link at the top of this page.