How to add a Store Locator or Google Maps Module to Drupal

Fast How-to 


Step 1
Go to control panel of Drupal.

Step 2
Select the “Structure” tab from a dashboard.

Step 3
Click on the category “Block layout”.

Step 4
Find section named “Content”.

Step 5
Select “Place block” button which is located next to the “Content” section.

Step 6
Click on “Add custom block”.

Step 7
Fill in the required fields.

Step 8
Change the value of “Text format” from “Basic HTML” to “Full HTML”

Step 9
Click on the source button in the body field.

Step 10
Generate own store locator code.

Step 11
Enter script in the field.

Step 12
Click the “Save” button.

Step 13
Change the value of requirement field “Region” to “Content”

Step 14
Check the preview.

Step 15
If it works, the installation is done, in other way check previous steps.


About Drupal

Drupal is a very popular open source content-management framework made by a non-profit organization – The Drupal Association. This free software CMS has a lot of possibilities for usage. Thanks to the Drupal you can manage all of your pages and use one of them as website locator – by adding it on your website through javascript code or Google Maps. Drupal by its user-friendly UI and many basic features (like creating user accounts, adding posts etc.), as of January 2018 composed more than 1 million users, what shows that it is very well built content-management system which is still improving.

drupal-dashboard

If you want to try out Drupal without paying for any hosts, you can use the demo version which is available for 50 minutes before it resets. We have specially made a tutorial for you, in which, we are going to show you how to install store locator to Drupal.


Drupal store locator – installation

The first thing, you have to do is registering at our website (totally free). Without it, you won’t be able to get a specially generated store locator code from SaaS. When you are done with it, you can easily get a script which you need to install a module. Especially for you, we have compared preview, in which we are going to show you how to simply do it.

nearplace-javascript-code

The next thing after copying code is getting into the “Structure” tab which you can find on the dashboard.

drupal-structure-tab

When you are going to click on it, it will display many categories, but you will have to choose only the one which is called “Block layout”.

drupal-block-layout

The next step is just as simple as the latest one, but now you will have to scroll the page down and find “Content” category and then just click the “Place block” button.

drupal-place-content-block

The last one screen is displaying the final step before the most important one. You will have to click on the button called “Add custom block”.

drupal-add-custom-block-content

After the previous step, the site will move you to the page where you will have to add your own content with the script. Some fields are required, but the most important ones are called “Block description”, “Body” and “Text format”. The first step you will have to do is writing in “Block description”, the name of your block – it can be called whatever you want (in our case, we named it “Nearplace store locator”).

nearplace-store-locator-block

The next thing is changing the value of the field which is called “Text format”, using a drop-down bar and setting the value from “Basic HTML” to “Full HTML”. After you do it, you will have to click on the “Source” button at the “Body” section. When you are going to make it, you will be able to paste the code (which we show you how to get it from our site on the very beginning) in this field without any problems. After it, you can just click on the “Save” button at the end of the page. It will take you to another site, where you will have to open another drop-down bar from the “Region” field (which is required) and choose the value described as “Content”. That’s all!

drupal-store-locator-installation

As you can see, you don’t have to bother with finding the way to install your website locator on Drupal. It is really easy, even if you are doing it on your own (of course with our help, you don’t have to), so if you want to add a module to your site based on Drupal or any other CMS. The rule is the same – you have to find the header, footer, or whatever place you want on your website where you can paste a special store locator code.

drupal-store-locator-result

Summarising, Drupal is a CMS which doesn’t require any special knowledge, which you have to use to add any modules like locator maps. Now what was simply, is simpler with our tutorial – it’s not a problem anymore to use on your own Drupal store locator. If you have any special questions or something to tell us, what we should change or add to the tutorial, then just leave us a comment, for sure we are going to answer it!


Get notified of new articles
45,285 marketers are