Docs / Getting Started / Embed on Your Website / How to Add a Store Locator to Joomla

How to Add a Store Locator to Joomla

Add a searchable store locator to your Joomla site using a Custom HTML module. Works on every Joomla template.

A Storepoint store locator on a Joomla site with search and brand-matched design

Add a searchable map of your locations to any Joomla page in a single paste. Your Storepoint locator updates straight from your dashboard whenever your locations change, so the site you built stays exactly as you built it.

Use it as a store locator, dealer map, where-to-buy page, restaurant finder, or provider directory for clinics, salons, and other service businesses. Drops into a Custom HTML module assigned to any menu item, on any Joomla template.

Start your free trial   See examples


Step 1: Set up your locator

  1. Create a Storepoint account and follow the prompts (you'll pick a map provider and a few basics), or log in if you already have one
  2. Add your locations: type them in, import a spreadsheet, or sync from Google Sheets
  3. Open Embed in the dashboard sidebar and copy your snippet

Open the Storepoint dashboard

Step 2: Add a Custom HTML module

  1. Go to Content > Site Modules (or Extensions > Modules)
  2. Click New and pick Custom
  3. Title: "Store Locator"
  4. In the Custom Output field, paste your locator code
  5. Position: pick where the locator should appear in your template (e.g. main-content, position-7)
  6. Show Title: Hide
  7. Save
First time embedding a script in Joomla?

Joomla strips embed scripts by default for safety. To allow your locator code through, go to Content > Articles > Options, open the Text Filters tab, and set Filter Type to No Filtering for Super Users only. Other groups should stay on the default filter.

Step 3: Assign it to a page

  1. Open the Menu Assignment tab on the module
  2. Choose Only on the pages selected
  3. Tick your store locator menu item
  4. Save

If you don't have a menu item yet, create one under Menus > Main Menu > New and pick Single Article (or any layout). The Custom HTML module will appear on whichever page you assign it to.

Step 4: View, search, done

Open the page on your live site. Try a search. You should see your locations.

That's the full setup. From here, every location update flows through your Storepoint dashboard. Your Joomla template stays exactly as you built it.


Embedding directly in an article (alternative)

If you'd rather keep the locator inside an article instead of a module:

  1. Content > Articles > New
  2. In the editor, click Toggle Editor (or switch to Code View) to get the HTML mode
  3. Paste your Storepoint snippet
  4. Save
If your snippet gets stripped on save

That's TinyMCE's "Prohibited Elements" filter. Go to Extensions > Plugins > Editor - TinyMCE, open your editor profile (often "Set 0 - Default"), and remove script and iframe from the Prohibited Elements list.

Match your template

Style it yourself from the dashboard: map style, marker pins, colors, button shapes, layout. Full CSS access is open on every plan.

Or have us style it for you, free.

Send us your Joomla site link and we'll match the locator to your template. Fonts, colors, layout, button shapes. Included with every plan. See examples →

Common questions

Which Joomla versions does this work on? Joomla 4 and Joomla 5 use the same Custom HTML module, so the install above applies to both.

Have a question?

Email [email protected]. We read every message and answer ourselves.

Next up

Still have questions?

We're happy to help anytime.

Get in Touch

Ready to get started?

Create your locator in minutes.