Why MapCosmos
Imagine MapCosmos as an intuitive, customizable store-locator widget that you can embed into any HTML website in just minutes. It gives your users an instant way to find physical stores, improves user experience, and boosts local visibility.
In this guide, we’ll walk you through how to embed MapCosmos Store Locator widget into a HTML page—no coding expertise needed.
Step-by-Step Guide how to add Store Locator to HTML.
1. Set Up Your Account & Locations
- Sign up and log into MapCosmos Store Locator
- Enter your store details manually or upload them via CSV/Excel. This includes store names, addresses, opening hours, tags, and metadata such as services, products, team members, parking availability, and more.
2. Customize the Widget
Begin by tailoring the store locator to match your brand and user needs.
- Choose your map provider: Select between Google Maps or Mapbox. You can find out more in our article: Mapbox vs. Google Maps: Which Is Better for Your Map Widgets?
- Personalize the design: Adjust colors, fonts, and map marker icons to stay consistent with your brand identity.
- Add custom fields: Provide additional store details to enhance the user experience, such as:
- Parking availability
- Distance to the nearest parking facility
- Accessibility information
- PDF downloads (e.g., product catalogues, service menus, or pricing sheets)
You can even include a button to download or view the file directly from the store profile.
- Enable smart filters: Allow users to filter results by store type, available services, or real-time options like “Open Now”. This makes the search process faster and more intuitive.
3. Generate Embed Code & Insert into HTML
- Once your locator’s configured, get the embed snippet
- Paste this snippet into your HTML page—inside <body> where you want the store locator to appear.
- The widget render instantly, even on static HTML.
Save, Publish — and You’re Done! 🚀
You’ve now added a powerful, fully responsive store locator to your HTML website using MapCosmos Store Locator. It’s fast, mobile‑friendly, and tailored to help your customers find the right location—right when they need it.
Now your visitors can:
✅ View detailed store addresses, opening hours, and contact info
✅ Get directions instantly with a single click
✅ Discover which locations offer specific services or product ranges
✅ Connect with your team—the people behind your brand, serving with care and local expertise
🚀 Get started with MapCosmos for free today
and add a feature-rich, beautifully branded store locator to your website in just a few minutes.
