Location Finder

Help customers find your locations faster

Add a branded location finder to your website using the location data you already manage in MX. One source of truth, no second system to maintain.

Configure it live

Configured, not coded
Works on any website
Uses your managed locations

Easier customer discoveryVisitors search, filter and find the nearest location without leaving your site
One source of location dataThe locator reads the locations you already manage in MX - no second directory
Appearance you controlLayout, theme, accent colour, markers and typography - configured, not coded
Embed, not a buildOne snippet on your page, with an iframe fallback where scripts are blocked

Make it yours

A location finder that fits your brand

Choose the layout, theme, colours and markers, then publish. Everything you set here is exactly what your visitors see - try it on the panel.

Five layouts: sidebar, map only, list only and two splits
Light or dark theme with your accent colour
Numbered or icon markers shared by map and list
Typography and corner radius to match your site
Preview on desktop, tablet and mobile before publishing

Location Finder settings

Layout

Theme

Accent colour

Map markers

Corner radius14 px

Typography

Live previewPreview only · publish to apply

Search by name, address or districtAll regions ▾Open now121 locations1Commerce Bank · Nha Trang96 Đường Thích Quảng Đức, Khánh Hòa2Commerce Bank · Quận 14 Nguyễn Thị Minh Khai, Sài Gòn3Commerce Bank · Đồng Tháp132 Nguyễn Huệ, Phường Cao Lãnh

12345

Save & publish

Add it to your website in minutes

Use the JavaScript snippet on most websites, or the iframe fallback where scripts are not allowed

<div id="mx-location-finder"
     data-token="mxlf_jjf-3qPw0AQcW9gDlTaHJiLW"></div>
<script src="https://app.maplovin.com/public/location-finder/widget.js"
        async></script>

Recommended. Paste before the closing body tag.

<iframe title="Location finder"
  src="https://app.maplovin.com/public/location-finder/embed/mxlf_jjf-3qPw0AQcW9gDlTaHJiLW"
  style="border: 0; display: block; width: 100%; height: 640px"></iframe>

Fallback for pages where third-party scripts are not allowed

<!-- Custom HTML block -->
<div id="mx-location-finder"
     data-token="mxlf_jjf-3qPw0AQcW9gDlTaHJiLW"></div>
<script src="https://app.maplovin.com/public/location-finder/widget.js"
        async></script>

WordPress: add a Custom HTML block, then paste the snippet

<section class="locations">
  <div id="mx-location-finder"
       data-token="mxlf_jjf-3qPw0AQcW9gDlTaHJiLW"></div>
</section>
<script src="https://app.maplovin.com/public/location-finder/widget.js"
        async></script>

Plain HTML: place the container where the locator should appear

Public tokenEvery embed uses a public, read-only token that exposes only the fields meant for visitorsmxlf_jjf-3qPw0AQcW9gDlTaHJiLW

Works with any websiteWordPressWebflowWixSquarespaceShopifyCustom

Ready to help more people find you?

Put Location Finder on your website

We will walk you through the configuration, the embed and how it stays in sync with the locations you manage in MX.