PrestaShop
+

How to add a PrestShop Store Locator wihout coding

Add a powerful, fully customizable store locator for PrestaShop to your online store to help customers quickly find your physical locations. This step‑by‑step guide shows you how to set up your PrestaShop store locator in minutes, with zero coding required.

Step 1: Configure Your Map

  • Log in to your MapCosmos dashboard.
  • Add Locations: Enter store addresses manually or import via CSV/Excel.
  • Customize Design: Adjust colors, fonts, and layout to match your PrestaShop theme.
  • Add Details: Include opening hours, parking, accessibility, and more.
  • Copy Installation Code: Click “Copy installation code” in the Map Widget view.
👉For a full overview of customization options, map styles, and advanced features, see our detailed Store Locator Features page.
MapCosmos widget screen showing the 'Copy installation code' button to copy the embed code to the clipboard.

For a detailed walkthrough on how to set up your MapCosmos widget and generate the installation code, please refer to our detailed guide.

Step 2: Install and Configure the Module

First, you'll upload and set up the module in your PrestaShop back office.

1. Navigate to Modules in your PrestaShop dashboard. Once there, click the Upload a module button.

PrestaShop dashboard highlighting the Modules section with the 'Upload a module' button.

2. In the pop-up window, upload the MapCosmos module, which can be downloaded using this link.

3. After the module has been successfully installed, click the Configure button to proceed.

PrestaShop Modules page showing the MapCosmos module with the 'Configure' button after successful installation.

4. In the configuration screen, paste your unique MapCosmos installation code (which you copied earlier) into the "Map Cosmos installation code" field and click Save. Your store locator PrestaShop module is now configured and ready to display your locations.

‍

PrestaShop MapCosmos module configuration screen showing where to paste the installation code and the Save button.

Part 2: Display the Map on a Page

Next, you will create a new page to display your store locator.

1. Navigate to Design > Pages in your PrestaShop to view your list of CMS pages. Click Add new page.

PrestaShop CMS pages list showing the option to add a new page for displaying the MapCosmos store locator.

2. Fill in the page details. Give your page a Title, such as "Store locator".

3. In the Page content editor, add the shortcode {map_cosmos}. This shortcode will be automatically replaced with your interactive map on the live site.

4. Ensure the page is set as Displayed and click Save.

PrestaShop page content editor showing the {map_cosmos} shortcode added and the Displayed option enabled before saving.

Your interactive PrestaShop store finder is now live and ready to help customers find your stores. Need assistance? Contact us at contact@mapcosmos.com! for support with your PrestaShop store finder.

❓ Frequently Asked Questions (FAQ)

Q1: How do I add store addresses in PrestaShop?

To add store addresses in PrestaShop, open your MapCosmos dashboard and add each location manually or import them in bulk using a CSV or Excel file. Then, sync your map with your PrestaShop store to display all physical locations automatically.

Q2: Why is my store locator not showing on the website?

If your store locator isn’t showing on your website, make sure the embed code was pasted correctly in your PrestaShop module or page editor. Also, verify your API key or map token and ensure your store coordinates are entered accurately.

Q3: Can I use MapBox instead of Google Maps?

Yes, the MapCosmos Store Locator for PrestaShop supports multiple map providers. You can use MapBox as a free alternative to Google Maps by configuring it in your MapCosmos dashboard under map settings.

Q4: How can I change the default map zoom level?

You can change the default zoom level in your MapCosmos dashboard under map customization settings. Adjust the zoom value until the map displays the best view of your store locations for your customers.

Q5: How to translate the store locator into multiple languages?

To translate your PrestaShop store locator, use store locator built-in translation tools or create multilingual versions of your map in MapCosmos. The plugin supports multiple languages, allowing your store locator to match your site’s localization setup.

All integrations