A Comprehensive Guide to Adding a MapCosmos Widget in PrestaShop

Add a powerful, fully customizable store locator to your PrestaShop store to help customers find your physical locations. This guide provides the essential steps to get you set up quickly.

Step 1: Configure Your Map

First, log in to your MapCosmos dashboard to create and customize your map.

• Add Locations: Add your store locations manually or use the bulk import tool to upload a CSV or Excel file.
• Customize Design: Match your PrestaShop theme by adjusting the locator's colors, fonts, and layout.
• Add Details: Enhance your stores’ dedicated pages with custom information like opening hours, parking availability, accessibility, any much more.
• Copy Code: From the Map Widget view, click “Copy installation code”. Now, the embed code is copied in your 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.

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.

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.

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.

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.

Your interactive MapCosmos widget is now live on your PrestaShop page and ready to help customers find your locations. Do you need more help? Contact us at contact@mapcosmos.com!