How to Add Store Locator or Google Maps WooCommerce plugin

Recently WooCommerce plugin is really popular to manage your website store. But once you need to manage multiple stores, you need also a store locator. Below you can check how to install one on WooCommerce.


Fast How-to


Step 1
Install WooCommerce Plugin.

Step 2
Go to control panel of your website.

Step 3
Move the mouse pointer over the “Appearance” category.

Step 4
Select the “Editor” tab from the drop-down menu.

Step 5
Generate store locator code from our SaaS

Step 6
Click on the “content-homepage.php” file, from “Theme files” category.

Step 7
Go to the end of the document.

Step 8
Paste in store locator script.

Step 9
Save file.

Step 10
Check preview.

Step 11
If all is fine, enjoy your own WooCommerce store locator, if it’s not, then check previous steps.


About WooCommerce Plugin

WooCommerce WordPress plugin made by WooThemes has been launched on 27 September 2011, and at September 2014, it became one of the most popular open source e-commerce plugin for WordPress (it has been downloaded over 4 000 000 times). It is specially designed for online stores which websites are having included WordPress CMS. WooCommerce owes its fame to its simplicity to install and customize and free base product, so if somebody is looking for friendly and well built WordPress e-commerce plugin, then WooCommerce plugin is created perfectly for him. It also works great with store locators, so if you are looking for some locator platform better than Google Maps, then (our free store locator) Nearplace is for you.

wordpress-dashboard

If you want to try out this WordPress eCommerce plugin, then just check out the WooCommerce demo. But before you are going to do it, stay with us a few moments longer and see our WooCommerce tutorial in which, we are going to show you how to make installation of that plugin.

How to install WooCommerce plugin

The first thing you will have to do is adding the WooCommerce plugin to your website. You can easily do it using WordPress webshop, in which you can find various kinds of plugins, even from the e-commerce WordPress category. To do that, you have to move the mouse pointer over the “Plugins” category and select from the drop-down menu “Add new” tab.

wordpress-add-plugin

When you are in WordPress webshop, the next thing you will have to do is write “WooCommerce” phrase in a search field. It will move you to the place, where you will find the WooCommerce plugin and other related apps. At this point, you will have to click on the “Install Now” button, near the plugin, which you are searching for. When it comes to the end of the WooCommerce installation, the next thing you will have to do is click on the “Active” button which is in the same place as the “Install Now” button. When the WooCommerce plugin will be activated, the website will move you to another page, where you will be able to add information about store management.

woocommerce-installation-gif

On the first page of WooCommerce setup, you will have to add information about the currency, the type of products which you are going to sell and the actual location of the store.

woocommerce-installation

At the next page, you will have to select the payment methods. When you are done with it, just click on the “Continue” button.

woocommerce-payment-methods

Now, you need to choose the units of displayed products at your store. When you will be ready to take the next step, just click on the “Continue” button like at the latest page.

woocommerce-units-choice

As you may know, a WooCommerce plugin is using his own WordPress eCommerce theme, so the next step which you need to do is choosing what kind of services you want to use at your website. When you are done with it, just click on the “Continue” button.

woocommerce-addons

The last page of WooCommerce setup gives you a possibility to add to your website the Jetpack plugin for WordPress. If you don’t want to connect your pages with this plugin, you can skip this page just as we did at the preview.

skip-jetpack-plugin-installation

When you are going to skip the last page of WooCommerce setup, you will be moved to the settings of WordPress platform. There, the WooCommerce plugin is giving you a possibility of choosing between setting up your store at this moment, or later. If you are ready to do it now, just click on the “Let’s go!” button.

woocommerce-installation-done

By clicking on the “Let’s go!” button, you will be moved to the settings of WooCommerce plugin, where you will be able to design your store however you want.

customize-wordpress-theme

When you want to save the changes which you have done and see the results of your work – just click on the “Publish” button, which you can find at the top of settings. The last thing which you have to do, to make your website more interesting is adding a WordPress store locator. If you want to make your online store more user-friendly, and you want to have more consumers, you just can’t leave alone WooCommerce plugin for WordPress without any professional store locator like Nearplace (which is also for free).

wordpress-publish-changes

If you will have some problems with the installation of the WooCommerce plugin or you will have some questions related to WooCommerce plugin tutorial, just leave a comment. For sure we are going to answer on it.

WooCommerce store locator – Installation

The first thing, you have to do, to create your own WooCommerce store locator, is getting the store locator code. If you are looking for “some” store locator, then we can’t help you, but if you are looking for locator platform better than Google Maps, for sure we can recommend you professional and in addition a free store locator – Nearplace. You can get it, just by registering at our site (without any fees) and generating store locator script from our SaaS. You can check how to do it, in our preview, which we made especially for you.

nearplace-javascript-code

When you are going to log in to the WordPress platform, you have to move the mouse pointer over the “Appearance” category, and from the drop-down menu select the “Editor” tab.

appeareance-editor-wordpress

At this point, depending on where you want to display a WooCommerce store locator, you will have to find in the “Theme Files” category, the right document. In our case, we want to display the store locator on the main page, so we are looking for a file named “content-homepage.php”. When you are going to click on it, it will display the source code, in which you will have to go, to the end of it and paste store locator script, which you have generated in the previous step. When you are done with it, just click on the “Update file” button. After it, go check your work on the front page.

nearplace-code-implementation

If everything works like in our preview of WooCommerce store locator, then you did some nice job there. But if you have some troubles, then check out the previous steps – maybe you have done mistakes somewhere.

WooCommerce-store-locator-result

Summarising, if you are looking for a platform, where you will easily create your own WooCommerce store locator, then WordPress content management system is a perfect place for it. With WooCommerce you can make your web pages more interesting in a very simple way. Don’t wait and create your own website with our free locator platform better than Google Maps – Nearplace. If you have some questions, remember to leave us some feedback, for sure, we will be happy to answer it.


Get notified of new articles
45,285 marketers are