How to Add a MapCosmos Store Locator to OpenCart: Step-by-Step Guide

Adding a store locator to your OpenCart website is an essential way to help customers find your physical stores quickly. Using MapCosmos, you can create a fully interactive map that displays your locations, provides detailed store information, and improves both user experience and local SEO. In this guide, we’ll show you exactly how to embed MapCosmos into OpenCart.

Why You Need a Store Locator on OpenCart

A store locator is more than just a map. It helps you:

• Improve local SEO and appear in “near me” searches.
• Increase foot traffic to physical stores.
• Display extra info like parking availability, accessibility, and opening hours.
• Enhance user experience and customer engagement.

For businesses in [City/Region] or serving multiple locations nationwide, integrating a store locator ensures customers can easily find your nearest store.

Step 1: Sign Up and Configure MapCosmos

1. Go to MapCosmos and create an account.
2. Add your store locations with details like address, phone number, and opening hours.
3. Customize your map with colors, markers, and extra fields such as parking info or PDF menus.
4. Once ready, click “Get Embed Code” and copy the snippet.

Step 2: Log in to OpenCart Admin Panel

• Access your OpenCart admin at yourdomain.com/admin.
• Enter your username and password to log in.

Step 3: Embed MapCosmos on a Page

Option A: Using CMS / Information Page

1. Navigate to Design → Pages / Information.
2. Select the page where you want the store locator, or create a new page.
3. Switch to HTML / Source Mode in the editor.
4. Paste the MapCosmos embed code.
5. Save the page and preview it.

Option B: Using a Custom HTML Module

1. Go to Extensions → Modules → HTML / Custom HTML.
2. Create a new module and paste the embed code.
3. Assign it to the desired layout and position (e.g., Home page → Content Top).
4. If you want full-width map then you have to change the width to 100%.
5. Save and check the frontend to ensure the map displays correctly.

Option C: Directly in Template (Advanced)

• Edit the template file in:
  catalog/view/theme/your-theme/template/
• Paste the embed code into the .tpl or .twig file where you want the map to appear.
• Save and refresh your website.

⚠️ Tip: Direct template edits can be overwritten during theme updates, so use a child theme if possible.

Once satisfied, publish the page and share it in your navigation menu for easy access.

Benefits of Using MapCosmos on OpenCart

• Interactive maps with multiple store locations.
• Enhanced local SEO and user engagement.
• Easy customization for brand colors, icons, and info fields.
• Embed code works without additional plugins or complex coding.

Integrating a MapCosmos store locator into your OpenCart website is simple yet powerful. It helps your customers find your stores quickly, improves local SEO, and makes your online store more user-friendly.

Whether you have one location in [City/Region] or multiple locations nationwide, a store locator is essential for driving both foot traffic and online engagement.