image of logo

How to Add the MapCosmos Store Locator to Your Drupal Website (Step by Step)

Easily integrate a MapCosmos store locator into your Drupal website to help customers find your store locations quickly. This step-by-step guide covers everything from account setup to embedding the locator on your site.

1. Create a MapCosmos Account and Add Your Store Locations

  • Sign up at MapCosmos to start creating your store locator map.
  • Add each store with full details:
    • Street address
    • City and state
    • Post code
    • Opening hours
    • Optional: team members, promotions, or special offers

Tip: Use the bulk upload option in MapCosmos to quickly add multiple store locations. This ensures your local SEO is optimized for multiple regions.

2. Copy the Installation Code

  • Navigate to your MapCosmos dashboard.
  • Copy the embed code for your one-page store locator.
  • This code will allow you to display your store locations directly on your Drupal site.
MapCosmos store locator panel showing where to copy the installation code for Drupal integration

3. Prepare Drupal for Store Locator Integration

  1. Go to Extend in your Drupal admin panel.
  2. Ensure the following modules are installed and enabled:
    • Block
    • Block content
Screenshot showing the Drupal admin interface with the MapCosmos store locator embed code added to a Full HTML block.

These modules allow you to create and place custom content blocks, including your store locator.

4. Configure Text Format for Embed Code

  1. Navigate to:
    Dashboard → Configuration → Content Authoring → Text Formats and Editors
  2. Click Add Text Format, name it Full HTML.
  3. Assign permissions for editors (e.g., Administrator, Content Writer).
  4. Save configuration.

This ensures your MapCosmos embed code can run safely on your site.

5. Add Your Store Locator Page

Drupal admin interface showing how to add a new Basic Page for Store Locator.
  1. Go to Content → Add Content → Basic Page.
  2. Name it something like Store Locator.
  3. In the left menu, select BlockAdd Content Block, name it Store Locator.
  4. Switch to Full HTML mode and paste the MapCosmos installation code.
  5. Save your block.
Drupal interface showing how to add a content block named Store Locator, switch to Full HTML, and paste the Store Locator installation code.

6. Place the Store Locator Block on Your Page

1. Navigate to Structure → Block Layout.

2. Scroll down to find your new block Store Locator.

Screenshot showing how to place the MapCosmos store locator block on a Drupal page via Structure → Block Layout.

3. Click Place Block

4. Link it to your Store Locator page.

5. Save changes.

Screenshot showing how to place the MapCosmos store locator block in Drupal, link it to your Store Locator page, and save changes.

Your store locator is now fully functional and ready for customers to find your locations.

7. Optimize Your Store Locator for SEO

  • Include city and region names in your page title and meta description.
  • Use structured data like LocalBusiness schema to enhance search engine visibility.
  • Add keywords such as:
    • Find [City] store
    • [Brand] locations near me
    • Store map [City/Region]

This will help your store locator rank higher in Google Maps searches and local search results.

Your Drupal website now features a fully integrated MapCosmos store locator, making it easy for users to find your stores and improving your local SEO visibility.

See all integrations
Interested in MapCosmos Store Locator?
The first 7 days are on us
Free hands on boarding & support
No credit card required!

Interested in MapCosmos Store Locator?
See it in action!

The first 7 days are on us
Free hands on boarding & support
No credit card required!
Interested in MapCosmos Store Locator?
The first 7 days are on us
Free hands on boarding & support
No credit card required!

Other platforms