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

How to Add a Store Locator to Drupal

Add a searchable store locator to your Drupal site. Drop the locator into a Basic Page or a Custom Block. Works on every Drupal theme.

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

Add a searchable map of your locations to any Drupal 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 Basic Page or a Custom Block using Drupal core, on any 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: Add the locator to your Drupal site

Two ways to do this. Pick whichever fits where you want the locator to appear.

Path A: Basic Page (a single page just for the locator)

  1. Go to Content > Add content > Basic page
  2. Title: "Store Locator", "Find Us", or "Locations"
  3. In the body field, click Source (or switch to the HTML view)
  4. Paste your locator code
  5. Set Text format at the bottom of the body field to Full HTML
  6. Save
  1. Go to Structure > Block layout > Custom block library
  2. Click Add custom block
  3. Title: "Store Locator Widget"
  4. In the body, click Source, paste your locator code
  5. Set Text format to Full HTML, save
  6. Go back to Structure > Block layout and click Place block in the region where you want the locator
  7. Find your custom block, place it, save
First time embedding a script in Drupal?

Drupal's Full HTML format may need <script> added to its allowed tags before your code will save properly. Go to Configuration > Content authoring > Text formats and editors, edit Full HTML, and make sure <script> and <div> are listed under Allowed HTML tags. Limit this format to Administrator roles only.

Step 3: Clear cache, then view

Drupal caches aggressively. After saving:

  1. Go to Configuration > Performance
  2. Click Clear all caches (or run drush cr from the CLI)
  3. Open the page, try a search

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


Add it to the menu

  1. Go to Structure > Menus > Main navigation
  2. Click Add link
  3. Title: "Locations" or "Find Us"
  4. In the Link field, start typing the page title and pick it from autocomplete
  5. Save

Match your design

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

Common questions

Which Drupal versions does this work on? Drupal 10 and Drupal 11 both use the same Basic Page and Custom Block features, so the install above applies to both.

Hit a snag?

Send us a note at [email protected]. We answer ourselves and we know our way around Drupal.

Keep going

Still have questions?

We're happy to help anytime.

Get in Touch

Ready to get started?

Create your locator in minutes.