How to customize the widget preloader

When the Storemapper widget is initiated, an animated marker is shown while the list of stores is loaded into the page. By default, the preloader is displayed with the colors of our logo, but what if you want to customize it to match the colors of your brand? Given that the preloader consists of two […]

Read More

How to customize Google Maps Info Window (Popup)

With Storemapper, you can customize Google Maps Info Window pretty easily, and in this article we’ll dive into the details of it. Below you will see the default CSS that is being used on each element so you know what properties you should change in your own stylesheets. Customize Google Maps Info Window We hooked up a […]

Read More

SVG custom marker doesn’t work on Firefox or IE

Svg files can be added as a custom markers in the same way as any other images. But sometimes you may notice that your marker doesn’t correctly work on Firefox and IE Firefox – no marker displayed IE – crazy scaling If you observe above behavior, than most likely your svg file was saved as […]

Read More

Adding custom fields to each location

Each store/location in Storemapper can have up to three custom fields. These fields can be any kind of text (and in some cases HTML) that you like to add helpful data about that store. Common use cases include: Store hours Product lines or sub-brands available Special options like in-store try-on Specific directions inside the location To add […]

Read More

Shopify Theme Integrations

Storemapper integrates beautifully with some of the most popular themes in the Shopify Theme Store. For each theme, we have some custom CSS that can be easily added to your Storemapper with a single click to make sure your locator looks like a perfectly native part of your website. Currently, we support the Responsive, Mobilia, […]

Read More

Preview your store locator from within our app

You can easily preview changes within the Storemapper app if your actual site isn’t live. Just select Preview from top-right drop-down menu. Note: the Preview does inherit a little bit of styles from our app so if you’re really cranking on the CSS you might want to do it on your own site to get it […]

Read More

Map themes and custom color schemes

Storemapper supports beautiful custom map color schemes powered by Snazzy Maps! The first step is to peruse Snazzy Maps and find a color scheme you really like. Then open https://www.storemapper.co/themes In Snazzy Maps copy the Javascript style array and paste it into the input box at the bottom of the page on Storemapper.

Read More

Adding custom map markers or map pins

Storemapper supports custom map markers. First you’ll need to host the image somewhere on your own site, you can’t upload the file to Storemapper. Grab the URL for the image. Then you have two options: 1. Set all your map markers to this image. For that head to https://www.storemapper.co/advanced and paste the URL into the field […]

Read More

Adding a custom loading spinner gif

Setting a custom loading gif is a little tricky since the div containing the loader it added before any other Storemapper code runs. You’ll need override it with your own CSS on your own site. This can either be in your normal CSS files or in a style tag on the page, above the Storemapper embed […]

Read More

Using Category Filters

Category filters can be a great way to: Differentiate between different types of locations (drive-thru, mall kiosk, showrooms, etc) Identify which products or product lines are available at each location Show multiple brands or sub-brands on one map When you add categories, your store locator will automatically populate checkboxes in the search form. Here are […]

Read More