How to Add a Store Locator to Weebly

This guide provides a step-by-step walkthrough for embedding a MapCosmos store locator widget on your Weebly site.

Step 1: Copy your installation snippet

Log into your MapCosmos dashboard, open the widget you want to use, and click Installation Code. Copy the code that’s generated for you.

If you don’t have a widget yet, check out the setup guide for creating one.

Step 2: Place the widget on your Weebly page

In Weebly, scripts can’t be pasted directly into text blocks, so you’ll use the Embed Code element:

1. In your Weebly editor, open the page where you want the Store Locator to appear (e.g., “Find Us” or “Locations”).

2. From the Build tab, drag an Embed Code block onto the page.

3. Click inside the block → select Edit Custom HTML.

4. Delete the placeholder text and paste your MapCosmos Installation code

5. Click outside the block to confirm.

Step 3: Publish your site

• Save your changes and click Publish in the top-right corner of the Weebly editor.
• Navigate to your live site and check the Store Locator page.
  

Your interactive MapCosmos Store Locator should now load and function on desktop and mobile 🚀

What visitors can do with your new locator

✅ Instantly search for the nearest branch, store, or partner
✅ Get one-click directions via Google or Apple Maps
✅ Filter results by categories, products, or services
✅ View rich details like hours, accessibility, parking, or downloads
✅ Seamlessly connect your online and offline presence

🚀 Start with MapCosmos free today and give your Weebly site a fully responsive, customizable store locator in just minutes.