Publishing a store locator online

NB: As you are not logged in the following examples refer to the Blipstar demo store locator. ★

Your store locator can also be deployed within various products, such as:

Facebook Wordpress Shopify Weebly Wix Squarespace BigCommerce Jimdo Webflow Joomla Drupal WebStarts

OpenCart Magento osCommerce Tomato Cart Zen Cart Presta Shop

Deployment wizard...

The new Deployment Wizard makes adding your store locator to a site really easy and produces the required code for you to copy and paste.

The Deployment wizard guides you through the store locator creation process

Instructions for popular web platforms and tools

  • Facebook - Embed a store locator inside your Facebook page
  • Wordpress - Open a store locator within a Wordpress site
  • Squarespace - Using your locator within a Squarespace site
  • Shopify - Add a store locator to Shopify
  • BigCommerce - Adding a store locator to your BigCommerce online shop
  • Weebly - Using your locator in a site created with Weebly
  • Wix - Using your locator with a Wix generated site
  • Jimdo - Integrating your locator within a Jimdo site
  • Webflow - Add a store locator to a Webflow page
  • WebStarts - Embedding your locator within WebStarts
  • Joomla - Open a store locator within a Joomla site
  • Drupal - Open a store locator within a Drupal site
  • eCommerce platforms - Using your locator with an ecommerce system

Other methods


Embed within Facebook

At last, an easy way to add a store locator to your Facebook page! Now your customers can use your store locator without ever leaving Facebook.

Go to how to create a store locator in Facebook for details.



You can embed your store locator within any page in your WordPress site (as per the instructions above).

The gotcha in WordPress is that when editing a page in "Visual" mode it strips out any HTML code, so when you paste code and save it won't work. So, the trick is to use "Text" mode rather than "Visual" mode by clicking the relevant tab...

Selecting Text mode in Wordpress to add custom code to a page

Make sure not to switch between the two modes prior to saving otherwise you could lose your code! Once in "Text" mode paste the relevant code snippet then hit Publish.

Alternatively you can use the Blipstar WordPress plugin. It's very easy to install and set up.



Squarespace offers an easy way to create websites, and its simple yet slick interface brings polished looking sites within the reach of pretty much anyone who can turn on a computer.

When it comes to adding a store locator to your new site you might be wondering how you can integrate Blipstar within a web page. Well you're in the right place as below is a list of simple instructions to do just that, using something called a Code Block. Code Blocks in Squarespace allow you to add a block of custom code (clever name huh!) and are specifically designed for third-party plugins. Best of all this approach is flexible enough to accommodate all the different types of Blipstar integration outlined in this guide.

  1. Fire up Squarespace and edit the page where you want the store locator to appear.
  2. Click on an Insert Point to add a new element to the page.
  3. A menu will appear, click on the Code option.
  4. A blank code editor will appear.
  5. Make sure the display drop-down (top-right) is set to HTML.
  6. Paste the relevant code from Blipstar for displaying your locator.
  7. Hit the Save button.
  8. Ta da - your store locator should now appear within the page.

And that's how you add your own Blipstar store locator in Squarespace. Hopefully you won't encounter any issues when setting it up but if you do drop us an email and we'll let you know where you've gone wrong.



Shopify is a relative newcomer to the ecommerce party but its garnered a lot of support over the years, with its fresh design and powerful features. Because businesses use it to run their complete site it has a range of options for adding content to pages, including custom code and plugins, and that's how you integrate your Blipstar locator.

Full more details see the guide for Creating a Shopify store locator and you'll be up and running in no time.



If your retail outfit has got a swanky new BigCommerce site and wants to include a store locator then look no further than Creating a BigCommerce store locator.



Popular website builder Weebly is able to integrate your store locator - here's how it works.
  1. In the Weebly editor, click on Elements, then More.
  2. One of the options should be Custom HTML. Choose this.
  3. Paste the code snippet generated by Blipstar.
  4. Save.
  5. When you view the page your store locator should now be shown



Wix is another popular tool for creating simple sites and supports Blipstar, so you can enjoy all that store locator goodness in your shiny new site.
  1. From the toolbar on the left, click on the icon for App market.
  2. In the search bar type "HTML" and click "Add to site" on the iFrame/Embed app.
  3. Go to the HTML Settings window and, under Mode, click the drop-down menu. Select the HTML code option.​
  4. Paste the Blipstar code snippet within the text field.​​
  5. Click update.
  6. Your store locator should now be embedded within the page. Job done!



Jimdo is a slick website and shop creator popular with non-coders. It provides a simple Widget function for third-party plug-ins so it's easy to add a Blipstar store locator inside your Jimdo site.

  1. Log into Jimdo and go to the Page Editor
  2. Add a new Widget / HTML element wherever you want your locator embedded.
  3. Paste the Blipstar code snippet within text box.​
  4. Click Save.
  5. Your store locator will now appear inside the page. Easy!



If you want a responsive site that works on all devices, but don't know how to code, Webflow is a good place to create your online presence. It has a smart drag and drop interface and provides an easy to way to add your Blipstar locator.
  1. Sign into Webflow and edit the relevant page where the locator will appear.
  2. Click on Add Elements.
  3. Scroll down the Add Element box that appears and find the Widgets section.​
  4. Select Embed (or drag and drop onto your page).
  5. Paste the Blipstar code snippet in the Paste HTML code textbox that appears.
  6. Click Save & Close.
  7. The store locator should now appear on that page!



With the number of hosted sites standing at well over 3 million, WebStarts is a long-standing and popular website builder. Like any site creator worth its salt it provides a simple mechanism for embedding cutom widgets and code. Here's how you can add your store locator to WebStarts.
  1. Log into your WebStarts account and go to the page you want the locator appearing.
  2. Click on the Insert HTML tool button.
  3. Paste your Blipstar code snippet.
  4. Click OK.
  5. The store locator should now appear in the page's editor view.
  6. You can drag it to change position if needed.



You can embed your store locator within a Joomla powered site without writing a single line of code, thanks to iframes. How you do this depends on the version:

For Joomla 1.6, Joomla 2.x and Joomla 3.x see Create a store locator in Joomla.
For Joomla 1.5 see Create a store locator in Joomla 1.5.

If all that sounds a little complicated then you can always add a standard link in an article as you would add a link to any other website. This will open your locator in its own page.



Drupal Embedded

If you're using the TinyMCE editor within your installation of Drupal the iframe code won't work because the editor automatically strips out the iframe tag. A neat solution is available courtesy of Toodlepip (check out their site to find out the details of the workaround).

  1. Download this TinyMCE plugin
  2. Copy the tinymce_extended folder to the modules folder in your installation
  3. Enable the module using Administer > Site building > Modules (e.g. /admin/build/modules)
  4. Enable the function in WYSIWYG's TinyMCE profile. To do this go to Administer > Site Configuration > Wysiwyg and click 'Edit' for the TinyMCE profile that you want to access iframe tags.
  5. Expand the 'Buttons and plugins' option and tick the option for 'Iframe Fix', which will be near the bottom
  6. You can now use the wizard to get your code snippet

Drupal Lightbox

On sites built with Drupal it's also easy to open your store locator within a lightbox.

  1. Edit the page/article you want the store locator link to appear in
  2. Paste the following code:

    <a href='' rel='lightframe[|width:802px; height:502px; scrolling: no;]'>Store locator</a>

If all that sounds too complicated then you can always add a standard link in a Drupal post as you would add a link to any other website. This will open your locator in its own page.


eCommerce integration

If you use Magento, Zen Cart, Open Cart, osCommerce, Presta Shop or Tomato Cart and want to integrate your store locator directly within your site then check out this tutorial which will guide you through the process. Shopify users can follow the instructions here.

Other simpler options include adding an external link to a standalone page or using a pop-up.


HTTPS/SSL - Using your store locator on a secure site or page

When signed in to your account you can see the link for displaying your locator using HTTPS.


Google Earth

If you are signed in to your account you can download your data as a KML file. Which is nice.


Submit Stores to Google Local Search

There aren't many businesses that don't want to be found, and local (user-centric) search is a key growth area in the murky world of SEO. Having your store locations appear as local listings in Google Local/Google Maps is a wise move, as people in the proximity of a store are probably quite motivated to visit it. In order to present your location data in a consistent and search engine friendly way Google have a "My Business Locations" feature. Blipstar offers a handly tool for exporting your data to Google in the required format.

Providing store locator solutions since 2006.   Share: Linkedin  |  Twitter  |  Google+  |  Facebook  |  Pinterest