NearPlace

Join 1,400+ marketers, founders, UX designers, and software engineers and receive our next insights:


August 2018
M T W T F S S
« Jul    
 12345
6789101112
13141516171819
20212223242526
2728293031  

Categories


How to add a Store Locator or Google Maps Addon to PrestaShop

NearPlaceNearPlace

Fast How-to

  1. Go to control panel of PrestaShop.
  2. Find the category called “Improve”.
  3. Choose the “Design” tab.
  4. From the drop-down bar, select “Theme & Logo” option.
  5. Click on the “Export current theme” button.
  6. Extract downloaded files.
  7. Find the location of the .tpl header file.
  8. Generate store locator script from the Nearplace SaaS.
  9. Above the </head> or </body> section add {literal}{/literal} tags.
  10. Paste a Nearplace or Google Maps store locator script in “literal” tags.
  11. Close and then compress all theme files.
  12. Go back to the PrestaShop where you were downloading a theme.
  13. Click on the “Add new theme” button.
  14. By clicking on “Select file” button, upload your theme compressed files.
  15. After uploading files, click on the “Save” button.
  16. If everything is fine, the installation is done, if not, go back to the previous steps.

About PrestaShop

PrestaShop belongs to one of the most popular open source E-commerce platforms. Currently, it is used by more than 250 000 stores which are located around the globe and it has been translated into around 60 different languages. By using PrestaShop e-commerce platform you can add a store locator to your websites, which you may use to advertise your business online. PrestaShop has around 300 built-in features which allow you to manage your website pages as store locator map in a really easy way. Also, this platform is using a web template system which allows customizing store themes. You can also create a really user-friendly UI, which meets expectations even of the most demanding customers.

PrestaShop-interface

If you want to try out PrestaShop, and you want to avoid paying for hosting, you can check out the demo version. In this tutorial, we are going to show you how to install a free store locator to PrestaShop.


The installation of PrestaShop store locator

At the very beginning, the first thing you will have to do before adding the store locator map to a website is generating a special JavaScript code from our Software as a Service. But before you are going to do it, you have to register at our website (without it, you won’t be able to get a store locator script) – don’t worry, it’s totally free. You can check how to get this special code by just looking at our special GIF, which we have prepared for you.

nearplace-javascript-code-generation

After generating a Google Maps store locator script, you need to go to the PrestaShop dashboard and in category “Improve”, you should find the “Design” option. After hovering the cursor on it you will notice the drop-down bar, from which you have to choose “Theme & Logo” option. When you are done with it, it will redirect you to another website, where you need to choose the “Export current theme” button.

export-prestashop-theme

When you are done with downloading a theme, you will have to extract the files, and then find out the location of the .tpl header file. After finding it, you need to edit this document and search for the location of the main container. When you are done with it, first of all, you will have to add literal tags (don’t forget about them, because without it, your Google Maps store locator script won’t work) and then paste in your store locator script.

Prestashop-add-store-locator

When you are going to do it, you need to close the whole files which belong to the theme, and then compress them. After it, you need to back to the PrestaShop website and click on the button “Add new theme”.

prestashop-add-new-theme

After clicking the button from the last step, it will redirect you to another site, where you will have to add your compressed file, and then just click the “Save” button. This is all that you have to do, just check at the preview if the website locator is working.

add-file-prestashop

Summarising, PrestaShop is an e-commerce platform on which, to add an addon, you need to have some more knowledge than in the case of adding an extension to the other Content Management Systems. But if you have relevant information (which you can get by using this tutorial) how to add an addon, you can easily make a really great functioning map store. If you have any questions, or if we missed something, you can leave us a comment, and then for sure, we are going to answer it!