How to Add a Store Locator to Drupal

Adding a store locator to your Drupal site? This guide covers using Custom Blocks and embedding in content for Drupal 10 and 11. 🎯

What is Storepoint?

Storepoint is a store locator widget that makes it easy to add a searchable location finder to your Drupal website. Use it as a store locator, dealer locator, or multi-location map.

Here's what makes it great:

• Easy to customize. Match your Drupal site's branding in minutes.
• Powerful search. Visitors can search by address, zip code, or use automatic geolocation.
• Filters and categories. Help visitors find exactly what they're looking for.
• Simple location management. Add locations via the dashboard, import from a spreadsheet, or sync from Google Sheets.
• Works beautifully on mobile. Fully responsive out of the box.

Start Your Free Trial See Examples

Ready to get started? ✨

Step 1: Get Your Embed Code

1. Log in to your Storepoint dashboard
2. Click Embed in the left sidebar
3. Copy your embed code snippet

Get Embed Code

Before You Embed: Check Text Format Settings

Drupal filters HTML for security. Before embedding, make sure your text format allows script tags:

1. Go to Configuration → Content authoring → Text formats and editors
2. Edit the Full HTML format
3. Under "Allowed HTML tags", ensure <script> and <div> are allowed
4. Save the text format

Step 2: Add It to Your Drupal Site

Option A: Using a Basic Page

1. Go to Content → Add content → Basic page
2. Enter a title like "Store Locator", "Find Us", or "Locations"
3. In the Body field, switch to Source or HTML mode
4. Paste your Storepoint embed code
5. Set the Text format to Full HTML
6. Save the page

Option B: Using a Custom Block

For more control over placement:

1. Go to Structure → Block layout → Custom block library
2. Click Add custom block
3. Name it "Store Locator Widget"
4. In the Body field, switch to Source/HTML mode
5. Paste your Storepoint embed code
6. Set the Text format to Full HTML
7. Save the block
8. Go to Structure → Block layout and place the block in your desired region

That's it! 🙌

Adding to Navigation

To add your locator page to your menu:

1. Go to Structure → Menus → Main navigation
2. Click Add link
3. Enter a title like "Locations" or "Find Us"
4. In the Link field, start typing your page title and select it
5. Save the menu

Need Help?

Run into any issues? Contact us with a link to your page and we'll help get it sorted. We're happy to assist!

Make It Your Own

Now that your locator is live, explore what else you can do:

• Add filters and tags so visitors can find specific location types
• Customize the design to perfectly match your brand
• Set up multiple languages for international audiences
• Learn about embed options for filtered or multilingual locators