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

How to Add a Store Locator to HubSpot

Add a searchable store locator to your HubSpot CMS site or landing page using a Rich Text or Custom HTML module. Works on every HubSpot theme.

A Storepoint store locator on a HubSpot CMS page

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

Use it as a store locator, dealer page, provider directory, restaurant finder, or stockist page. Drops into a Rich Text or Custom HTML module on website pages, landing pages, and blog posts. Works on every HubSpot theme.

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: Open your page

In HubSpot, go to Marketing > Website > Website Pages (or Landing Pages for marketing campaigns). Either edit your locator page or click Create > Website page and pick a template that has a Rich Text module in the layout.

Step 3: Paste the embed (pick your path)

Path A: Rich Text module

If your template already has a Rich Text module on the page:

  1. Click the Rich Text module to open the inline editor
  2. In the toolbar, click Insert > Embed
  3. Paste your Storepoint snippet into the embed dialog
  4. Click Insert

Path B: Custom HTML module

If your template doesn't have a Rich Text module where you need it:

  1. In the page editor, click Add to drop a new module onto the page
  2. Search the module library for HTML or Embed
  3. Drag it where the locator should appear
  4. Paste your Storepoint snippet into the content field
  5. Save the module
Editor preview shows a placeholder

HubSpot's editor often renders embeds as a grey block. Click Preview in the top right to see the actual locator.

Step 4: Publish

  1. Click Preview to confirm the locator loads and a search works
  2. Click Publish when you're ready

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


Add it to navigation

  1. Go to Settings > Website > Navigation
  2. Pick the menu (Main, Footer, etc.)
  3. Click Add menu item and choose your locator page
  4. Save

Match your theme

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 HubSpot site link and we'll match the locator to your theme. Fonts, colors, layout, button shapes. Free, every plan. See examples →

Talk to us

Email [email protected] with your page link. We answer ourselves, no canned replies, no ticket queue.

Take it further

Still have questions?

We're happy to help anytime.

Get in Touch

Ready to get started?

Create your locator in minutes.