How to Add a Store Locator to Weebly (Complete 2026 Guide)

The quickest way to add a store locator to Weebly is one embed code: create your locator, copy the code from the Install page and paste it into Weebly's Embed Code element. Later changes to your locations happen in the StoreRocket dashboard, not in Weebly.

This guide covers that path, the alternatives, and what to check once the page is published. We make StoreRocket, so weigh our view with that in mind.

Related: What is a store locator? | Best store locator software 2026

The short answer

Only a few locations and no budget? You may not need a store locator at all. A free embedded map with a pin for each location is fine when the list is short, rarely changes and visitors only need to see where you are. Our guide to free store locator options compares them.

Your options for a Weebly store locator

Option 1: Weebly App Center

How it works: Install an app from Weebly's App Center.

Pros:

• Native Weebly integration
• Easy installation

Option 2: Embedded solution

How it works: Use a dedicated store locator platform and embed it using Weebly's embed element.

Pros:

• A full store locator with its own design settings
• Analytics, lead capture and Google Sheets sync, depending on the plan (see pricing)
• Works on any Weebly plan with embed support

Cons:

• Separate dashboard for location management

Best choice: StoreRocket

Option 3: Basic Google Map embed

How it works: Embed a simple Google Map.

Pros:

• Free
• Easy

Adding StoreRocket to Weebly

Prerequisites

Weebly plan: You need a site where you can add Weebly's Embed Code element. If the code does not run on your plan, check Weebly's plan details.

Step 1: Create Your StoreRocket Account

1. Visit storerocket.io/get-started
2. Enter your email and create a password
3. You're in! No credit card required for the free trial

Step 2: Add Your Locations

For a few locations (manual entry):

1. Go to Locations > Add a location
2. Enter your business name
3. Type the address and pick it from the suggestions
4. Add phone number and email
5. Set your weekly opening hours
6. Click Save
7. Repeat for additional locations

For many locations (CSV import):

1. Prepare a spreadsheet with: Name, Address, Phone, Hours
2. Go to Locations > Import locations
3. Upload your file (CSV, TSV, TXT, XLS or XLSX)
4. Match its columns
5. Review what will change, choose to add the rows or replace the current list, then publish

For ongoing management (Google Sheets sync, depends on the plan, see pricing):

1. Open Locations > Google Sheets Sync in StoreRocket and create a new linked spreadsheet
2. StoreRocket exports your current locations and emails you the spreadsheet link
3. Add or edit locations in the linked spreadsheet using its template columns
4. Enable automatic daily sync, or click Sync from Sheets after editing

To bring in an existing spreadsheet, import its CSV or Excel export first. Continuous sync uses the spreadsheet created by StoreRocket. Follow the Google Sheets setup guide.

Your store locator updates after the daily sync, or when you click Sync from Sheets.

Step 3: Customize Your Store Locator

1. Open Widget Studio
2. Choose a locator style
3. Set colors to match your Weebly site
4. Configure:
   • Map style
   • Search radius
   • Distance units

Choose Google Maps or Mapbox before you copy the embed code: switching provider later means pasting the code again.

Step 4: Add Filters (Optional but Helpful)

If your locations differ, help visitors filter:

1. Go to Locations > Search Filters
2. Create filter groups:
   • Services offered (Repairs, Pickup, etc.)
   • Products available
   • Features (Parking, Wheelchair accessible)
3. Assign filters to locations

Step 5: Get Your Embed Code

1. Open the Install page in your StoreRocket dashboard
2. Copy the embed code shown on your StoreRocket Install page. It already carries your account ID, so paste it exactly as copied.

Step 6: Add to Your Weebly Site

In the Weebly Editor:

1. Log into your Weebly account
2. Open your site in the editor
3. Navigate to the page where you want the store locator (or create a new page called "Locations")
4. Drag an Embed Code element onto the page
5. Click on the element to edit
6. Click Edit Custom HTML
7. Paste your StoreRocket embed code
8. Click outside to close
9. Publish your site

Creating a dedicated Locations page:

1. In Weebly Editor, click Pages in the top menu
2. Click + Add Page
3. Name it "Find Us" or "Locations"
4. Add the Embed Code element
5. Paste your StoreRocket code
6. Publish

Step 7: Add to Navigation

Make sure visitors can find your store locator:

1. Your new page should automatically appear in navigation
2. Drag to reorder if needed
3. Consider adding to footer navigation too

Weebly-specific tips

Choosing the right page layout

For best results:

• Use a page layout with a full-width content area
• Or use a single-column layout
• Avoid narrow sidebars that constrain the map

Mobile experience

Weebly sites are mobile-responsive, and the locator adapts from a desktop map to a phone layout:

• Test your store locator on mobile
• Make sure the embed area isn't constrained
• Check that search, results and directions work

Matching your Weebly theme

1. Note your Weebly theme's colors
2. Apply matching colors, font and button text in the locator's design settings
3. Preview the result before you save

Square merchants

Weebly is owned by Square. If you sell through Square, add your physical locations to StoreRocket so customers can find where to shop in person. You add and update locations in the StoreRocket dashboard.

Lead capture for small businesses

Lead capture depends on the plan (see pricing). When a search finds no location nearby, the locator can ask the visitor for their email. The lead lands in your dashboard, and your team can also get an email for each new lead.

To set it up, open the lead form settings on the Leads page and enable the form. Then decide what to do with the leads: reply with directions, tell them when you open a nearby location, or add them to your email list.

Analytics for small business owners

Analytics depends on the plan (see pricing). It shows:

• How many people view and search your locator
• What they typed into the search box
• Where people searched on a map, including searches that found nothing nearby
• Which locations get clicked
• Leads collected

Searches from an area you do not serve yet are a useful signal when you plan a new location.

SEO for your store locator page

In Weebly's page settings, give the page a clear title, description and URL.

Page Title:

 1Find a Location | [Your Business Name]

Meta Description:

 1Find [Business Name] locations near you. Get directions, hours, and contact info.

URL:

 1/locations or /find-us

Common Weebly questions

Does this work with Weebly Free?

The Embed Code element is part of Weebly's editor. Publish a test page to check the locator loads on your plan, and check Weebly's plan details if it does not.

Can I show my Square locations?

Add your Square retail locations in the StoreRocket dashboard, by hand or from a spreadsheet.

What if I only have one location?

Then a free embedded map is often enough, as the first card above says. A store locator starts to earn its place when you want customers to:

• Get directions in Google Maps from a location card
• See your hours with an open-or-closed status
• Search by address once you add more locations

If you expect to add locations soon, setting up the locator now means the page is ready when they open.

Can I change colors to match my Weebly theme?

Yes. You choose the locator style, brand color, font and button text in the design settings.

Will it slow down my Weebly site?

StoreRocket runs only on the page where you embed it. Test the published page in PageSpeed Insights alongside your other page assets.

Troubleshooting

Widget doesn't appear

Check:

1. Your Weebly plan runs embed code
2. The embed code is complete
3. The page is published (not just saved)
4. There are no HTML errors

Fix: Try removing and re-adding the embed element

Widget looks small

Check:

1. The embed element has enough space
2. No constraining CSS from your theme

Fix: Place in a full-width section or adjust spacing

Can't find the embed element

In Weebly Editor:

1. Click the + or Add Elements button
2. Scroll to More section
3. Look for Embed Code element
4. Drag it to your page

Best practices for small businesses

Keep information current

Wrong hours frustrate customers. Update:

• Weekly opening hours
• Temporary closures, with a note in a custom field such as "Holiday hours" that you clear afterwards
• New locations

Make it easy to find

• Link in main navigation
• Link in footer
• Mention on homepage
• Include in contact page

Encourage action

• Keep directions easy to reach
• Show your phone number and website on each location
• Show hours clearly
• Add a button on each location for an offer or booking link

Review analytics regularly

If your plan includes analytics, look at search volume and where people searched. It helps with decisions about hours, marketing and new locations.

Get your Weebly store locator live

StoreRocket gives Weebly sites a store locator for their own website: import your locations from a spreadsheet, match it to your brand and paste one embed code. Create your locator with a free trial, no credit card needed.

Need help adding a store locator to Weebly? Contact our team.